/* TABLE OF CONTENT
1 Universal
2 Template Layout
3 Branding / Logo elements
4 Main navigation elements
5 Sub navigation elements
6 Footer elements  */

/* ------- 1 UNIVERSAL ---------- */
html {
	padding:0;
	margin:0;
}

body {
	font-family:Arial,Helvetica,Sans-serif;
	font-size:100%;
	color: #000;
	line-height: 1em;
	padding: 0;
	margin:0;
	background:#EFEBE6;
}

img { 
	border: 0;
}

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

/* ------- 2 TEMPLATE LAYOUT ---------- */
#sitewrapper {
	width:100%;
	font-size: 70%;
	background:#FFF url(../images/site_objects/bg_main.jpg) repeat-x;
	float:left;
	padding-bottom:80px;
	}

div.smallscreen {
	width:950px;
	}

#menu {
	margin-top:10px;
	width:197px;
	padding-right:30px;
	float:left;
	}
	
#header {
}

#navigation {
	float:left;
}


#printbasket,#downloads,#resource{
	display:none;
	}
	
html body .displayblock{
	display:block!important;
	}
	
#printbasket  {
	padding-bottom:20px;
	}

#downloads, #resources {
	padding:10px 10px 20px 10px;
	}
	
#contentwrapper {
	width:666px;
	float:left;
}

div.pagecontent {
	font-size:100%;
	}
	

/* Subheader */

div.subheader {
	margin:45px 0 0 0;
	margin-bottom:10px;
	width:458px;
	height:140px;
	float:left;
	}
	
html>body div.subheader {
	height:auto;
	min-height:140px;
	float:left;
	}

/* Sidebar - RHS */

div.sidebar {	
	float:left;
	}


div.printoptions {
	position:absolute;
	left:695px;
	top:60px;
	width:144px;
	}
		

/* Columns */

div#sitewrapper div#contentwrapper div#content div.singlecolumn{
	float:left;
	margin:0 10px 0 0;
	width:146px;
	}
	
div#sitewrapper  div#contentwrapper div#content div.doublecolumn{
	float:left;
	margin:0 10px 0 0;
	width:301px;
	}

div#sitewrapper  div#contentwrapper div#content div.triplecolumn{
	float:left;
	margin:0 10px 0 0;
	width:458px;
	}
	
div#sitewrapper  div#contentwrapper div#content div.lastcolumn{
	margin:0;
	}

div#sitewrapper  div#contentwrapper div#content div.threecol div.singlecolumn, div.threecol div.singlecolumn, div.onecol {
	float:left;
	margin:0 0 0 0;
	width:134px;
	border-top:1px solid #CCC;
	padding:0 8px 10px 10px;
	color:#a59a93;
	font-size:130%;
	font-family:Georgia, arial, Times, serif;
}

div#sitewrapper  div#contentwrapper div#content div.threecol div.borderright, div.threecol div.borderright {
	border-right:1px solid #CCC;
}
div.threecol div.singlecolumn p, div.onecol p {
	margin:-4px 0 0 0;
	padding:0;
}
	
div.threecol div.singlecolumn .number, div.onecol .number {
	font-size:200%;
	line-height:130%;
}
	
/* ------- 3 BRANDING / LOGO  ---------- */



/* ------- 4 MAIN NAVIGATION ELEMENTS   ---------- */


/* First Level */

#navigation ul {
	margin:0;
	padding:0;
	}

	#navigation ul li {
		list-style:none;
		clear:left;
		}	

	#navigation ul li.lit {
		border-top:1px solid #CCC;
		border-bottom:1px solid #CCC;
		padding-bottom:5px;
		float:left;
		}
		
	#navigation ul li.noline {
		border:none;
		}
		
	#navigation ul li a.lit {
		font-weight:bold;
		color:#A60D1F;
		}
		
	#navigation ul li a.lit:hover, #navigation ul li a.lit:active, #navigation ul li a.lit:focus  {
		font-weight:bold;
		color:#A60D1F;
		}		

#navigation ul li  a { 
	text-decoration:none;
	width:180px;
	display:block;
	padding:3px 0 2px 10px; 
	}	

#navigation ul a:hover, #navigation ul a:active, #navigation ul a:focus {
	font-weight:normal;
	text-decoration:underline;
	color:#000;	
	}


/* SECOND LEVEL */

	
#navigation ul ul li { 
	padding:0 0 0 5px;
	margin:0;	
	}

	#navigation ul ul li a.lit {
		font-weight:bold;
		color:#000000;
	}
	
	#navigation ul ul li a:hover, #navigation ul ul li a:active, #navigation ul ul li a:focus {
		text-decoration:underline;
		}	

		
/* Third Level */
	
	

	
#navigation ul ul ul li {
		margin:0;
		padding:0 0 0 5px;
	}
	
	#navigation ul ul ul li a:hover, #navigation ul ul ul li a:active, #navigation ul ul ul li a:focus {
		font-weight:normal;
		text-decoration:underline;
		color:#000000;
		}
		
	#navigation ul ul ul li a.lit {
		font-weight:normal;
		text-decoration:underline;
		}
	

/* Fourth Level */
	
	

	
#navigation ul ul ul ul li {
		margin:0;
		padding:0 0 0 5px;
	}
	
	#navigation ul ul ul ul li a:hover, #navigation ul ul ul ul li a:active, #navigation ul ul ul ul li a:focus, #navigation ul ul ul ul li a.lit:link, #navigation ul ul ul ul li a.lit:visited {
		font-weight:normal;
		text-decoration:underline;
		color:#000000;
		}
		
#navigation ul ul ul ul li a.lit:hover, #navigation ul ul ul ul li a.lit:focus, #navigation ul ul ul ul li a.lit:active {
		text-decoration:none;
}		
/* ------- 5 SUB NAVIGATION ELEMENTS   ---------- */

/* in page navigation ( Red Versio )*/

div.topinpagenav ul {
	position:absolute;
	top:140px;
	left:147px;
	margin:0;
	padding:0;
	height:15px;
	z-index:1;
	}
	
	div.topinpagenav ul li {
		padding:0;
		margin:0;
		list-style-type:none;
		float:left;
		}	
		
	
/* in page navigation ( Grey Version )*/

div.bottominpagenav {
	width:176px;
	float:left;	
	padding-top:3px;
	}

div.bottominpagenav ul {
	float:right;
	margin:0;
	padding:0;
	height:15px;
	}	


	div.bottominpagenav ul li {
			padding:0;
			margin:0;
			list-style-type:none;
			float:left;
			}
			
			
		div.bottominpagenav ul li.back, div.bottominpagenav ul li {
			width:15px;
			height:17px;
			margin-left:1px;
			display:block;
		}
		
		


/* ----------------------------
   Site tools navigation 

	This section of the site is placed within an accordion.
	Without javascript turned on, all sections of the tool menu will be displayed.
*/


#tools {
	clear:left;
	width:195px;
	margin:0 0 0 0;
	padding:35px 0 0 0;	
	}


#tools h2 {
		font-family:Arial,Helvetica,Sans-serif;
		font-weight:normal;
		margin:0;
		padding:4px 0 4px 10px;
		width: 167px; 
		position: relative;
		cursor: pointer;
		border-top:1px solid #d1c9c0;
	}
	
	#tools h2.lit {
		background:#e6dfd7;
		font-weight:bold;
	}
	
	/* - / - Sign is held in em tags */
	#tools h2 em { 
		font-weight:normal;
		font-size:150%;
		position: absolute; 
		top: 3px; 
		right: 5px;  
	}
	
#tools #downloads h3 {
		font-family:Arial,Helvetica,Sans-serif;
		font-weight:bold;
		padding:5px 0 0 10px
		
	}


/* ----------------------------
   Tools Menu - Print Basket */

#tools span.print {
	background-image: url(../images/icons/ico_print.gif);
	background-repeat:no-repeat;
	padding-left:16px;
}

#tools a.printbasket {
	padding-left:16px;
	background:url(../images/icons/ico_printbasket.gif) 1em 0.5em no-repeat; 
	}

#tools a.printbasketlit {
	background:#e6dfd7 url(../images/icons/ico_printbasket.gif) 1em 0.5em no-repeat; 
	}
	

#tools a.printall {
	padding-left:16px;
	background:url(../images/icons/ico_print.gif)  1em 0.5em no-repeat; 
	}


/* ----------------------------
   Tools Menu - Downloads */

#tools span.downloads {
	background-image: url(../images/icons/ico_pdf.gif);
	background-repeat:no-repeat;
	padding-left:16px;
}



/* ----------------------------
  Hidden accesible navigation */
#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 {
	font-size: 60%;
	height: 0;
	left: 18px;
	overflow: hidden;
	position: absolute;
	top: 0.8em;
	width: 0;
	z-index: 1002;
}
#accessiblenav a:active, #accessiblenav a:focus { /* Only show skiplinks on focus */
	background: #FFF;
	border: 0;
	height: auto;
	margin: 0;
	overflow: visible;
	padding: 4px;
	position: absolute;
	text-decoration:underline;
	width: auto;
	z-index: 10000;
}

/* ----------------------------
   Page trail */
   
ol#pagetrail , ol#pagetrail li {
	margin: 0;
	padding:0;
	list-style-type:none;
	white-space:nowrap;
	display:inline;
}



/* Tool Tips 
	This replaces the title tags in the print basket and download menu to give a little more information then ussual
*/

.tool-tip {
	color: #000;
	width: auto;
	z-index: 13000;
	border:1px solid #CCC;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 2px 8px 2px;
	background:#FFF;
	
}
 
.tool-text {
	font-size: 11px;
	padding: 2px 8px 2px;
	background: #FFF;
}

/* ------- 6 FOOTER ELEMENTS   ---------- */

div#footer {
	width:100%;
	float:left;
	background:#EFEBE6;
	margin:0;
	padding:0 0 20px 0;
	font-size:70%;
	}
 
#footer p { padding-top:3px; }
 
div.bottommenu {
	margin:0 10px 0 50px;
	width:458px;
	float:left;
	padding:3px 0 10px 0;
	}
	
#footer ul.bottommenu {
	margin:0;
	padding:0;
	}
	
	#footer ul.bottommenu li {
	list-style:none;
	display:inline;
	padding-right:15px;
	}
	
	#footer  a {	
		text-decoration:none;
		}
		
	#footer a:hover, #footer a:active, #footer a:focus {
		text-decoration:underline;
		}
		




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