/* CSS Document */
html, body {height:100%}

body {
	margin: 0px;
	padding: 0px 0px 0px 9px;
	font: 82.5% Verdana, Arial, Helvetica, sans-serif;
	background-color: #CEDEEE;
	}
h1 {
	margin:0px;
	padding:0px;
	}

 h2 {
	color: #0051A3;
	padding-top: 8px;
	font-size: 1.6em;
	padding-bottom: 5px;
	margin-bottom: 5px;
		}
img {
	border: none;
	}

/************************** top banner ****************************/
#mbanner { 
	background-color:#0052A4;
	
	}
#mbanner img {
	position:relative;
	left:-9px;
}
#questionnaire {
	position:absolute;
	left:603px;
	top:155px;
	width:127px;
	height:83px;
	z-index:13;
}

/************************* containers ****************************/

#wrapper {
	 min-width: 400px; 
	 width: 100%;
	background-color:#fff;               /* total width */
	} 
	 /* Allways good to have on full width liquid CSS layouts, google "min-width IE" for JS solutions there */





#outer { 
	width: auto; 
	border-left-style: solid; 
	border-right-style: solid; 
	/*background-color:#33CCFF;*/
	}

.inner { 
	margin: 0; 
	width: 96%; 
	}

/* Mozilla code */

#outer > .inner { 
	border-bottom: 1px solid transparent; 
	}

/************************* left menu *********************/

#outer {
	border-left-width: 160px;  /* left column width */
	border-left-color: #FFF;   /* left column colour */
	
	}

#left {
float: left; 
	position: relative; 
	z-index: 10;
	margin-right: 1px; /* Mozilla code */
	border-left: 8px #CEDEEE;
	width: 150px;              /* left column width */
	margin-left: -160px;       /* _negative_ left column width */
	/* fix for IE 5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 160px;
	
}

#left ul {
	margin: 3px 3px;
	padding:0px;
	list-style-type:none;
	}
#left li {
	
	padding:0px;
	list-style-type:none;	
	border: 1px solid #D5DCEF;	
	margin: 1px 0px;
	background-color:#F7F7FF;
	}	

#left ul li a {
 	display: block;
	text-decoration:none;
	padding: 7px 4px;	
	width:144px;
	font-weight:bold;
	}

#left li a:hover {
	text-decoration:underline;
	}
#left li.green {
	background-color:#EEFDDE;
	color: #7DB644;
	border: 1px solid #9ACD66;
}

#left  ul li.level1 a {
	background: #FFF url(../../../../images/dash.gif) no-repeat 5px;
	padding-left: 15px;
	width:129px;
	font-weight:normal
	}
#left  a:visited {
	color: #0000CC;
	}
#left  ul li.level1 a:visited {
	color: #0000CC;
	}

/************************* center content *********************/

#center { 
	float: left;  
	position: relative;
	z-index: 12; 
	margin: 0 -2px 0 -2px;
	width: 100%;
	background: url(../../../../images/verticalDots.gif) repeat-y  ;
	background-position: 98%;
	
	} /* Mozilla code */
#center ul {
	padding-left:8px;
	margin-left:8px;
	}
.content {
	padding-left:24px;
	padding-right: 10px;
	padding-top: 3px; 
	width:91%;
	
	}/* Mozilla code */

/************************* right menu *********************/

#outer {

	border-right-width: 150px; /* right column width */
	border-right-color: #FFF;  /* right column colour */
}

#right {
	width: 150px;              /* right column width */
	margin-right: -150px;      /* _negative_ right column width */
	float: left; 
	position: relative; 
	z-index: 11; 
	margin-left: 1px; 
	padding:10px 2px 0px 0px;
	
	background: url(../../../../images/verticalDots.gif) repeat-y  140px ;
	
	} /* Mozilla code */

#contact, #priorities {
	
	width: 110px;
	padding: 10px ;
	margin-bottom: 5px;	
	}
#contact h3 img, #contact h3, #priorities h3 img, #priorities h3{
	margin: 0px 0px 3px 0px;

	}
#contact a, #priorities a {
	font-size: 0.9em;
	
}
#contact {
	
	background: url(../../../../images/greenBack.gif) no-repeat ;
	background-color:#D5E4A5;
	}

#priorities{
	
	background:  url(../../../../images/blueBack.gif) no-repeat ;
		background-color:#CCD8E3;}
		
/************************* footer *********************/

#footer {
	margin-top:1px;
	/*clear: both;*/
	font-size: 80%;
	background: #D1E0EE;
	color:#5C90C4;
	padding: 8px;
	position:relative;
}
#copyright {
	font-weight: bold;
	display:inline;

}

#river {
	margin-top:-12px;
	padding-right:30px;
	position:absolute;
	right:0px;
}

/*********************** Misc classes ********************************/
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	display: block;
}
.blue {
	color: #0051A3;
	}
.grey {
	color:#5C5C5C;
	}
.nospacetop {
	margin-top:0px;
	padding-top: 0px;
	}
.hide {
	display:none;
}
/********************** Page specific ************************************************/
/* home page*/


#home h3 {
	margin:0px;
	padding:0px;
	}
#greenCurve {
	background: url(../../../../images/greenCurve.gif) no-repeat;
	height:57px;
	}
#green h1 {
	color: #fff;
	position: relative;
	left:180px;
	top:15px;
	padding:0px;
	margin:0px;
	font-weight:normal;
	display:inline;
	}

/* section page*/

.back {
	background:#99CC66 url(../../../../images/greyBack.gif) repeat;
	}