/*

Created by SHpartners


Customer: 	
Domain:  	
Author:  	Mieke Raman

Last update: 12-11-2008

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. forms & fields
	5. varia


*/

/****************************************************************************/
/* ------------- DEFAULTS ------------------------------------------------- */
/****************************************************************************/
	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, q, dl, dt, dd, ol, ul, li, p,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}


html{
	background-color: #A2A9B5;	
	height: 100%;
}

body {
	font-family: Verdana;
	font-size: 75%;
	/*width: 100%;*/
	height: 90%;
}

a img {
	border : none;
}

a {
	outline: none;
}

.clear{
	clear: both;
}




/****************************************************************************/
/* ------------- STRUCTURE ------------------------------------------------ */
/****************************************************************************/


#Main {
	margin-top:30px;
	/*width:100%;*/
	margin-left: 0px;
	padding-bottom: 0px;
	/*overflow: visible;*/
	/*height: 110%;*/
	/*border: 1px solid yellow;*/
	background: url(../images/bg.png) repeat-y;

}
#Left {
	/*background-color: #ffffff;*/
	width: 169px;
	float: left;
	height: 110%;
	/*border: 1px solid red;*/


}
#Middle {
	/*background-color: #000066;*/
	width: 170px;
	margin-left:10px;
	float: left;
	min-height: 500px;
	height: 100%;
	/*border: 1px solid green;*/s
	
	
}
#Header {
	
	background-color: #ffffff;
	background: url(../images/header.png) no-repeat;
}
#Logo {
	background: url(../images/logo.gif) no-repeat;
	height: 150px;
	margin-left: 13px;
}
#Slogan {
	background: url(../images/rotarynaam.gif) no-repeat;
	height: 184px;
	margin-left: 30px;

}
#ContentContainer {
	background-color:#ffffff;
	padding-top:0px;
	padding-bottom:20px;
	margin-left: 359px;
	min-height: 500px;
	height: 100%;
	/*border: 1px solid fuchsia;*/
	
	}

#Content h1{
	padding: 0; 
	margin: 0 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0672B1;
	font-size: 14pt;
	line-height: 18pt;
	text-align: left;
	font-weight: normal;
}

#Content h2{
	padding: 0; 
	margin: 0 0 20px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: underline;
	color: #4B4B4B;
	text-align: left;
	font-size: 13px;
	line-height:16px;
}

#Content h3{
	padding: 0; 
	margin: 0 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
	color: #4B4B4B;
	text-align: left;
	font-size: 13px;
	line-height:13px;
}

#Content p a:link {
	color:#0672B1;
	text-decoration: none;
}

#Content p a:visited {
	color:#0672B1;
	text-decoration: none;
}

#Content p a:hover {
	text-decoration: underline;
}

#Content p a:active {
	text-decoration: underline;
}

#Banner {
	text-align: center;
}

#Content {
	margin-left: 30px;
	padding: 0; 
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;
	color: #4B4B4B;
	text-align: left;
	font-size: 11px;
	line-height:16px;
}

#Content p{
	padding: 0; 
	margin: 0 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;
	color: #4B4B4B;
	text-align: left;
	font-size: 11px;
	line-height:16px;
}

div.breadcrumbs {
	margin-bottom:10px;
	font-size:1em;
	color:#666;
}
div.breadcrumbs a {
	text-decoration:none;
}

#Footer {
	background: url(../images/footer2.png) no-repeat;
	border-top:0;
	background-color: #ffffff;
	/*margin-bottom: 10px;*/
	/*padding-bottom:0px;*/
	
}
#Footer_text{
	text-align: center;
	color: #ffffff;
	
	
}
#Footer span {
	color:#ccc;
	font-size:1.1em;
	/*line-height:2em;*/
	font-weight:bold;
	padding-left:20px;
	background-color: #ffffff;
}
#Footer a {
	color:#fff;
}
#Footer a:hover {
	text-decoration:none;
}
/****************************************************************************/
/* ------------- LINKS AND NAVIGATION ------------------------------------- */
/****************************************************************************/

#nav {
	margin: 0;
	padding-top: 30px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	/*color: #0672B1;*/
	color: yellow;
	text-align: left;
	text-transform: uppercase;
	padding-left:33px;
	line-height: 20px;
	
}
	
#nav ul{
	line-height: 20px;
	width:169px;
	
}
#nav li {
	list-style: none; 
	margin: 0 5px; 
	line-height: 1.2em;
	font-size: 1.0em;
	font-weight: bold;
	width: 96%;
}

#nav .submenu {
	left: 239px;
	top: 0;
	display: none;
	text-align: left;
	width: 146px;
	font-size: 1.2em;		
	}

#nav li a:link, #nav li a:visited, #nav li a:active {
	color: #0672B1;
	text-decoration: none;
	line-height: 20px;
	
}

#nav li a:hover{
	color: #788193;
	text-decoration: none;
	
}

#nav li a.section:link {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-align: left;
	text-transform: uppercase;
	color: #0672B1;
	text-decoration: none;
	background: url(../images/line_B.png) repeat-x bottom ;
	display: block;
	
}
#nav li a.section:visited {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-align: left;
	text-transform: uppercase;
	color: #0672B1;
	text-decoration: none;
	background: url(../images/line_B.png) repeat-x bottom ;
	display: block;

}
#nav li a.section:active {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-align: left;
	text-transform: uppercase;
	color: #0672B1;
	text-decoration: none;
	background: url(../images/line_B.png) repeat-x bottom ;
	display: block;	
}

#nav li a.current:hover, #nav li a.section:hover {
	color: #788193;
	text-decoration: none;
	
}

#nav li a.current{
	background: url(../images/line_B.png) repeat-x bottom ;
	display: block;
}

#nav li a.section{
	background: url(../images/line_B.png) repeat-x bottom ;
	display: block;
}


#subnav{
	padding-top: 177px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-align: right;
	width:175px;
	line-height: 20px;
	background-color: #000066;

}
#subnav ul{
	line-height: 20px;

}

#subnav li{
	background-color: #000066;
	line-height: 12px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	margin-top: 9px;
	list-style:none;
	padding-right: 20px;

}
#subnav li a:link, #subnav li a:visited, #subnav li a:active {
	color: #ffffff;
	text-decoration: none;
}

#subnav li a:hover{
	color: #ffcc00;
	text-decoration: none;
}

#subnav li a.current, #nav li a.section {
	/*margin-bottom: 2px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #ffffff;
	text-align: right;
	background: url(../images/line_W.png)repeat-x bottom;
	display: block;
}

#Content a:link{
	color: #96ab82;
	text-decoration: underline;
}
#Content a:visited{
	color: #96ab82;
	text-decoration: underline;
}
#Content a:hover{
	color: #96ab82;
	text-decoration: underline;
}
#Content a:active{
	color: #96ab82;
	text-decoration: underline;
}



/****************************************************************************/
/* ------------- FORMS & FIELDS -------------------------------------------- */
/****************************************************************************/
/* -- CSS for the login form -- */

#LoginForm div.field input{
	width: 300px;
}

#LoginForm div.field input.checkbox {
	height: 26px;
	font-size: 18px;
	font-weight: lighter;
	width: 16px;
}

#LoginForm {
    width: 500px;
    margin: 40px auto;
	background-color: #DDD;
	padding: 10px;
}

#LoginForm > h1 {
	color: black;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    padding-bottom: 4px;
    margin-bottom: 10px;
    border-bottom: 1px solid gray;
}

#LoginForm > p {
    display: none;
}

#LoginForm fieldset {
	border: 0px solid #CCCCCC;
	padding: 0px;
}

#LoginForm label {
    font-size: 10px;
}

#LoginForm label.left {
	float: left;
	width: 8em;
	margin-top: 6px;
}

#MemberLoginForm_LoginForm_error {
    font-size: 10px;
    color: red;
    font-weight: bold;
}

/****************************************************************************/
/* ------------- VARIA ---------------------------------------------------- */
/****************************************************************************/