/* CSS Document */


html	{margin:0; padding:0;height:100%;}
body	{
	margin:0 auto;
	padding:0px;
	text-align:center;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	background-color:#E1E6EC;
	line-height: 20px;
	font: 13px  Verdana, Arial, Helvetica, sans-serif;
	color: #293237;
	}
 
#header	{
	margin:0 auto;
	padding: 0;
	background-image:url(../images/hardincountyclerk.gif);
	background-repeat:no-repeat;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	width:760px;
	height: 141px;
	text-align:left;	
	}
#header a	{
	color:#fff;}	

#homepics	{
	margin:0 auto;
	width:780px;
	height:200px;
	z-index:1px;
	}
#content	{
	margin:0 auto;
	width: 760px;
	text-align:left;
	line-height:20px;
	padding-top:1px;
	background-image:url(../images/bgcontent.gif);
	background-repeat:repeat-y;
	position: relative; 
	min-height:500px;
 	height:1%;
	display:table;
	}

* html #content {
	height: 520px;
	position: relative; 
	}

#contenttext	{
	float:left;
	line-height:20px;
	width:538px;

	}	

.smparagraph	{
	min-height:355px;
	}
	
* html .smparagraph {
	height: 355px;
	position: relative; }
		
#sidebox	{
	width: 220px;
	float:right;
	}
	
* html #sidebox {
	position: relative;
	height:520px;  /*** IE needs this  ***/
	width:220px;
	}
.sideboxtext	{
	padding:15px;
	}
.sideboxtext img	{
	border:1px solid #696969;
	background:#fff;
	padding:2px;
}
#bottombox	{
	background:#d6dbe1;
	display:block;
	}
.bottomboxtext	{
	padding:15px;
	}
.half	{
	width:45%;
	}
	
#footer	{
	background: #fff;
	width:100%;
	height:60px;
	clear:both;
	padding-top:15px;
	}	
#div1,#div2,#div3,#div4,#div5	{height:400px;}
		
.toplinks	{float:right; margin:40px 135px 0 0; text-decoration:none;}
#header a	{text-decoration:none;}
.whitesm	{float:left; font-size:12px; margin: 40px 0 0 115px;}
.whitesm a 	{text-decoration:underline; font-size:9px;}
.orangeheading	{
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	text-transform:uppercase;
	text-align:left; 
	text-indent: 40px;
	background-image:url(../images/arrowlg.gif);
	background-position: 10px 3px;
	background-repeat:no-repeat;
	background-color:#bcc6cf;
	height:30px;  
	color:#bb6a0a;
	}
.information	{
	height:100%;
}

.serviceIE	{
	float:left;
	padding:0px;
	background:#d6dbe1;
	width:438px;
	}
	
.precinctdata	{
	font: 11px Arial, Helvetica, sans-serif;
	}	
	
	
/*elements */
.whtborder	{
	border:2px solid #fff;
	}
a.sm	{font-size:9px;text-decoration:underline;}
	
/* Links */
a:link,
a:active,
a:visited	{
	color: #293237;
	text-decoration:underline;
	}
a:hover	{
	text-decoration:none;
	}


ul.downloadforms	{
	list-style-image:url(../images/adobe-pdf.gif);
	margin:0;
	padding:0 0 0 15px;
	font-size:11px;
	}

ul.downloadforms li	{
	padding-bottom:10px;
	}
.small	{font-size:9px;line-height:10px;}


#stage select option {
	margin:0 0 0 0;
	padding:0 0 0 0;
	clear:both;
	}


#marqueecontainer {
	position: relative;
	height: 100px;
	overflow: hidden;
}	



.right	{float:right;}
.left	{float:left;}
.clear	{clear:both;}


/* TOP PICS */	
.toppic	{
	width:772px; 
	height:160px; 
	margin-left:4px;
	z-index:5;
	}

.vr			{background-image:url(../images/pg-vehicle.jpg);}
.elections	{background-image:url(../images/pg-elections.jpg);}
.sdata		{background-image:url(../images/pg-searchdata.jpg);}
.recording	{background-image:url(../images/pg-recording.jpg);}

.clear	{clear:both;}


/* TAB INSIDE MENUS */
#navcontainer
{
margin: -8px 0 0 0px;
padding: 0;
z-index: 100;
height:auto;
}

#navcontainer ul
{
border: 0;
margin: 0 0 0 8px;
padding: 0;
list-style-type: none;
text-align: center;
height:auto;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0px 0 0 3px;
height:auto;
}

#navcontainer ul li a
{
	background: #293237;
	width: 238px;
	height:25px;
	padding:7px 5px;
	border: 1px solid #fff;
	margin: 0 0 0px 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 19px/18px  verdana, Arial, Helvetica, sans-serif;

}

#navcontainer ul li a:hover
{		background:#c60;
	
	}



#navcontainer li#active a
{
background: #c60;
border: 1px solid #c60;
color: #fff;
}

ol.padding li, ul.padding li	{
	padding: 5px 0;
	margin:0;
	}
ol.nopadding li, ul.nopadding li	{
	padding: 0;
	margin:0;
	}


#stage .formheading	{
	background:#293237;
	font:bold 18px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	padding:5px;
	width:98%;
	margin: 35px 0 5px 0;
	}	









/* FORM FIREFOX HACKS FOR SIDEBOX */
html>/**/body .ffhack #sidebox	{
	margin-top:-1460px;}
	
/* FORM FIREFOX HACKS FOR SIDEBOX */
html>/**/body .ffhack2 #sidebox	{
	margin-top:-857px;}
	

/* FORM FIREFOX HACKS FOR SIDEBOX */
html>/**/body .ffhack3 #sidebox	{
	margin-top:-492px;}
	




#stage{
	margin:0;
	width:527px;	margin-left:-5px;
}

/* ----- CLASSES ----- */

#stage .inline{
	display:inline !important;
}
#stage .center{
	text-align:center !important;
}
#stage .left{
	float:left;
}
#stage .right{
	float:right;
}
#stage .hide{
	display:none !important;
}



/* ----- CLEARFIX ----- */

#stage .clearfix:after, #stage:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}


* html .clearfix, * html #stage {height: 1%;}
#stage .clearfix, #stage{display: block;}




/* - - - - - - - - - - - - - - - - - - - - -

FORM

- - - - - - - - - - - - - - - - - - - - - */

#stage form {
	width:527px;
	padding-left:5px;
	float:left;
	}

#stage form ul{
	position:relative;
	list-style-type:none;
	margin:0;
	padding:0;
}
#stage form li{
	line-height:2em;
	margin:0;
	padding:0;padding-left:10px;


}
#stage form li:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
/* Holly Hack Targets IE Win only \*/
	* html #stage form li {height: 1%;}
	#stage form li {display: block;}
/* End Holly Hack */

#stage form li div{
	float:left;
	display:inline;
	margin-right:5px;
	color:#444;
}
#stage form li.focused{
	background-color:#ecf0f3;
} 

#stage form li p{
	clear:both;
	font-size:9px;
	line-height:13px;
	color:#444;
}

#stage form li div.left{
	width:48%;
}
#stage form li div.right{
	width:48%;
}
#stage form li div.left .medium, #stage form li div.right .medium{
	width:100%;
}

#stage .clear{
	clear:both;
}

#stage form li div p{
	margin-bottom:3px;
	margin-top:-2px;
}
#stage form li img.icon{
	float:left;
	margin:.35em 5px 0 0;
}


/* ----- SECTIONS ----- */

#stage form li.section{
	border-top:1px dotted #ccc;
	margin-top:9px;
	padding-top:13px;
	padding-bottom:0px;
}
#stage form ul li.first{
	border-top:none;
	margin-top:0px;
	padding-top:1px;
}
#stage form .section h3{
	font-size:110%;
	line-height:130%;
	margin:0 0 2px 0;
}
#stage form .section p{
	font-size:85%;
	margin:0 0 1em 0;
}

/* ----- BUTTONS ----- */

#stage .buttons{
	clear:both;
	margin:15px 0 20px 5px;
	padding:0;

}
#stage .buttons .button{
	font-size:120%;
	margin:0 5px 0 0;
	padding:0 7px;

}


/* ----- FIELDS AND LABELS ----- */

#stage label.desc{
	font-weight:bold;
	line-height:125%;
	padding:4px 4px 1px 0;
	border:none;
	color:#444;
	display:block;
	font-size:95%;
}

#stage input.text{
	padding:2px 0 2px 0;
}
#stage input.currency{
	text-align:right;
}

#stage input.checkbox, #stage input.radio{
	display:block;
	line-height:1.4em;
	margin:8px 0 0 3px;
	width:13px;
	height:13px;
}
#stage label.choice{
	font-size:100%;
	display:block;
	line-height:1.4em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	color:#444;
	width:90%;
}

#stage textarea.textarea{
	margin-top:1px;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	background: #f8f8f8;
}
select.select{
	margin:1px 0 1px 0;
	padding:1px 0 0 0;
}
#stage select.select[class]{
	margin:0;
	padding:1px 0 1px 0;
}
#stage #submit	{background-color:#5f7c97;color:#fff;border:2px solid #ccc}
/* ----- SIZES ----- */

#stage .third{
	width:31% !important;
}
#stage .half{
	width:48% !important;
}
#stage .full{
	width:99% !important;
}

#stage input.small, #stage select.small{
	width:25%;
}
#stage input.half, #stage select.half{
	width:50%;
}
#stage input.large, #stage select.large, #stage textarea.textarea{
	width:97%;
}
#stage input.tags{
	width:315px;
}

#stage textarea.small{
	height:5.5em;
}
#stage textarea.medium{
	height:10em;
}
#stage textarea.large{
	height:20em;
}







/* ----- END FORM----- */





/*   SIDE BOX NAV */
/* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 220px; /*For KHTML*/
  list-style: none;
}

ul#navmenu li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
  height:28px;
}

/* Root Menu */
ul#navmenu a {
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  padding: 8px 6px;
  display: block;
  background: #7a90a3;
  color: #fff;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #222828;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  background: #222828;
  color: #fff;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #7a90a3;
  color: #222828;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: -220px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}