/* TABLE OF CONTENT
1 Universal
2 Template Layout
3 Branding / Logo elements
4 Main navigation elements
5 Accessible navigation elements
6 Main resources - under main navaigation
6b On-page navigation arrows
7 Footer elements 
8 Main content heading elemenst and print basket  */

/* ------- 1 UNIVERSAL ---------- */

html {
	padding:0;
	margin:0;
}

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	background:#D6D6D6 url("../images/site_objects/bg_main.gif") repeat-y top left;	
	color: #000;
	margin: 0;
	padding: 0;

}

img { 
	border: 0;
}

.hidden {
	height: 0;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}

/* ------- 2 TEMPLATE LAYOUT ---------- */

#sitewrapper {	
	background:#FFF;
	color:#000;	
	font-size: 70%;	
	margin: 0;
	padding:0;
	/*width: 780px;*/
	float:left;
}

html>body #sitewrapper {	
	width: 780px;
	float:none;
}

#leftcontainer {
	background-color:#FFF;	
	color:#000;
	display:inline;
	float:left;	
	margin: 0 45px 0 20px;
	padding:0;
	width: 200px;

}

#maincontainer {
	background:#FFF;
	color:#000;
	display:inline;
	float:left;	
	margin: 0;
	padding:0;
	width:515px;
	border-top: 8px solid #052D92;
}


div.textcontainer {
	background:#FFF;
	color:#000;
	float:left;	
	margin: 0;
	padding:0;
	width:515px;
}



/* ------- 3 BRANDING / LOGO  ---------- */

#leftcontainer div.logo {
 height:114px;
	margin: 21px 0 0 11px;
	padding:0;

	}

/* ------- 4 MAIN NAVIGATION ELEMENTS   ---------- */
/* Add your  ul  and li classes for the main / top nav if required  */



#leftcontainer ul.menu {
	padding:0;
	margin:0;
	line-height:200%;
	list-style-type:none;
	width:200px;

}


/* menu list 1 */
#leftcontainer ul.menu li {
	margin:0;
	padding:2px 0 2px 0;
	border-top: 1px solid #ccc;

}
#leftcontainer ul.menu li a:link, #leftcontainer ul.menu li a:visited {
	color: #000;
	text-decoration: none;
	font-weight:bold;
	font-size:100%;	

}

#leftcontainer ul.menu li a:hover, #leftcontainer ul.menu li a:active, #leftcontainer ul.menu li a:focus {
	text-decoration: none;
	color:#59b337;
	font-size:100%;
}

#leftcontainer ul.menu li a.lit:link, #leftcontainer ul.menu li a.lit:visited,
#leftcontainer ul.menu li a.lit:hover, #leftcontainer ul.menu li a.lit:active, #leftcontainer ul.menu li a.lit:focus {
	color:#59b337;
}

#leftcontainer ul.menu ul{
	padding:0;
	margin:0;
	line-height:120%;
	list-style-type:none;
	width:190px;
}


#leftcontainer ul.menu li ul li {
	border:0;
	margin-left:10px;
	line-height: 15px;
}

/* menu 3 lists */
#leftcontainer ul.menu li ul li a:link, #leftcontainer ul.menu li ul li a:visited {
	color: #000;
	text-decoration: none;
	padding: 0;
	font-size:100%;	
	font-weight:normal;
}

#leftcontainer ul.menu li ul li a:hover, #leftcontainer ul.menu li ul li a:active, #leftcontainer ul.menu li  ul li a:focus {
	text-decoration: underline;
	color:#59b337;
	font-size:100%;
	}

#leftcontainer ul.menu li ul li a.lit {
	color:#59b337;
}

/* ------- 5 ACCESSIBLE NAVIGATION ELEMENTS   ---------- */
/* Add your  ul  and li classes for the sub / side  nav if required  */
#accessiblenav ul {
	list-style: none;
	margin: 0;	
	padding: 0;

}
#accessiblenav li {
	display: inline;
	list-style: none;
	margin: 0;	
	padding: 0;

}
#accessiblenav a:link, #accessiblenav a:visited {
	top: 80px;
	left: 20px;
	font-size: 60%;
	height: 0;	
	overflow: hidden;
	position: absolute;
	width: 0;
	z-index: 1002;
}
#accessiblenav a:active, #accessiblenav a:focus { /* Only show skiplinks on focus */
	background: #FFD900;
	border: 0;
	height: auto;
	margin: 0;
	overflow: visible;
	padding: 4px;
	position: absolute;
	text-decoration:underline;
	width: auto;
	z-index: 10000;
}


/* ------- 6 RESOURCES  UNDER MAIN NAVIGATION  ---------- */
/* Add your  ul  and li classes for the footer  nav if required  */

#resources {
	border-top: 1px solid #ccc;
	margin:0;
	padding:40px 0;
	width:200px;
	
}

#resources ul.downloads {
	color: #000; 
	margin:0;
	padding:4px 0 0 0;
	/*width:180px;*/
	list-style: none;
	/*background:inherit;*/
}
	


#resources ul.downloads li {
	margin:0;
	padding:0 ;	


	}
#resources ul.downloads li a:link, #resources ul.downloads li a:visited {
	font-weight:normal;
	color: #000;
	text-decoration: none;
	background: #FFF url("../images/site_objects/icon_pdf.gif") repeat-y;
	padding:0 0 12px 20px;	
	display:block;
	width:180px;
	}
#resources ul.downloads li a:hover, #resources ul.downloads li a:active , #resources ul.downloads li a:focus{
	font-weight:normal;
	color: #59b337;
	text-decoration: underline;
	
	}
/* ------- 6 b On-page Navigation arrows  ---------- */

	
div.navigation {
	width:495px;
	margin:0;
	padding:0;
	float:left;
	display:inline;
	color:#666;

}

div.navigation ul {
	float:right;
	margin:0;
	padding:0;	
	color:#666;
}
div.navigation ul li {
	display:inline;
	list-style:none;
}

/*next / previous text alongside the page arrows */
div.nextprevtext {
	float:left;
	font-size:80%;
	padding: 0 0 0 374px;
}


/* ------- 7 FOOTER ELEMENTS   ---------- */
/* Add your  ul  and li classes for the footer  nav if required  */

#copyright {
	clear:both;
	margin:0;
	padding:24px 0 24px 21px;
	width: 759px;
	
}


/* ------- 8 MAIN CONTENT HEADING ELEMENTS and PRINT BASKET ---------- */
/* Add your  ul  and li classes for the footer  nav if required  */
div.reporttitle {
	margin:10px 0 0 0;
	padding:0;
}

div.printbasket {
	float:right; 
	width:235px; 
	margin:-22px 16px 10px 0;
	padding:0px;
	display:inline;
	font-size:80%;	
	color:#666;
}

div.printbuttons {
	float:left;
}

img.viewprint {
	margin:0 0 0 10px;}
img.addpage {
	margin:0 0 0 5px;}


/* ------- END OF LAYOUT.CSS   ---------- */