/* This CSS file is used in all 9 of the free simple templates at         */
/* www.bravenet.com.  Feel free to look at the templates themselves       */
/* to get an idea of how the various classes listed here can combine      */
/* to produce a wide variety of layouts.  (Classes are the entries        */
/* beginning with a '.')                                                  */

/* Note: The slash star combinations surround text that is to be          */
/*       marked a comment.  These just describe the CSS and are           */
/*       ignored by the browser.                                          */

html {
	height: 100%;
	width: 100%;
	padding: 0px;
    margin: 0px;
}

body
{
	background: #FFFFFF;
	font-family: "Monotype Corsiva";
	height: 100%;
	width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #6D8269;
    margin: 0px;
}
/* these are the font styles for the links that appear on your web page */
a:link {color: #6D8269; text-decoration: underline;} 
a:active {color: #AF0042; text-decoration: none;}
a:visited {color: #6D8269; text-decoration: underline;}
a:hover {color: #AF0042; text-decoration: none;}/*this one changes the mouseover or hover state of the link*/

ul 
{ 
	list-style-image: url('RomerIcon.gif');
}

.title
{
    /* this is the styling for the title.  Semantically, this should be an h1 */
    /* padding all four sides of the div in order top, right, bottom, left */
	height: 100px;
    background-color: #6D8269;
    color: #C7E1A7;
    font-family: Vivaldi, "Monotype Corsiva";
    font-size: 40px;
    padding-left: 24px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
	margin: 0px;
}

.logo
{
    width: 130px;
	height: 100px;
    background-color: #C7CFA7;
    color: #C7CFA7;
    padding: 0px 10px 0px 10px;
	margin: 0px;
}

.menutitle 
{
    color: #FFFFFF;
    font-size: 36px;
}

.sidebar
{
    width: 130px;
	height: 80%;
    background-color: #C7CFA7;
    color: #C7CFA7;
    padding: 0px 10px 0px 10px;
	margin: 0px;
}

.sidebaritem
{
    width: 130px;
    background-color: #C7E1A7;
    color: #6D8269;
    border: solid 1px #6D8269;
    padding: 2px;
    margin-bottom: 5px;

}
.sidebaritem a:link {text-decoration: none}
.sidebaritem a:visited {text-decoration: none}

.sidebaritem.first
{
    margin-top: 18px;
}
#wrap {
	MARGIN: 0px auto;
	WIDTH: auto
}
#nav {
	PADDING-BOTTOM: 0px; 
	LIST-STYLE-TYPE: none; 
	MARGIN: 0px; 
	PADDING-LEFT: 0px; 
	WIDTH: 100%; 
	PADDING-RIGHT: 0px; 
	BACKGROUND: #6D8269 repeat-x left bottom; 
	FLOAT: left; 
	LIST-STYLE-IMAGE: none; 
	PADDING-TOP: 0px
}
#nav LI {
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	FLOAT: left; 
	FONT-SIZE: 100%; 
	PADDING-TOP: 0px
}
#nav A {
	BORDER-BOTTOM: medium none; 
	BORDER-LEFT: medium none; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 0px 2px 0px 0px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	DISPLAY: block; 
	BACKGROUND: #C7CFA7 repeat-x left top; 
	FLOAT: left; 
	COLOR: #fff; 
	BORDER-TOP: medium none; 
	BORDER-RIGHT: medium none; 
	TEXT-DECORATION: none; 
	PADDING-TOP: 5px
}
#nav A:hover {
	BORDER-BOTTOM-COLOR: #666; 
	PADDING-BOTTOM: 6px; 
	BORDER-TOP-COLOR: #666; 
	BACKGROUND: #C7CFA7 repeat-x left top; 
	COLOR: #AF0042; 
	BORDER-RIGHT-COLOR: #666; 
	BORDER-LEFT-COLOR: #666
}
#nav A.actief {
	BORDER-BOTTOM-COLOR: #666; 
	PADDING-BOTTOM: 6px; 
	BORDER-TOP-COLOR: #666; 
	BACKGROUND: #fff repeat-x left top; 
	COLOR: #6D8269; 
	BORDER-RIGHT-COLOR: #666; 
	BORDER-LEFT-COLOR: #666
}