/* Front-end background and main table */

body {
	line-height:130%;
	font-size: 8pt;
	margin: 0px;
	background-color: #FEF1D6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

.adminBar {
   background-color: #ffffff;
}

/* sets the width of the whole site */
#container {
	width: 770px;
	background-color: #F6A401;
	margin:auto;
	position:relative;
}
#banner{
	background-color:#fff;
}

#banner img{
	display:block;
	background-color:#ffffff;
}

/* To give the left menu it's own colour taking up the entire height
	you must set the container background colour to be the left menu colour
	
	The leftmenu div will only be as high as it's content.
    */


#leftmenu{
	background-color: #F6A401;	
	width:152px;
	position:absolute;
	top:40px;
	left:0;
	padding:0;
	margin:0;
	font-weight: bold;
}

#middle{
	margin:0 0 0 152px;
	min-height:650px;
	padding: 10px 20px 20px 20px;
	background-color:#ffffff;
}


/* top level */

/* when setting the menu item width value includes padding, borders and margins 
	left & right padding of 20px each plus width of 120px adds up to leftmenu 
	width of 160px (as set above)
*/

.mlddm li a, .mlddm li a#buttonnohover {	
		padding: 5px 0 9px 9px;
		color: #ffffff;
		font-weight:  bold;
		letter-spacing: 0px;
		font-size: 11pt;
		border-bottom:0px solid #333333;
		width:143px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
}

.mlddm li a:hover, .mlddm li a#buttonhover {	
}

/* drop down list */

		.mlddm ul {	
			background-color: #F6A401; 
		}
		.mlddm ul li a {	
			padding: 7px 20px 7px 15px;
			border-top:0;
			border-bottom:1px solid #ffffff;
			font-family: Verdana, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 8pt;
			color:#000;

		}
		.mlddm ul li a:hover {	
			color: #000000;
			background-color:#f8c359;
			border-top:0px;
			border-bottom:1px solid #ffffff;
		}

.mlddm .hsub:hover, .mlddm a#buttonhover {	
	background-color: #cccccc
}		
		
#crumb{
	padding: 4px 0 0 0;
}

#footer{
	clear:both;
	padding: 4px 16px 20px 16px;
	font-size:7pt;
	background-color: #F9CA6B;
	color: #000000;
}
.footerLeft{
	width:200px;
	float: left;
	color: #000000;


}
.footerMiddle{
	width:306px;
	float: left;
	text-align: center;
	background-color:
	color: #000000;

}
.footerRight{
	width:200px;
	float: right;
	text-align:right;
	color: #000000;

	}
	
#footer a {
	color:#000000;
}
#footer a:hover {
	color:#ffffff;
}

/* general site-wide styles */
a {
   color: #F6A401;
   text-decoration: underline;
}
a:hover {
   color: #000099;
   text-decoration: underline;
}
h1 {
  font-size: 11pt;
  color: #009D52;
  line-height:130%;
  border-bottom: 1px solid #F6A401;
  padding: 0 0 10px 0;

}
h2 {
  font-size: 10pt;
  color: #009D52;
  font-weight:bold;
}
.h2link{
	font-size: 11pt;
}
/* general form classes */
input{
  color: #003399;
}
textarea{
  color: #003399;
}
select{ 
}
.formDescription {
}
.formSubtext {
  font-size: 8pt;
}





/* search function - not sure where though */
.searchText {

	font-size: 10pt;
	color: #1964a8;
    	line-height: 20px;
	font-weight: bold
}
.searchButton {
	background-color: #FFFFFF;
	border: #cccccc .5pt solid;
	font-size: 12pt;
	color: #003399;
	font-weight: bold;
	font-style: normal;
	line-height: 16px;
}
.searchInput {
	background-color: #FFFFFF;
	font-family: Arial;
	border: #cccccc .5pt solid;
	font-size: 12pt;
	color: #003399;
	font-style: normal;
	line-height: 16px;
}