/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body { /*, form, fieldset { */
        margin: 0;
        padding: 0;
		font-family: Arial, Verdana, Helvetica, Tahoma;
	}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0.2em;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}


/* ************************************************************ Layout Tags *************************************************** */		

body {
	color: #000000;
	font-size: 13px;
	background-color: #EFFCF4;
	line-height: 1.4em;
	}


h1 {color: #009142; font-size: 1.9em; margin: 0 0 1em 0; font-weight: normal; text-transform: uppercase;}
h2 {color: #990000; font-size: 1.8em; margin: 0; font-weight: normal;}
h3 {color: #009142; font-size: 1.4em; margin: 1.8em 0 1em 0; font-weight: bold; border-bottom: 1px solid #000000;}
h4 {color: #990000; font-size: 1em; font-weight: bold; border-bottom: 1px dashed #cccccc;}

a:link {
	color: #990000;
	text-decoration: underline;
	}

a:visited {
	color: #990000;
	}
	
a:hover	{
	color: #006A30;
	text-decoration: none;
	}

a:active {
	color: #009142;
	}

.clear_line {
	border-bottom: 1px dashed #cccccc;
	}

/* ************************************************************ Container ********************************************************* */		
#Container {
	position: relative;
	margin: 0 auto;
	background-color: #ffffff;	
	text-align: left;	
	width: 100%;
	}

/* ************************************************************ Accessibility / Skip *********************************************** */		

#Section_Accessibility {
	width: 100%;
	background-color: #009142;
	margin: 0 auto;	
	}

#Accessibility {	
	width: 97%;
	max-width: 900px;
	width:expression(document.body.clientWidth > 900? "900px": "auto" ); /* IE6 fix for max-width */
	margin: 0 auto;
	text-align: right;	
	padding: 1em 10px 1em 10px;
	overflow: hidden;
	}

#Accessibility a {
	color: #69BD4B;
	font-size: 0.85em;
	text-decoration: none;
	display: block;
	padding: 0.3em 0.5em 0.3em 0.5em;
	text-align: center;	
	border: 1px solid #69BD4B;
	}

#Accessibility a:hover {
	color: #ffffff;
	}

#Accessibility ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	}

#Accessibility li {
/*	float: left;
	text-align: right;
	margin: 0;
	padding: 0;
*/
	}
	
.datefield {
	font-size: 0.9em;
	padding: 0;
	float: left;
	color: #cccccc;
	}

.layouts {
/*	font-size: 0.9em;
	padding: 0;
	float: right;
*/
	}
		
/* ************************************************************ Banner / Logo *********************************************** */		
#Section_Banner {
	width: 100%;
	height: 100px;
/*	background: #009142 url("../images/header_bg.gif") left top repeat-x;*/
	background-color: #019243;
	margin: 0 auto;	
	}

#Logo {	
	width: 97%;
	max-width: 900px;
	width:expression(document.body.clientWidth > 900? "900px": "auto" ); /* IE6 fix for max-width */	
	margin: 0 auto;
	height: 95px;	
	padding: 0 10px 0 10px;
	background: transparent url("../images/logo_title.gif") left center no-repeat;
	}

#Logo h1 {
	color: #ffffff;
	padding-top: 1em;
	}	

#SubLogo {
/*	float: right;
	margin-right: 1em;
	font-size: 0.85em;
	color: #69BD4B;
*/	
	}
	
#SubLogo img {
	}
	
/* ************************************************************ Top horizontal menu *********************************************** */			

#Section_topNav {
	width: 100%;
	background-color: #ffffff;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 10px;
	}
	
#topNavBar {
	height: 35px;
/*	background: transparent url("../images/bg_navbar.gif") left top repeat-x; */
	background-color: transparent;	
	width: 97%;
	max-width: 900px;
	width:expression(document.body.clientWidth > 900? "900px": "auto" ); /* IE6 fix for max-width */		
	padding: 0 10px 0 10px;	
	margin: 0 auto;
	}

#topNavBar a {display: block; padding: 10px 30px 10px 0; text-decoration: none; font-size: 0.9em; font-weight: normal; color: #8C8C8C;}

#topNavBar a:hover {
	color: #E58624;
/*	background: transparent url("../images/bg_navbarover.gif") left top repeat-x; */
	}

#topNavBar a.current_page {
	color: #0081c6;
/*	font-weight: bold;*/
/*	background: transparent url("../images/bg_navbaractive.gif") left top repeat-x;*/
	background-color: transparent;
	}

#topNavBar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 0;
	padding-bottom: 0;
	}

#topNavBar li {
	float: left;
	margin: 0;
	padding: 0;
	}

#topNavBarStart {
	float: left;
/*	background: #ffffff url("../images/bg_navbarstart.gif") no-repeat top left;*/
	height: 35px;
	width: 10px;
	margin: 0px;
	display: none;
	}

#topNavBarEnd {
	float: right;
/*	background: #ffffff url("../images/bg_navbarend.gif") no-repeat top right;*/
	height: 35px;
	width: 10px;
	margin: 0px;
	display: none;	
	}


/* ************************************************************ Container2 section *********************************************** */		

#Section_ContentContainer {
	width: 100%;
	background-color: #f4fcf7;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;	
	}

#Section_InnerContentContainer {	
	width: 97%;
	max-width: 900px;
	width:expression(document.body.clientWidth > 900? "900px": "auto" ); /* IE6 fix for max-width */		
	padding: 0 10px 0 10px;	
	margin: 0 auto;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	overflow: hidden;
	background-color: #ffffff;	
	}
/* ************************************************************ Left section *********************************************** */			
#Left {
	width: 75%;
	float: right;
	padding: 0;
	}
#Left h1 {
	padding-top: 1em;
	}

#Left ul li, #Left ul li a {
	margin-bottom: 1em;
	list-style-image: url(../images/dot.gif);
	}
		
#Breadcrumb {
	margin-top: 0.5em;
	font-size: 0.85em;
	}
	
/* ************************************************************ Right section *********************************************** */		
#Right {
	width: 20%;
	float: left;
	}

#Right h1 {
	padding-top: 1em;
	}

#Right h2 {
	}

#Right h3 {
	}
	
#Right p {
	}

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

#Fullnav ul li {
	margin: 0px;
	padding: 0px;
	}

#Fullnav ul li a {
	font-size: 1.1em;
	display: block;
	border-bottom: 1px dotted #cccccc;
	padding: 10px 0px 10px 5px;
	text-decoration: none;
	color: #009142;
	width: 100%;
	}

#Fullnav ul li a:hover, #Fullnav ul li a:focus {
	color: #990000;
	background-color: #ffffff;
	}

/* ************************************************************ Footer section *********************************************** */		

#Section_Footer {
	width: 100%;
	background: #006A30 url("../images/footer_bg.gif") left top repeat-x;
	clear: both;
	overflow: hidden;	
	padding: 1em 0 3em 0;
	margin: 0 auto;
	color: #ffffff;
	}
	
#Footer {
	margin: 0 auto;	
	width: 97%;
	max-width: 900px;
	width:expression(document.body.clientWidth > 900? "900px": "auto" ); /* IE6 fix for max-width */	
	padding: 0 10px 0 10px;	
	}

#Footer h2 {
	color: #F5E24C;
	margin-top: 1em;
	}

#Footer h3 {
	color: #ffffff;
	font-weight: normal;
	border-bottom: 1px dotted #cccccc;	
	}

#Footer a {
	color: #fef7c1;
	text-decoration: underline;
	}
		
#Footer p {
/*	font-size: 0.9em;*/
/*	color: #ffffff;*/
	}

#Footer ul li {
	margin-bottom: 1em;
	list-style-type: square;
	}
	
#Footer img {
	margin: 1em 0 0 0;
	display: none;
	}
	
#Footer-Left {
	float: left;
	width: 27%;
	margin: 0 4.5em 0 0;
/*	border: 1px solid #ffffff;	*/
	}

#Footer-Middle {
	float: left;
	width: 27%;
	margin: 0 4.5em 0 0;
/*	border: 1px solid #ffffff;	*/
	}

#Footer-Right {
	float: left;
	width: 27%;
/*	border: 1px solid #ffffff;	*/
	}

/* ************************************************************ Miscellaneous elements ********************************************** */

.Centred {
	text-align: center;
    display: block;
	padding: 1em 0em 0em 0em;
	margin: 0 auto;
	}

.CentredText {
	text-align:center;
    display:block;
	padding: 0;
	}
						
.indented {
	padding-left: 7em;
	}

.imageCaption {
	color: #990000;
	font-size: 0.9em;
	margin: 0 auto;
	text-align: center;
    display: block;
	padding: 0em;
	}

.boxQuote {
	width: 240px; 
	float: right; 
	color: #8CAB63;
	padding: 0.5em;
	margin: 0.5em 0em 0.2em 1.5em;
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: right;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.BackToTop {
	text-align: right;
	font-size: 0.85em;
	margin: 0.5em 0 1em 0;
	}