/*  Styles for County Links SideBar */
@import "CountyLinks.css";

#main {
	width: 760px;
}

div.header {
	background-color: #f76017; /*   orange */
	text-align: right;
}

div.header {
	position: relative; 
    height: 50px;
}
div.top {
	position: relative;
    height: 50px;
}
div.header {
	text-align: left;
}

div.logo {
	text-align: center;
    background-color: #fff;
	z-index: 3;
}

div.bottom {
	text-align: right; 
    COLOR: #fff; 
    font-weight: 500; 
    font-size: 18px;
	height: 50px; 
    font-family:verdana, arial, helvetica, sans-serif;
    background: url("../images/title_default.jpg");
	padding-top:12px; padding-right: 4px;

}

.bigborder {
	BORDER-BOTTOM: #015351 8px solid;
}
.headline {
	FONT-WEIGHT: 500; FONT-SIZE: 11px; text-align: justify;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 0px;
	COLOR: #942f11;
}
div.header div.links {
	color: #fff; font-size: 11px; font-weight: 500;
	text-align: right; 
    padding-top: 4px; 
    padding-right: 10px;
}

div.header div.links a {
	font-size: 11px; 
    color: #fff; 
    text-decoration: none;
}

div.header div.links a:hover {
	TEXT-DECORATION: underline;
}
div.header div.search {
	LEFT: 10px; 
    POSITION: absolute; 
    TOP: 30px;
}

/* ********** Main Menu Links - mission, board, etc.  ********** */
div.mainmenu {
	    background-color: #015351; 
        text-align: right;
        margin-right; 2px;
}
div.mainmenu a {
	font-size: 12px; color: #fff; text-decoration: none; font-weight: 600;
}
div.mainmenu a:hover {
	font-size: 12px; 
    color: #fff; 
    text-decoration: underline; 
    font-weight: 600;
}
div.mainmenu a:visited {
	font-size: 12px; 
    color: #fff; 
    text-decoration: none; 
    font-weight: 600;
}
/* ********** END Main Menu Links ********** */


/* ********** BEGIN Main Body Styles ********** */
div.mainbody {
    BACKGROUND-COLOR: #ffffff;
	TEXT-ALIGN: left;
}


div.mainbody div.articleHeader div.navTrail {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px; COLOR: #cd0300; PADDING-TOP: 10px;
}

div.mainbody div.articleHeader a {
	COLOR: #cd0300; TEXT-DECORATION: none;
}

div.mainbody div.articleHeader div.articleTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; 
	COLOR: #f76017; POSITION: absolute;
}

div.mainbody TABLE.mainArticle TD {
	VERTICAL-ALIGN: top
}

div.mainbody TABLE.mainArticle TD.homepage {
	PADDING-RIGHT: 10px; BACKGROUND-POSITION: left bottom; PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; 
}

floatright { float: right; }
floatleft { float: left; }

table.homepage td {
	vertical-align: top;
}
td.content {
	PADDING-RIGHT: 20px;
    PADDING-LEFT: 10px;
	PADDING-BOTTOM: 20px;
    PADDING-TOP: 0px

}
table.homepage {
	PADDING-RIGHT: 15px;
    WIDTH: 760px;
}


td.content li {
	padding-bottom: 4px;
	font-size: 11px;
}


/* IS THIS NEEDED
table.quicklinks H1 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px;
	FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 5px;
	MARGIN: 0px; COLOR: #000; PADDING-TOP: 5px; BACKGROUND-COLOR: #fff;
}
*/
/* IS THIS NEEDED 
table.quicklinks A {
	display: block; FONT-SIZE: 11px; MARGIN: 5px 10px;
	COLOR: #015351; TEXT-DECORATION: none;
}
table.quicklinks A:visited {
	color: #cd0300;
}
table.quicklinks A:hover {
	text-decoration: underline;
}

*/

/* ****************************************************** */
/* ********** Left sidebar Info Box */
/* ****************************************************** */

.greenshade {
    color: #015351;
	margin-left: 20px;
	margin-right: 60px; 
	padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: #f76017 1px solid;
	border-bottom: #f76017 1px solid;
	background-color: #d5e8d2;
}
.infobox {
	border-right: #f76017 1px solid; 
	border-top: #f76017 1px solid;
/*	MARGIN-LEFT: 3px; */
	margin-left: 1px; 
	border-left: #f76017 1px solid;
	width: 180px;
	BORDER-BOTTOM: #f76017 1px solid;
	BACKGROUND-COLOR: #fff;
}
.infobox H1 {
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 4px;
	MARGIN: 0px;
	COLOR: #fff;
	PADDING-TOP: 4px;
	BACKGROUND-COLOR: #015351;
}
.infobox H2 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px;
	FONT-SIZE: 11px; PADDING-BOTTOM: 5px; MARGIN: 0px;
	COLOR: #333; PADDING-TOP: 5px;
}
.infobox H3 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 2px; MARGIN: 0px;
	COLOR: #0d63d0; PADDING-TOP: 2px;
}
.infobox P {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px;
	MARGIN: 0px; COLOR: #626469; PADDING-TOP: 5px
}
/* ********** END InfoBox ********** */



/* ****************************************************** */
/* ********** Main Content Shaded Box */
/* ****************************************************** */
div.contentbox {
	BORDER-RIGHT: #f76017 1px solid; 
	BORDER-TOP: #f76017 1px solid;
/*	MARGIN-LEFT: 3px; */
	margin-left: 4px; 
	BORDER-LEFT: #f76017 1px solid;
/*	WIDTH: 180px; */
	BORDER-BOTTOM: #f76017 1px solid;
	BACKGROUND-COLOR: #d5e8d2;
}
div.contentbox H1 {
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 4px;
	MARGIN: 0px;
	COLOR: #fff;
	PADDING-TOP: 4px;
	BACKGROUND-COLOR: #f76017;
}
div.contentbox H2 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px;
	FONT-SIZE: 11px; PADDING-BOTTOM: 5px; MARGIN: 0px;
	COLOR: #333; PADDING-TOP: 5px;
}
div.contentbox H3 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 2px; MARGIN: 0px;
	COLOR: #0d63d0; PADDING-TOP: 2px;
}
table.contentbox p {
	PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
	MARGIN: 0px;
    COLOR: #626469;
    PADDING-TOP: 5px;
}
/* ********** END InfoBox ********** */


body {
	MARGIN: 0px;
}
body {
	FONT-SIZE: 11px; LINE-HEIGHT: 15px;
	FONT-FAMILY: verdana,arial,helvetica,sans-serif;
	background-color: #015351;    /* Color for main background */
/*	background: url("../images/bgGreen03.jpg"); */  
	background: url("../images/bg02.jpg")
/*	background: url("../images/bgGreen03.jpg");  */ 
 
}
td {
	FONT-SIZE: 11px; LINE-HEIGHT: 15px;
	FONT-FAMILY: verdana,arial,helvetica,sans-serif
}
H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 15px;
	MARGIN: 20px 0px 10px 10px; COLOR: #015351;
}
H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 13px;
	MARGIN: 10px 0px 6px; COLOR: #942f11;
}
H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px;
	MARGIN-BOTTOM: 0px; COLOR: #015351;
}
P {
	MARGIN-TOP: 0px; FONT-SIZE: 11px;
}


/* ****************************************************** */
/* ********** Regular links within body of document ***** */
/* ****************************************************** */
a {
	color: #015351;
	text-decoration: underline;
}
a:visited {
	color: #AE5513;  /* dark beige */
	text-decoration: underline;
}
a:hover {
	color: #CD0300;
	text-decoration: underline;
	font-weight: 500;
}

/* ****************************************************** */
/* ********** Footer Styles */
/* ****************************************************** */

/* ********** Footer Links  ********** */
div.footerlinks {
	background-color: #015351; 
    text-align: center; color: #fff;
	border-bottom: #942f11 2px solid;
	border-top: #942f11 2px solid;
	padding-bottom: 6px;
	padding-top: 6px;
}

div.footerlinks a {
	font-size: 10px; color: #fff; TEXT-DECORATION: none; font-weight: 500;
}
div.footerlinks a:hover {
	font-size: 10px; color: #fff; TEXT-DECORATION: underline; font-weight: 500;
}
div.footerlinks a:visited {
	font-size: 10px; color: #fff; TEXT-DECORATION: none; font-weight: 500;
}

div.footer {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px;
	PADDING-BOTTOM: 5px; COLOR: #fff; PADDING-TOP: 5px;
/*	background-color: #f76017; text-align:center;  */
	/* background-color: #942f11; text-align:center;  */
		background: url("../images/barGrad1.jpg");  
		text-align: center;
}
a.footer {
	FONT-SIZE: 11px; COLOR: #fff; TEXT-DECORATION: underline;
}
a.footer:visited {
	FONT-SIZE: 11px; COLOR: #fff; TEXT-DECORATION: underline;
}
a.footer:hover {
	FONT-SIZE: 11px; COLOR: #fff; TEXT-DECORATION: underline;
}
/* ********** END Footer Styles ********** */

td {
	VERTICAL-ALIGN: top;
}

