/* -------------------------------------------- */
/* -------------  Basic Layout  --------------- */

html, body {
	height: 100%;
	font-size: small;
	width: auto;
	margin: 0 auto;
	}
body {
	color: #000; 
	background-color:#E6D2B7; 
	padding: 0;
	margin: 0 auto;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	font-weight:normal;
	height: 100%;
	}

/* colors for links */
a:link { color: black }
a:visited { color: black }
a:hover { color: red }
a:active { color: gray }

#page { 
	margin: 0 auto;
	width: 100%;  
	height: 100%;
	font-size: small;
	}
#header_Home {
	background-image: url(layoutImages/home_header.gif);
	background-repeat: no-repeat;
	width: 524px;
	height: 200px;
	}
#header { 
	background-image: url(layoutImages/header.gif);
	background-repeat: repeat-y; 
	width: 855px; 
	height: 121px; 
	top: 0;
	margin-bottom: -15px;
	border-right: 1px solid #583A00;
	}
#header span{display: none;}
#breadcrumb {
	color: #FFF;
	position: absolute;
	top: 102px;
	left: 10px;
	}
#breadcrumb a { color: #FFF; }
#breadcrumb a:hover { color:#F00; }
#ticker { 
	color: #FFF;
	position: absolute;
	top: 102px;
	left: 210px;
	font-size: 14px;
	width: 620px;
	}
#content {
	width: 100%;
	height: 100%;
	font-size: 14px;
	font-weight:normal;
	position: absolute;
	top: 121px;
	}

#main {
	z-index: 1;
	min-height: 68em;
	position: absolute;
	margin: 0 0 100px 0;
	padding: 0 10px 50px 220px;
	width: 625px;
	font-size: small;
	border-right: 1px solid #583A00;
	border-bottom: 1px solid #583A00;
	background-image: url(layoutImages/backgroundNav3.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #FFF;
	}
.pageTitle {
	font: large Arial, Helvetica, sans-serif ;
}
#footer2 {
	display: none;
	background-color: #FF0;
	padding: 5px 9px 5px 0;
	margin: 0 0 0 -11px;
	bottom: 0;
	border: 1px solid #583A00;
}
#footer {
/*	height: 50px;
	color: #FF0;
	font-size: 14px;
	background-color: #583A00;
	position: absolute;
	margin: 0 0 0 0px;
	padding: 0px 0px 0 220px;
	clear: both;
	width: 635px;
	bottom: 0;
	border-right: 1px solid #583A00;
	border-bottom: 1px solid #583A00;
*/}	
#footer h5 {
	padding-bottom: 0;
	margin-bottom: 0;
}
#showData { font-size: 12px; }

/* -------------------------------------------- */
/* ----------  Navigation Bar Begin  ---------- */

#nav {
	z-index: 2;
	position: absolute;
	margin: 0px 17px 100% 5px;
	top: 0px;
	padding: 0px 0px;
	font-family: Arial, san-serif;
	font-size: small;
	font-weight:normal;
	width: 200px;
	list-style-type: none;
	}
#nav ul li { 
	list-style-type: none; 
	margin: 0px 0;
	}
#nav ul ul {
	padding: 0px;
	text-decoration: none;
	list-style-type: none;
	width: 200px;
	border-bottom:3px solid #583A00;
	margin: 0px;
	}
#nav ul {
	width: 200px;
	padding: 0;
	margin: 3px 0 0 0;
	}
#nav a { 
	padding-left: 8px;
	text-decoration: none;
	border-style: none;
	}

#mainnav
{
	position: static;
    padding-left: 0px;
    margin-left: 0px;
    list-style-type: none;
    width: 200px;
	margin-top: -5px;
}
#mainnav ul li
{
    padding-left: 15px ;
    margin-left: 0px;
    list-style-type: none;
    background-image: url(layoutImages/navBG.gif);
	background-repeat: repeat-y;
}
#mainnav li
{
}
#mainnav a
{
    text-decoration: none;
    color: #960;
	font-size: small;
}
#mainnav a:hover, #mainnav a:active, #mainnav a:focus
{
   color: #630;
}
/* nav link colors */
#nav a:link { color: black }
#nav a:visited { color: black }
#nav a:hover { color: white }
#nav a:active { color: white }
#nav a img { border-style: none; }

.linkTop {
	position: relative;
	background-image: url(layoutImages/navTop2.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 200px;
	height: 19px;
	padding-left: 15px;
	font: bold small-caps 16px arial;
	color: #fff;
	border-bottom: 0; 
	margin-top: 5px;
	margin-bottom: 0px;
	}
.link {
	background-image: url(layoutImages/navBG.gif);
	background-repeat: repeat-y;
	}
.link ul { position: relative }
.linkF { display:none; }
.linkBot {/*
	background-image: url(layoutImages/navBot.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 200px;
	height: 7px;
	margin: 0;
	padding: 0;*/
	}
.bottom {/*
	background-image: url(layoutImages/backgroundNavBot.jpg);
	background-repeat: repeat-x;
	background-color: transparent;
	width: 197px;
	height: 100px;
	bottom: 1px;
	border-right: 1px solid #583A00;
	border-bottom: 1px solid #583A00;
	border-left: 2px solid #583A00;*/
	}
form ul li { margin: 0; padding: 0; }
form {
	margin: 0; 
	padding: 0;
	list-style-type: none; 
	margin-left: 0px;
	font-size: 14px;
	font-weight:normal;
	}
form li { padding: 2px 0;}
input {
	border: 1px solid #000;
	background-color: #DDD;
	}
.checkbox {
	background-color: #FFF;
	border: 0;
	}
#login { padding-left: 8px;}
form.link {
	margin-left: 0px;
	padding-left: 8px;
	}

/* ------------------------------------------ */
/* --------  Page Content Styles  ---------- */

/*--Truckwash--*/

.truckwash {
	font-size: small;
	font-weight:normal;
	font-family:arial;
	clear: both;
	}
hr {
	width:600px;
	background-color:#583A00;
	}
/*--Truckwash End --*/	
#countyResources 
{
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	font-weight:normal;	
	position: absolute;
	top: 400px;
	left: 0;
 }
#countyResources { 
	width: 600px; 
	margin-left: 220px;
	}


/*--countyResources--*/
#CRdata { 
	margin: 0px 0 0 0px;
	padding: 0; 
	width: 600px; 
	}
#CRdata ul li { 
	list-style-type: none; 
	}
.CRdataLeftCol { 
	height: 60px;
	width: 300px;
	margin: 0;
	padding: 0;
	position: relative; 
	}
.CRdataRightCol { 
	height: 60px;
	width: 600px;
	position: relative; 
	margin: -60px 0px 0 0px;
	padding: 0;
	text-align: right;
	}
.CRdataHR li { margin: 0 0 0 -40px; padding: 0; } 
#resources input checkbox
{
	font-size: 12px; 
	border: 0;
	background-color: #FFF;
	position: static;
	}
#resources td { width: 150px; }
.truckwash 
{
	clear: both;
}
#resourceList { list-style-type: none; }

.disinfectTable { width: 600px; }
.disinfectTable ul li { list-style-type: none; }
.chemical { margin-left: -30px; text-decoration: underline; }
.vetContact { list-style-type: none; }

#tempResources {
	width: 600px;
	padding: 0;
	margin: 0;
	border: #583A00 1px solid;
	}
#tempResources td { 
	padding-bottom: 1px; 
	margin: 0;
	}
.countyHead {
	background-color:#583A00;
	color: #FFF;
	}