/* CSS Document */

body 
{
 margin: 0 20px;
 padding: 0;
 background: #FFFFFF; 
 font-family:verdana; color:#2e7db2; font-size:12px;
 /*border:1px 1px 1px 0 solid #201f2a;*/ 
 /*border-left:1px solid gray;border-right:1px solid gray;*/
}

div#left a, div#nav a { color:#2D2D2D; text-decoration:none; }


h1 { font-size:16px; margin:0 }
h2 { font-size:14px; }

#wrapper { width:100%; margin:0 auto; padding:0; }
.heading{font-family: Verdana; font-size: 150%; font-weight: normal; color: #666;}
#header { width:100%; height:80px; background-image:url(header.png); }

#header .logo { float:left; }
#headinfo { float:right;  margin:10px 5px 0 0; height:20px; padding:05px 0 10px 0; background:url(../img/headinfobg.gif) no-repeat; text-align:center; }
#headinfo a { color:#EFEFEF; }
#headinfo a:hover { color:#D2D2D2; border-bottom:1px solid #D2D2D2; }

.logotext {float:right;  margin:20px 0 20px 30px; font-size:40px; color:#2e7db2; }
.logotext strong { color:#2e7db2; }
.logotext2 { font-size:14px; }

.upstrip {float:left;width:100%;height:10px;margin:0; padding:0;text-align:center;}
#downstrip {float:left;width:100%;height:30px;margin:0; padding:0;text-align:right;top:50%;vertical-align : middle;}
.msgstrip {float:left;width:100%;height:40px;background-color:#FFCD59;margin:0; padding:0;text-align:left; }
#downstrip  a { color:#666; font-weight:bold; text-decoration:underline; }



#content { width:100%; }

.item {
	padding: 6px 12px;
	border: 1px solid #EEE;
	background: #FFF;
	margin-bottom: 8px;
}

#left { float:left; width:140px;}
#left ul { margin: 0; padding:0; }
#left ul li { list-style:none; margin:10px 0; padding:0; }
#left ul li a { display:block; width:100%; margin:0; padding:5px; background-color:#E6E6E6;font-size:130% }
#left ul li a:hover { background-color:#2e7db2;color:#FFFFFF }
#left ul li ul { margin: 0; padding:0; }
/*#left ul li ul li { list-style:none; margin:1px 0; padding:0; }*/
/*#left ul li ul li a { padding:5px; background-color:#EFEFEF; }*/

#left .current_page_item a {
	padding:5px; background-color:#2e7db2;color:#FFFFFF;
}




/*#breadcrumb { float:left; width:60%; background-color:#EFEFEF; }*/

#nav {float:left;width:100%; overflow:auto; padding:0;margin-left:0;   background-color:#D2D2D2;height:34px;}
#nav ul { margin:0; padding:0; }
#nav ul li { float:left; list-style:none; padding:1px; }
#nav ul li a { display:block; width:130px; padding:8px 0; margin:0 1px 0 0; background-color:#EFEFEF; text-align:center; }
#nav ul li a:hover { background-color: #FFFFFF; color:#999999; }

	



#nav .current_page_item a {
	background-color: #2e7db2; border-bottom:0px solid gray;color:#FFFFFF;
}


#right { float:left; width:70%;margin:10px; padding:0;}
#right .postinfo { display:block; width:90%; margin:0px; padding:0px; background-color:#EFEFEF; border:1px solid #D4D4D4; }
#right p a { color:#FFCD59; font-weight:bold; text-decoration:underline; }
#right .item {
	
	
	margin: 5px; padding: 3px; background-color: #FFF; border: #EEE 1px solid;
}


.clear { clear:both; }

  

/*h2 { margin: 0px; padding: 10px; font-family: Verdana; font-size: 200%; font-weight: normal; color: #201f2a;  }*/

/* Form styles */
div.form-container { margin: 0px; padding: 0px; background-color: #FFF; border: #EEE 0px solid; }
legend {font-size: 150%;}
#large {font-size: 150%;}
p.legend { margin-bottom: 1em; font-size: 150%;}
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 5px 0; padding: 5px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 5px; padding-right: 5px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container select 
  {
    width:200px;
}
div.form-container input[type="text"] 
  {
    width:197px;
    
}

div.form-container input[type="password"]
{
  width:197px;
}

div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 150px; }
div.form-container div.buttonrow { margin-left: 180px;float:right; }

.form_table{}
.form_col1{text-align:left;vertical-align:middle;width:200px;}
.form_col2{text-align:left;vertical-align:middle;width:300px;}
.form_col3{text-align:right;vertical-align:bottom;}
.form_one_col{text-align:left;vertical-align:top;}


.form_last_row_col1{text-align:left;vertical-align:middle;width:200px;}
.form_last_row_col2{text-align:left;vertical-align:middle;width:300px;}
.form_last_row_col3{text-align:right;vertical-align:bottom;}



.large_button{font-size:200%}

.scroll{height:200px;overflow:auto;}


 .grid
{
border-collapse: collapse;
border-spacing:0;
border: 1px solid #BA9;
font-size: 100%;
/*font: 200% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;*/
}
 .grid caption{
  padding: 0 .4em .4em;
  text-align: left;
  font-size: 110%;
  font-weight: bold;
  text-transform: uppercase;
  color: #453827;
  background: transparent;
  }
	
.grid tr{

}
.grid td, .grid th {
  border: 1px solid #BBAA99;
  padding: .3em;
	font-size: 0.9em;
color: #666;
text-align: left;
  }
.grid thead .grid th, .grid tfoot .grid th, .grid tfoot .grid td {
	border: 1px solid #BA9;
	text-align: left;
	font-weight: bold;
	font-size: 100%;
	background: #BA9 url("thbg.gif") repeat-x top left;
	color: #FFF;
}
 .grid tbody .grid th,.grid thead .grid th,.grid tbody .grid td {
	vertical-align: top;
	text-align: left;
}

.grid tbody tr:hover td, 
.grid tbody tr:focus td,
.grid tbody tr:hover th,
.grid tbody tr:focus th
{
	background: url("shimx.gif")  repeat-x top left;
	color: #000;
}

.grid tr.odd
{
background: url("shim.gif")  repeat-x top left;
}