<style type="text/css">
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color:#BFDFFF;
	padding:10px;
}

a:link {
	color: #0066CC;
	text-decoration: none;
}

a:active {
	color: #FF0000;
	text-decoration: none;
}

a:visited {
	color: #0066CC;
	text-decoration: none;
}

a:hover {
	color: #669933;
	text-decoration: underline;
}

input[type="text"],input[type="password"],textarea,input.txt {
	color: #003399;
	border: 1px solid #003399;
	background-color:#FFFFFF;
	width:200px;
	padding:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

marquee {
	font-size: 10px;
}

select {
	color: #003399;
	border: 1px solid #003399;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
	font-size: 11px;
}


input[type="button"],input[type="submit"],input[type="reset"],input.btn {
	color: #344d7b;
	border: 1px solid #003399;
	background-color:#CCCCCC;
	font-weight: bold;
	padding:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #272d41;
}

h1 {
	font-family: Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-family: Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #669933;
	margin: 0px;
	padding: 0px;
}

.top {
	background-image: url(images/topBG.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}

.tools {
	background-image: url(images/toolBG.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	height: 37px;
	vertical-align: top;
}

.toolTab td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	background-image: url(images/toolTab.png);
	background-repeat: no-repeat;
	background-position: right top;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 17px;
	width: 100px;
	text-align: center;
}

.toolTab td a:link,.toolTab td a:active,.toolTab td a:visited {
	text-decoration: none;
	color: #CCCCCC;
}

.toolTab td a:hover {
	text-decoration: none;
	color: #003399;
}

.topR {
	font-family: Arial, Verdana;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/topR.gif);
	background-repeat: no-repeat;
	background-position: right top;
	vertical-align: bottom;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 5px;
}

.lnav {
	background-color: #FFFFFF;
	background-image: url(images/dot.gif);
	background-repeat: repeat-y;
	background-position: right top;
	/*text-align: right;*/
	padding:0px;
	padding-top:10px;
	padding-bottom:50px;
	width:129px;

}

.mainBody {
	padding: 0px;
	padding-bottom: 20px;
	background-color:#FFFFFF;
	width: 640px;
}

table.toolTab {
	float: right;
}

.lnav h1 {
	color: #FF6600;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.main {
	background-image: url(images/mainBG.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

table.dotUnder td {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #669933;
	background-image: url(images/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: left;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 10px;
}

td.dotUnder {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #669933;
	background-image: url(images/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: left;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 0px;
}

.navWhole {
	border: 1px solid #999999;
	background-color: #EEEEEE;
}

.bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	padding-top: 20px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	text-align: center;
}

.dotUnder h1{
	color:#FF6600;
}

#announcements {
	color: #FF6600;
	font-weight: bold; 
	font-size: 10px;
}
A.bottommenu { 	font-family: Arial, Helvetica, sans-serif; color: #000066; text-decoration: none; margin-bottom : 1px; font-size: 10px;}
A.bottommenu:hover {	color : #FF0000;}
A.bottommenu:active { color: #000066;}

A.menu {font-family: Arial, Helvetica, sans-serif; color: #FF0000; text-decoration: none; margin-bottom : 1px; font-size: 14px;}
A.menu:hover {	color : #FF0000;}
A.menu:active { color: #000066;}

A.sectionlink {font-family: Arial, Helvetica, sans-serif; color: #272E41; text-decoration: none; margin-bottom : 1px; font-size: 12px;}
A.sectionlink:hover {	color : #FF0000;}
A.sectionlink:active { color: #669933;}

A.section2 {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; margin-bottom : 1px; font-size: 12px;}
A.section2:hover {	color : #FF0000;}
A.section2:active { color: #FFFFFF;}


A.front {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; margin-bottom : 1px; font-size: 16px;}
A.front:hover {	color : #FF0000; text-decoration: underline;}
A.front:active { color: #FFFFFF;}
A.front:visited { color: #FFFFFF;} 

A.email {font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; margin-bottom : 1px; font-size: 12px;}
A.email:hover {	color : #FF0000;}
A.email:active { color: #000000;}

A.staff {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; text-decoration: none; margin-bottom : 1px; font-size: 12px;}
A.staff:hover {	color : #FF0000;}
A.staff:active { color: #ffffff;}
A.staff:visited { color: #ffffff;}

#MENUTOP {
	width:99%;
	display: block;
	height:52px;
	position:absolute;
	top: 100px;
	left: 0px;
	vertical-align:top;
	color:#FFFFFF;
	z-index:5000;	
	border: solid 1px #66CC00;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

<!----------------------------------------------CSS DROPDOWN MENU----------------------------------------------------->

/*VERTICLE DROPDOWN MENU*/

#nav, #nav ul { /* all lists */
	padding: 0px;
	margin: 0px;
	list-style: none;
	float : left;
	text-align:left;
	width : 105px; /* Keep the same as the "w\idth" setting below. Together they make each button appear below the other. Without both, they will appear horizonal */
	list-style:none;
	
}

#nav li a {
	font-size:12px; /* Best if use pixel size, will be needed to know the hieght of the button. */
	line-height: 14px; /* same as font size */
	color:#272E41; 
	font-weight:bold;
	text-decoration : none;
	/* Width and Height: Add width and padding to determin the actual width...
		Use padding plus font size to determine actual height. */
	display: block;
	width: 105px;
	padding: 3px;
	padding-bottom:5px;
	margin:0px;
	padding-right:10px;
	background-color:transparent;
	text-align:right;
}
	
#nav li a:hover { /* Rollover Styles */
	color: #C7C9D3;
	text-decoration: none;
}

#nav li { /* all list items */
	position : relative;
	float : left; 
	margin-bottom : -1px; /*Keep at -1 so borders overlap. Change only if you want space between buttons*/
	list-style:none;
}
	
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em; /* Don't change. It will cause the dropdowns to not work prooperly. */
	margin-left :115px; /* Make 1 pixel greater then actual button width so borders overlap */
	margin-top : -22px; /* 0px = directly below parent. Positive number moves menu down, Negative moves it up. Add 2 pixels to button height to alight with top of parent button */
	width: 150px;
	padding:0px;
	
}

#nav li ul li{
margin:0px;
width: 150px;
background-image:none;
}

#nav li ul a {
	color:  #FFFFFF;
	font-weight:normal;
	width: 150px;
	font-size:11px;
	background-color:#C7C9D3;
	border: solid 1px #272E41;
	margin:0px;
	padding:3px;
	padding-right:10px;
	z-index:1001;
}
#nav li ul a:hover {
	color: #272E41;
	margin:0px;
	background-color:#FFFFFF;
}
#nav li ul ul { /* third-and-above-level lists: use in the same way as second level */
	float: left;
	left: -999em;
	position : absolute;
	left: -999em; /* Don't change. It will cause the dropdowns to not work prooperly. */
	margin-left : 91px; /* Make 1 pixel greater then actual button width so borders overlap */
	margin-top : -26px; /* 0px = directly below parent. Positive number moves menu down, Negative moves it up. Add 2 pixels to button height to alight with top of parent button */
}

/* IE garbage. Should stay the same as far as i know */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

body {
	background-image: url(images/hopkinscountyattorney_blueb.jpg);
}
.style1 {color: #000000}
.style2 {color: #000000;}
.style3 {
	font-size: 16px;
	font-weight: bold;
}
.style4 {font-size: 12px;}
.style5 {font-size: 10px;}
.style7 {font-size: 10px; font-weight: bold; }
.style8 {font-size: 10px; color: #000066; font-family:Arial, Helvetica, sans-serif;}

.menubg{
	background-color:#262D40;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 698px;
}

.card{
font-size: 12px;
padding:7px;
padding-top:0px;
color:#999999;
text-align: left;}

.card h1{
font-family:"Times New Roman", Times, serif;
font-size: 20px;
color: #999999;
margin: 0px
}
.marq{
color:#000000;
font-size:12px;
background-color: #c7c9d3;
padding:7px;
padding-top:0px;
background-image: none;
}

.marq span{
font-size:12px;
}
.marq a:link,.marq a:active,.marq a:visited{
font-family: Arial, Times, serif;
font-size: 14px;
font-weight:bold;
color: #272d41;
}

#SEARCH {	
	position:absolute;
	padding-left:600px;
	top:24px;
	z-index:5000;
	display:block;
	padding-left:500px;
	
}
.mainBody table tr td.dotUnder{
padding-left:10px;}
.mainBody table tr td.dotUnder h3{
margin: 0px;
display:inline;}
</style>