/* Marylise - http://www.marylise.be */
/* Last updated 21/02/07 */
/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright 2007 and may not be reproduced. */ 


 
 html, body, h1, h2, h3, h4, h5, h6, div, p, img, div, table, tr, td, br, input, li, ul {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height:18px;
	color:#FFF;
	/*border: solid 1px #00FF00;*/
}
 
 html, body {
	text-align: center;
	margin : 0px;
	padding : 0px;
	background-color: #444444;
	/*border: solid 1px #00FF00;*/
}

div, table, tr, td {
	margin : 0px;
	padding : 0px;
}

p {
	color : #888888;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	line-height:18px;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
}



a, a:link, a:visited, a:active {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	background-color: #FF9900;
	padding: 0 6px 0 6px;
}

h1 {
	color : #FFF;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 6px 0px;
	border-bottom: 1px;
	border-bottom-color: #73695C;
	border-bottom-style: dotted;
}
h2 {
	color : #FFF;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 6px 0px;
	border-bottom: 1px;
	border-bottom-color: #73695C;
	border-bottom-style: dotted;
}
h3 {
	color : #FFF;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 6px 0px;
	border-bottom: 1px;
	border-bottom-color: #73695C;
	border-bottom-style: dotted;
}
h4 {
	color : #FFF;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 6px 0px;
	border-bottom: 1px;
	border-bottom-color: #73695C;
	border-bottom-style: dotted;
}
h5 {
	color : #FFF;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}
h6 {
	color : #444444;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}
hr {
	height:1px;
	margin: 3px 0px 3px 0px;
	padding:0px;
	border-top: 0px solid #444444;
	border-bottom: 1px dotted #73695C;
}

FORM {
	margin: 0px 0px 0px 0px;
	}

input {
	margin: 0px;
	padding: 2px 2px 4px 10px;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #FFF;
	border: 0px solid #FFF;
	background-color: #555555;
	font-family: Verdana, sans-serif;
	}

select {
	margin: 0px;
	padding: 4px 2px 4px 10px;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #FFF;
	border-top: 0px solid #333230;
	border-bottom: 0px solid #333230;
	border-left: 0px solid #333230;
	border-right: 0px solid #333230;
	background-color: #555555;
	font-family: Verdana, sans-serif;
	}

ol, ul, li {
	/* width: 340px; */
	margin-top: 0px;
	margin-bottom: 0px;
	}

.textbox {
	/* width: 340px; */
	margin: 3px 0px 3px 0px;
	}

textarea {
	width: 340px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #FFF;
	margin: 0px 0px 6px 0px;
	padding: 2px 2px 2px 10px;
	border: 0px solid #FFF;
	background-color: #555555;
	}
	
	
	

p.img_right {
float: right;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 10px;
background: #fff;
font-style: italic;
font-size: 10px;
color: #000;
text-align: center;
}

p.img_left {
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: #fff;
font-style: italic;
font-size: 10px;
color: #000;
text-align: center;
}
	
.button {
	color : #FF9900;
	font-weight: normal;
	background-color: transparent;
	padding: 1px 6px 2px 6px;
	margin: 6px 20px 6px 0px;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #FF9900;
}

.tinybutton {
	color : #FFF;
	font-weight: normal;
	background-color: #727EA3;
	padding: 0px 2px 0px 2px;
	margin: 0px 0px -1px 0px;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #444444;
}

.highlight {
	color : #FFF;
	font-weight: normal;
	background-color: #727EA3;
	padding: 2px 30px 2px 30px;
	margin: 0px 0px 0px 0px;
	border: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #444444;
}

.darklight {
	color : #FFF;
	font-weight: normal;
	background-color: #333230;
	padding: 2px 30px 2px 30px;
	margin: 0px 0px 0px 0px;
	border: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #444444;
}

.darklight a {
	color : #FFF;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

.darklight a:hover {
	padding: 0px;
	margin: 0px;
	text-decoration: underline;
}
	
	


.titlebar {
	width: 490px;
	color: #444444;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	border: solid;
	border-color: #444444;
	border-width: 1px 1px 1px 1px;
	border-collapse: collapse;
	margin: 2px 0px 8px 0px;
	padding: 2px 10px 2px 10px;
}

.subtitlebar {
	color: #444444;
	width: 100%;
	padding: 2px 4px 1px 4px;
	text-align: left;
	border: solid;
	border-color: #A69C8D;
	border-width: 1px 1px 1px 1px;
	margin: 2px 0px 8px 0px;
}
	
	
	
img {
	border: none;
}
 
/* layout */


#main {
	width: 800px;
	height: 100%;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: left;
}

#navigationcontainer {
	float: left;
	width: 800px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #444444;
	border-top: 0px solid #D9CBB8;
	border-bottom: 1px solid #000;
}

.topnav {
	margin: 1px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	padding: 0px 0px 0px 0px;
}

.topnav p {
	color: #FFF;
	font-size: 10px;
	line-height: 16px;
	text-align: left;
	font-weight: normal;
}

.topnav a, .topnav a:link, .topnav a:visited, .topnav a:active {
	font-family: Verdana, sans-serif;
	color: #FF9900;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.topnav a:hover {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	background-color: #FF9900;
	padding: 0 6px 0 6px;
}

.topnav ul {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.topnav li {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#canvas {
	width: 800px;
	background-color: #333230;
	border-bottom: 1px solid #000;
}

#pagemarker {
	width: 800px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana;
	background-color: #727EA3;
	border-bottom: 1px solid #333230;
	vertical-align: middle;
}

#pagemarker p {
	padding: 6px 20px 3px 20px;
	margin: 0px 0px 0px 0px;
	font-family: Verdana;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	text-align: right;
}

#sidebarcontainer {
	float: left;
	width: 260px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #333230;
}

#sidebar {
	width: 220px;
	height: 100%;
	min-height: 100%;
	margin: 20px 0px 20px 20px;
	padding: 0px 0px 10px 0px;
	font-family: Verdana;
	font-size: 11px;
	line-height:14px;
	font-weight:bold;
	color: #FFF;
	background-color: transparent;
}


#sidebar ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}


#sidebar li {
	list-style: none;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	color: #FFF;
}

#sidebar a {
	display: block;
	text-decoration: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 0px solid #D9CBB8;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px solid #D9CBB8;
	font-weight: bold;
	color: #FFF;
	background-color: #333230;
}

#sidebar img a:hover {
	border: 1px solid #FF9900;
}

#sidebar a:link, #sidebar a:visited, #sidebar a:active {
	color: #FFF;
}

#sidebar a:hover {
	color: #FFF;
	font-weight: bold;
}

.navbutton {
	display: block;
	text-decoration: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #A69C8D;
	border-top: 1px solid #A69C8D;
	border-right: 0px solid #73695C;
	border-left: 0px solid #73695C;
	font-weight: bold;
	color: #A69C8D;
	font-size: 10px;
}

.navbutton a, .navbutton a:link, .navbutton a:visited, .navbutton a:active {
	color: #727EA3;
	padding: 1px 10px 1px 10px;
	text-decoration: none;
}

.navbutton a:hover {
	background-color: #727EA3;
	color: #FFF;
	text-decoration: none;
}

#sidebar li li a {
	width: 149px;
	margin: 3px 0px 3px 0px;
	padding: 0px 0px 3px 10px;
}

#sidebar li li a:link, #sidebar li li a:visited, #sidebar li li a:active {
	color: #FFF;
	font-weight: normal;
	border-top: 0px;
	border-bottom: 1px solid #D9CBB8;
	border-right: 0px;
	border-left: 0px solid #D9CBB8;

}

#sidebar li li a:hover {
	background-color: #727EA3;
	color: #FFF;
	font-weight: normal;
}

#sidebar ul ul {
	margin: 0 0 10px 10px;
} 

#contentcontainer {
	float: right;
	width: 540px;
	height: 100%;
	min-height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #FFF;
	background-color: #333230;
}

#content {
	width: 500px;
	margin: 20px 20px 20px 20px;
	padding: 0px 0px 20px 0px;
}

#footer {
	width: 800px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #444444;
	/* background-image: url("../img/dots.gif"); */
	background-repeat:repeat-x;
	background-position: top;
}

#footerleft {
	width: 210px;
	float: left;
}

#footerright {
	width: 550px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #888888;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
}

#footerright a, #footerright a:link, #footerright a:active, #footerright a:visited {
	color: #888888;
	text-decoration: none;
	font-weight: normal;
}

#footerright a:hover {
	color: #FFF;
	font-weight: normal;
}


.separator {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
}


.downloadimg {
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #73695C;
	background-color: #FFF;
	width: 162px;
	height: 162px;
	text-align: center;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
}


.legend, .legend p, .legend a, .legend a:link, .legend a:visited, .legend a:active .legend a:hover {
	font-size: 10px;
	font-style: italic;
	line-height: 12px;
	font-weight: normal;
	margin: 0px 0px 6px 0px;
	padding: 0px;
}

.bannerimg {
	margin: 0px;
	padding: 0px;
	border-top: 0px;
	border-bottom: 1px solid #333230;
	border-right: 0px;
	border-left: 0px;

}

#notepaper {
	width: 410px;
	max-width: 410px;
	color: #444444;
	text-align: left;
	padding: 25px 50px 25px 50px;
	margin: 10px 0px 0px 0px;
	background-color: #FFFFFF;
	border: 1px solid #444444;
}