﻿body	{background: white url(../images/bkgrnd.jpg) repeat-x top left; color: black; font-family: Calibri, arial, helvetica, sans-serif; font-size: 11pt; margin: 0; padding: 0;}

td	{color: black;}

p	{color: black;}
li  {margin-bottom: 6px;}
li ul {margin-top: 6px;}
li li {margin-bottom: 2px;}
ul {list-style: square;}

h1 {font-size: 18pt; color: #7d8833; text-transform: uppercase; margin: 0;}
h2 {font-size: 14pt; font-weight: normal; text-transform: uppercase;}
h3 {font-size: 11pt; color: black; font-weight: bold; text-transform: uppercase;}
h4 {font-size: 11pt; color: black; font-weight: bold;}
h5 {font-size: 13pt; color: #7d8833; text-transform: uppercase; font-weight: normal; margin: 0;}

.top {margin-top: 0;}
.bottom {margin-bottom: 0;}
.topbot {margin-top: 0; margin-bottom: 0;}

.large {font-size: 15px;}
.small {font-size: 12px;}

img {border: 0; vertical-align: text-bottom;}
td img {display: block;}
.caption {font-size: 12px; font-style: italic; color: #58420b;}
hr {height: 1px; width: 50%; color: black; background-color: black; text-align: left; border: 0; margin: 6px 0 6px 0;}

th {background-color: #7D8833; color: white;}

sup {font-size: 60%;}

#searchbox {
	position: relative;
	height: 19px;
	background-color: #D4D68D;
	top: 28px; margin-top: -29px;
	right: 205px; margin-right: -205px;
	padding: 4px;
	vertical-align: middle;
	float: right;
	border-left: 1px #58420b solid;
	border-bottom: 1px #58420b solid;
	color: white;
	font-size: 10pt;
}
	.searchBox {
		color: black;
		background-color: #FDFDFD;
		border: 1px solid black;
		font: normal 10px Verdana,tahoma,Arial;
	}
	.searchButton {
		color: white;
		background-color: #58420b;
		font: bold 10px Verdana,tahoma,Arial;
		border: 1px solid #14314F;
	}

/*~~~~~~~~~~~~~~~~~ Layout Styles ~~~~~~~~~~~~~~~~~*/

#mainTable {
	background-color: white;
	width: 994px;
	margin-left: auto;
	margin-right: auto;
}

#topgreen {
	background: url(../images/greenbkgrnd.gif) repeat-x top left;
	width: 61%;
	height: 31px;
}

#topphoto {
	padding-right: 10px;
}

#leftcolumn {
	display: block;
	width: 180px;
	padding-left: 10px;
}
	#leftcolumn .brown {
		font-size: 10px;
		color: #58420b;
	}
	#leftcolumn .green {
		font-size: 10px;
		color: #747e2f;
	}

#content {
	width: 477px;
	text-align: left;
	padding: 0 25px 0 25px;
}
#fullcontent {
	width: 851px;
	text-align: left;
	padding: 0 25px 0 25px;
}

#legislationbox {
	width: 100%;
	padding: 10px;
	border: 1px black solid;
	background-color: #E6E6E6;
}

#rightcolumn {
	width: 233px;;
	text-align: left;
	padding-right: 10px;
}
	#rightcolumn .rightbox {
		padding: 0 15px 0 15px;
		border-left: 1px solid #747e2f;
		border-right: 1px solid #747e2f;
	}
	#rightcolumn .brown {
		color: #58420b;
		text-align: left;
	}
	#rightcolumn .green {
		color: #747e2f;
		text-align: left;
	}
	#rightcolumn .brownbold {
		color: #58420b;
		font-size: 13pt;
		text-align: left;
	}
	#rightcolumn .greenbold {
		color: #747e2f;
		font-size: 13pt;
		text-align: left;
	}
	#rightcolumn h1 {
		font-size: 12pt;
		font-weight: bold;
		color: black;
		text-transform: none; 
	}
	#rightcolumn .callout {
		color: #58420b;
		font-family: Times New Roman, arial;
		font-size: 15pt;
		font-weight: bold;
		font-style: italic;
		text-align: center;
		margin: 10px 0 10px 0;
	}
	#rightcolumn li {
		margin-left: -20px;
		margin-bottom: 4px;
	}

/* Submenu Styles */

#submenu {
	background: #cdcd6f url('../images/submenu.jpg') no-repeat left top;
	width: 160px;
	height: 260px;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	text-align: left;
	padding: 0 10px 0 10px;
	vertical-align: top;
}
	#submenuHeader {display: block; width: 180px; height: 11px; background: #cdcd6f url('../images/submenu-top.gif') no-repeat left top;}
	#submenuFooter {display: block; width: 180px; height: 8px; background: #cdcd6f url('../images/submenu-btm.gif') no-repeat left top;}
	#submenu h1 {display: block; font-size: 17px; background-color: #7d8833; color: white; text-transform: uppercase; padding: 8px; margin: 0 -10px 0 -10px;}
	#submenu h2 {display: block; font-size: 15px; font-weight: bold; background-color: #7d8833; color: white; text-transform: none; padding: 0 8px 8px 8px; margin: -8px -10px 0 -10px;}
	#submenu ul {
		margin: 8px 0 0 0;
		padding: 0;
	}
	#submenu li {
		display: block;
		margin: 0;
		padding: 0 0 8px 0;
		list-style: none;
	}
	#submenu h1 a {color: white; text-decoration: none;}
	#submenu h1 a:hover {color: #58420b;}

	#submenu h2 a {color: white; text-decoration: none;}
	#submenu h2 a:hover {color: #58420b;}

	#submenu a {color: #58420b; text-decoration: none;}
	#submenu a:hover {color: white;}

#footer {padding: 15px 0 0 30px; font-size: 8pt; color: #57410b; text-align: left;}

/*~~~~~~~~~~~~~~~~~ Navigation Styles~~~~~~~~~~~~~~~~~*/

a:link,a:active,a:visited {color: #58420b; text-decoration: underline;}
a:hover {color: black;}

#topmenu {
	background: url(../images/topmenu.gif) repeat-x top left;
	height: 31px;
}
	#topmenu a.nav {
		font-size: 9pt;
		line-height: 26px;
		padding-left: 10px;
		padding-right: 10px;
		color: #58420b;
		text-decoration: none;
	}
	#topmenu a.nav:hover {
		color: black;
		text-decoration: none;
	}

#menu {
	background: url(../images/menu-background.jpg) no-repeat top left;
	width: 941px; *width: 961px;
	text-align: center;
	border: 10px solid white;
}
	#menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#menu li {
		position: relative;
		z-index: 5;
		display: inline-block; *display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 17px;
		font-weight: bold;
		/*line-height: 32px;*/
	}
	#menu a {
		display: inline-block;
		margin: 0;
		padding: 0 14px 0 14px;
		color: #3e3f29;
		line-height: 32px;
		text-decoration: none;
	}
	#menu ul ul :hover > a {
		color: black;
	}
		#menu :hover > a {
		color: black;
	}
		#menu a:hover {
		color: black;
	}
		#menu ul ul {
			visibility: hidden;
			position: absolute;
			text-align: left;
			*top: 32px;
			left: 9px;
			z-index: inherit;
		}
		#menu ul ul li {
			background: none;
			font-weight: normal;
			float: left;
			margin-top: -1px;
		}
		#menu ul ul a {
			width: 145px;
			height: 20px;
			margin: 0;
			padding: 0 3px 0 5px;
			background-color: #cdcd6f;
			display: block;
			color: #3e3f29;
			font-size: 12px;
			line-height: 20px;
			border: 1px #3e3f29 solid;
		}
		#menu ul ul ul :hover > a {
			color: white;
			background-color: #3e3f29;
		}
			#menu ul ul ul a:hover {
			color: white;
			background-color: #3e3f29;
		}
			#menu ul ul :hover > a {
			color: white;
			background-color: #3e3f29;
		}
			#menu ul ul a:hover {
			color: white;
			background-color: #3e3f29;
		}
			#menu ul ul ul {
				left: 154px;
				top: 0;
				margin-top: 1px;
				z-index: inherit;
			}
			#menu ul ul ul a {
				width: 150px;
			}
#menu ul :hover ul :hover ul {visibility: visible;}
#menu ul li:hover ul {visibility: visible;}
#menu ul a:hover ul {visibility: visible;}
#menu ul :hover ul ul {visibility: hidden;}

#breadcrumbs {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}
#breadcrumbs ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}
    #breadcrumbs li {
        margin: 0;
        padding: 0;
        display: inline;
        font-size: 11px;
        font-weight: normal;
	}
	#breadcrumbs a {
        color: #8c9934;
        text-decoration: none;
        margin: 0;
        padding: 0 .75em 0 0;
        background: url('../images/breadcrumbs.gif') no-repeat center right;
	}
    #breadcrumbs a:hover {color: black;}

/* Home Page Styles */
#homeleft {width: 50%; padding: 5px 20px 0 10px;}
	#homecontent {padding: 10px;}
	#homemap {padding: 10px;}
		#homemap h1 {color: black; font-size: 14pt; margin-top: 0;}
#homeright {width: 50%; padding: 5px 10px 0 0;}
	#spotlight {
		display: block;
		height: 280px; *height: 250px;
		padding: 10px;
		border: 1px black solid;
		vertical-align: top;
	}
	#spotlight h1 {
		display: block;
		color: white;
		background-color: #7d8833;
		border-bottom: 1px black solid;
		font-size: 14pt;
		margin: -10px -10px 5px -10px;
		padding: 5px 10px 5px 10px;
	}
		#spotlight h2 {font-size: 12pt; font-weight: bold; text-transform: none; margin: 0;}
		#spotlight p {font-size: 11pt;}
		#spotlight img {float: left; margin: 0 10px 0 0; position: relative; z-index: auto;}
		#buttons {width: 100%; display: block; clear: both; padding-top: 10px; width: 100%; *display: none;}
		#buttons a {display: inline-block; width: 16px; height: 16px; vertical-align: middle; text-align: center; font-size: 9pt; color: white; text-decoration: none;}
		a.spotlight{float: left; margin-right: 5px; background-color: #cdcd6f; border: 1px black solid;}
		a.spotlightselected{float: left; margin-right: 5px; background-color: #7d8833; border: 1px black solid;}
		a.spotlightcontrol{float: left; background-color: #cdcd6f; border: 1px black solid;}
		a.spotlightcontrol:hover {background-color: #7d8833;}
		a.spotlightselected:hover {background-color: #7d8833;}
		a.spotlight:hover {background-color: #7d8833;}
		.spotlighthidden {display: none;}

	#news {
		margin-top: 15px;
		padding: 10px;
		border: 1px black solid;
	}
		#news h1 {
			display: block;
			color: white;
			background-color: #7d8833;
			border-bottom: 1px black solid;
			font-size: 14pt;
			margin: -10px -10px 10px -10px;
			padding: 5px 10px 5px 10px;
		}
		#news ul {margin: 10px 0 0 0; padding: 0; list-style: none;}
		#news li {margin-top: 10px;}
		
/* Quick Facts Box */
#quickfacts {font-size: 12px;}
#quickfacts p {margin-bottom: 0;}
#quickfacts ul {margin-top: 0;}