@import url(global.css);

/*
Main pallette

mid green: #a4c76c (pantone 375 is #96d045)
pale green:  (#f0f9e3)  #ccebae
dark green (inc headings (this colour on white b/g or where reversed:white on this)): #507811 (pantone 576 = 608E3A)
dark purple: #2d0054  (pantone 269)
mid-purple: #532770
pale purple: #baa3c5
Gold: #c6a33e

*/

div#wrapper{
	z-index: 0;
	display:block;
	position:relative;
	background-image: url('images/layout/contentBackground.jpg'); 
	background-repeat: no-repeat;
	background-color:White;
	width: 800px; 
	margin: 0px auto 0px auto; 
	padding:0px;
	text-align: left;
	border:solid 1px #f0f0f0;  /* don't know why, but this stops firefox doing some silly things */
}


a.logo img{
	z-index:3;
	display:block;
	position:absolute;
	border:none;
	margin:12px 0px 0px 15px; 
	padding:0px;
}



div.search{
	visibility:hidden;
	border:none;
	background-color:none;
	z-index: 2;
	position:absolute;
	top:18px; left:180px;
	height:30px; width:620px; 
	padding:0px 0px 0px 0.5em;
}

div.search form{
	border:none;
}

div.search h2{
	position:absolute;
	visibility:hidden;
}	

div.search fieldset label{
	position:absolute;
	visibility:hidden;
}
div.search fieldset p{
	position:absolute;
	visibility:hidden;
}

div.search a{
	position:absolute;
	visibility:hidden;
}

div.search fieldset{
	position:relative;
	border:none;
	padding:3px 14px; 
	margin:0px;
	width:239px; height:27px;
	background-image: url('images/layout/roundedSearchbox.gif'); 
	background-repeat: no-repeat;
	float:right;
}

input.submit{
	border:none;
	font-family:arial, sans-serif;
	height:14px; width:44px;
	background-color:#2d0054;	
	color: White;
	font-weight:bold; 
	font-size:12px;
}

input#qt{
	border:none;
	width:160px;
}


div.contactus{
	position:absolute;
	visibility:hidden;
}




/****************
navigator
*****************/

div.mainNav{
	position:absolute;
	top:160px; left:0px;
	width:200px;
	margin:0px; padding:0px;
	background-color:#ebf6e0;
}

div.mainNav a{
	color:black;
	text-decoration:none;
}
div.mainNav a:visited{
	color:black;
	text-decoration:none;
}
div.mainNav li.parent a{
	color:white;
}
div.mainNav li.parent a:hover{
	color:gray;
}

div.mainNav li a{
	color:black;
}

div.mainNav li a:hover{
	color:gray;
}

div.mainNav p{
	margin:0px; 
	padding:0.5em 0px 0.5em 0px;
	
}

li.parent{
	background-color: #2d0054;
	border-bottom:solid 1px white;
}

li.current{
	margin-left:0px;
	background-color: #507811;
	color: White;
	border-bottom:solid 1px black;
	border-top:solid 1px black;
}

div.mainNav li.current a{
	color:white;
}
div.mainNav li.current a:hover{
	color:gray;
}


div.mainNav ul{
	list-style-type: none;
	margin:0px; padding:0px;

}

div.mainNav li{
	height:1.8em;
	font-size:0.85em;
	line-height:0.6em;
	font-weight:bold; 
	padding-left:15px;
	margin:0px; 
	vertical-align:middle;
	text-align:left;
	display:block;
	clear:both;
	overflow:hidden	

}

li.childTop{
	border-bottom:solid 1px gray;
}

li.child{
	border-bottom:solid 1px gray;
}

li.childbottom{
	border-bottom:solid 1px gray;
}




/*****************
Breadcrumbs
******************/

div#breadcrumb{
	height:15px;	
}

div#breadcrumb ul{
	margin:0px; padding:0px;
}

div#breadcrumb li{
	display:inline;
	font-size:0.9em;
}





/*****************
header / section selection
******************/


div#header{
	display:block;
	position:absolute;
	top:0px; left:180px;
	margin:0px; 
	padding:0px;
	height:40px; width:574px; 
}

div#header h1{
	margin-top:20px;
	line-height:2em;
	color:white;
	font-size:1.2em;
}

div.sectionSelect{
	z-index: 3;
	position:absolute;
	top:68px; left:10px;
	margin:0px; 
	padding:0px;
	height:25px; width:800px; 
}

div.sectionSelect a{
	color:black;
	text-decoration:none;
	font-weight:normal;
	font-size:0.7em;
}

div.sectionSelect a:visited{
	color:black;
	font-weight:normal;
}

div.sectionSelect a:hover{
	color:gray;
}


/*****************
yer actual content
******************/

div#mainContent{
	z-index:1;
	position:relative;
	top:0px; left:0px;
	width:770px;
	padding-top: 137px;
	padding-left:1em;
}


div#content{

	position:relative;

}

div.summary{
	font-size:0.95em;
	font-weight:bold;
}



/*****************
page titles
******************/

div#pageTitle{

}


div#content h1{
	display:block;
	position:absolute;
	top:-140px; left:163px;
	margin:0px; 
	padding:0px;
	height:40px; width:574px; 
	margin-top:20px;
	line-height:1em;
	color:White;
	font-size:1.4em;
}

div#content h2{
	position:absolute;
	margin:0px; padding:0px; 
	top:-38px; left: 200px;   /* we're relative to content, so minuses to move up above breadrumbs */
	height:40px; width:574px;
	margin-top:5px;
	color:White;
	font-size:1em;
}


/*****************
footer
******************/

div.printable{
	position:absolute;
	visibility:hidden;
}

form#fRate{
	position:absolute;
	visibility:hidden;
}

div#directgov{
	position:absolute;
	visibility:hidden;
}


div #footerNav{
	position:relative;
	clear:both;
	font-size:0.7em;
	text-align:center;
	margin-bottom:0.5em;
}