/*Wasco Sherman Health Department CSS
December 2005*/

body {
	background: #ccc url(../../images/background_fade.jpg) repeat-y 50%;
	text-align: center;
	}
/*alignment hacks specific to IE*/
* html #container {
	width: 794px;
	}
* html #breadcrumb {
	width: 646px;
	height: 20px;
	}
* html	#maincontent  {
	margin-left: 150px;
	}
* html  #rightsidebar  {
	width: 164px;
	}	

#container  {
	position: relative;
	width: 792px;
	margin: 10px auto;
	border: 1px solid #000;
	background-color: #fff;
	background: #ccc url(../../images/master_background2.jpg) repeat-y 50%;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .80em;
	color: #000;

}

#logo  {
	position: relative;
	width: 147px;
	padding: 0;
	border-bottom: 1px solid #666;
	border-right: 1px solid #000;
}

#header  {
	position: absolute;
	left: 147px;
	top: 0;
	padding: 0;
	background-color:#d0aa79;
}

#breadcrumb  {
	position: absolute;
	top: 111px;
	left: 147px;
	width: 627px;
	height: 18px;
	padding: 0px  17px 0 0;
	background-color: #d0aa79;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #aaa;
	border-right: 1px solid #000;
	font-size: 11px;
	line-height: 18px;  /*v-align's date text in container*/
	text-align: right;
	color: #002a5c;
}

#leftnav  {
	display:block;
	width: 149px;
	float: left;
	top: 0;
	min-height: 500px;
	margin: 0;
	padding: 0;
	border:0px solid #000;
}


#rightsidebar  {
	float: right;
	width: 12em; /*dynamic width to accomodate enlarging text*/
	min-width: 160px; /* min width for firefox*/
	margin-top: 1em; /* top margin between rounded title box and orange bar*/
	padding: 0 .6em .6em .6em; /*padding around dotted line*/
	border-left: 1px dotted #bababa;
	font-size: .9em;
}

#sidebarlist  {
	margin-left: 0;
	padding-left: 0;

	}

#sidebarlist li  {
	padding-left: 0px;
	padding-bottom: 8px;
	list-style-image: url(../../images/purple_arrow.jpg);
	margin-left: 20px;
}

#maincontent  {
	margin-left: 148px;
	margin-right: 1em; /*allows text  to flow under right  sidebar (for ie)*/
	padding: 1.0em; /*left margin for firefox*/
	line-height: 130%;
}

#footertop {
	clear: both;
	height: 18px;
	line-height: 18px;	
	margin: 0;
	padding: 0px 10px;
	background-color: #d0aa79;
	border-top: 1px solid gray;
	font-size: 12px;
	font-weight: normal;
}

#footer  {
	margin: 0 auto;
	padding: .5em;
	color: #333;
	background-color: #ddd;
	border-top: 1px solid gray;
	background-image: url(../../images/footer_bg.jpg);
	background-repeat: no-repeat;
	font-size: 11px;
	text-align: center;
}

#footertop span.left, #maincontent span.left {
  float: left;
  text-align: left;
  color: #333;
  width: 49%;
  }

#footertop span.right ,  #maincontent span.left{
  float: right;
  text-align: right;
  color: #fff;
  width: 49%;
  }


/*#leftnav p, #rightsidebar p { margin: 0 0 1em 0; }*/

#maincontent h2 	{ 
	margin: 0 0 .5em 0;
	font-size: 1.2em;
	 }

.imageLeft	{
	float: left;
	margin:0px 5px  5px 0px;
	padding: 0px 5px  5px 0px;
	}
	
.imageRight	{
	float: right;
	margin: 10px;
	padding:10px ;
	}
	
#utilitynav	{
	position: absolute;
	top: 5px;
	right: 1em;
	color: white;
	font-weight: bold;
	font-size: 14px;
	text-align: right;
	}
	
a.utilitynav:link, a.utilitynav:visited  {
	color: white;
	text-decoration: none;
	}
#utilitynav a.utilitynav:hover, a:active  {
	color: #333333
	}

a.footertop:link, a.footertop:visited  {
	color: white;
	text-decoration: none;
	}
#footertop a.footertop:hover, a:active  {
	color: #333333
	}
		
a:link, a:visited  {
	color: #002a5c;
	}
a:hover, a:active  {
	color: #c0aa79;
	}

 table, td	{
	font-size: 1.0em;
	color: #000;
	border: 1px solid gray;
}



/*form format*/
div.row {
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 335px;
  text-align: left;
  }

li {
	list-style-image: url(../../images/purple_box.jpg);
  }