/*
	KlingReport CSS Document
	Copyright Jim Holt
*/

*
{
	border: 0;
	margin: 0;
	padding: 0;
}

/* =Basic HTML
----------------------------------------------------------------------*/

a 
{
	outline: none;
	text-decoration: none;
}

#accessibility
{
   position: absolute;
   top: -10000px;
}

body#search #content strong
{
  background: #ff3;
  color: #000;
  font-weight: normal;
}

.download
{
	background: url(../img/pdf_logo.gif) no-repeat center left;
	padding: 2px 0 2px 20px;

}

h1
{
	background: url(../img/h1_bg.gif) no-repeat bottom left;
	width: 440px;
	line-height: 1.3em;
	color: #00385F;
	font: 22px arial, serif;
	letter-spacing: 1px;
}

h2
{
	line-height: 1.3em;
	color: #661800;
	font: 15px arial, serif;
	margin: 0 0 10px 0;
}

h3
{
	background: url(../img/h1_bg.gif) no-repeat bottom left;
	width: 440px;
	line-height: 1.3em;
	color: #00385F;
	font: 21px arial, serif;
	text-align: center;
	letter-spacing: 1px;
}

h4
{
	font: 17px arial, serif;
}

.title
{
		width: 440px;
}

.title a:link, .title a:visited
{
	color: #003366;
}

.post
{
	font-size: 10px;
	margin: 0 0 15px 0;
	color: #666;
}

.post2
{
	font-size: 10px;
	margin: 0 0 15px 0;
	color: #666;
	text-align: center;
}

.right { text-align: right;	}

p { margin: 0 0 15px 0; }

ol, ul { list-style: none; }

.break
{
	font-size: x-small;
	border-bottom: 1px #ccc solid;
	padding: 0 0 15px 0;
	
}

body 
{
	background: #12171F url(../img/body.gif) repeat-y center top;
    text-align: center;
    font: 76%/1.8 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

/* =Container
----------------------------------------------------------------------*/

#container 
{
   	background: #fff url(../img/container_bg.gif) repeat-y center top;
   	margin: 0 auto;
   	padding: 0;
   	width: 680px;
    text-align: left;    

}

/* =SubContainer
----------------------------------------------------------------------*/

#sub_container 
{
   	background: #fff url(../img/top_bg.gif) repeat-y center top;
   	width: 680px;
    text-align: left;    

}

/* =Top
----------------------------------------------------------------------*/

#top 
{
   width: 669px;
   height: 65px;
   padding: 0 0 0 10px;
   text-align: left;
}

/* =logo
----------------------------------------------------------------------*/

#logo 
{
	background: url(../img/logo.gif) no-repeat right center;
	width: 55px;
	float: left;
}

.logo1
{
	height: 65px;
}

.logo1 a
{
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	width: 55px;
	height: 65px;
}

/* =Info
----------------------------------------------------------------------*/

#info
{
	background: url(../img/info_bg.gif) no-repeat right center;
	color: #fff;
	height: 35px;
	width: 326px;
	font: 10px Arial;
	float: right;
	
}

#info a 
{
	color: #fff;
	font: 10px Arial;
	text-decoration: none;
}

#stateselect
{
	width: 120px;
	height: 27px;
	padding: 8px 0;
	text-indent: 26px;
	letter-spacing: 1px;
	float: left;
}

#searchkr
{
	width: 180px;
	height: 30px;
	float: right;
	padding: 5px 0 0 0;
}

.searchfield
{
	background: url(../img/search_bg.gif) no-repeat center center;
 	color: #333;
	font: 10px Arial;
	padding: 3px 24px 3px 6px;
	vertical-align: middle;
	text-align: left;
	width: 124px;
}

/* =Header
----------------------------------------------------------------------*/

#header 
{
   background: #002040 url(../img/header_bg.gif) repeat-x left center;
   width: 680px;
   height: 140px;
   text-align: left;
   clear: both;
   border-bottom: #fff solid 1px;
}

#nh_logo
{
	background: url(../img/nh_logo_top.gif) no-repeat right center;
	height: 140px;
	width: 269px;
	float: right;
}

/* =Nav
----------------------------------------------------------------------*/

#navigation 
{
   padding: 3px 0px 3px 10px;
   background: #002040 url(../img/nh_logo_bottom.gif) no-repeat right center;
   width: 670px;
   clear: both;
}

#nav 
{
	margin: 0;
	padding: 0 0 20px 10px;
}

#nav li 
{
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
	
#nav a:link, #nav a:visited 
{
	float: left;
	font-size: 11px;
	line-height: 17px;
	padding: 0 8px 6px 8px;
	margin: 0 8px 0 0;
	text-decoration: none;
	color: #fff;
}

#nav a:link.active, #nav a:visited.active, #nav a:hover 
{
	color: #fff;
	background: url(../img/nav_a_bg.gif) no-repeat bottom center;
}

body#default a#homenav,
body#public_safety a#public_safetynav,
body#fire a#public_safetynav,
body#ambulance a#public_safetynav,
body#dispatch a#public_safetynav,
body#schools a#schoolsnav,
body#towns a#townsnav,
body#vt_public_safety a#vt_public_safetynav  
{
	color: #fff;
	background: url(../img/nav_a_bg.gif) no-repeat bottom center;
}

.clear { clear: both; }

/* =Side
----------------------------------------------------------------------*/

#side 
{
	overflow: hidden;
	float: left;
	width: 195px;
	font-size: 11px;
}

.blank { background: url(../img/side_blank.gif) no-repeat top center; }

.public { background: url(../img/side_public.gif) no-repeat top center; }

.schools { background: url(../img/side_schools.gif) no-repeat top center; }

.towns { background: url(../img/side_towns.gif) no-repeat top center; }

.info { background: url(../img/side_info.gif) no-repeat top center; }

.new { background: url(../img/side_new.gif) no-repeat top center; }

#side ul { margin: 40px 5px 15px 20px; }

#side li 
{	
	background: url(../img/bullet_bg.gif) no-repeat 0 7px;
	padding: 0 0 0 20px;
}

#side ul ul { margin: 0 0 0 20px;	}

#side ul ul li
{
	background: url(../img/bullet_bg_sub.gif) no-repeat 0 7px;
	padding: 0 0 0 20px;
	font-weight: normal;
}

body#public_safety a#public_side,
body#schools a#schools_side,
body#towns a#towns_side
{
	color: #990000;
}
	
#side a:link, #side a:visited { color: #000; }

#side a:link.active, #side a:visited.active, #side a:hover 
{
	text-decoration: none;
	color: #990000;
}

/* =Content
----------------------------------------------------------------------*/

#content 
{
	margin: 10px 17px 0 10px;
	float: right;
	width: 440px;
    min-height: 500px;
    line-height: 160%;
    color: #000;
}

#content a:link, #content a:visited
{
	color: #336699;
}

#content a:link.active, #content a:visited.active, #content a:hover 
{
	text-decoration: none;
	color: #993300;
}

#content ul { margin: 10px 0px 15px 0px; }

#content li
{
	background: url(../img/bullet_bg_main.gif) no-repeat 0 7px;
	padding: 0 0 0 20px;
}

/* =zemText
----------------------------------------------------------------------*/

.zemText { color: #000; }

#Message, #Email, #Name, #Subject
{
	background: #F7F7F7;
	width: 436px;
	border: #ccc 1px solid;
	padding: 2px;	
	font-size: 9px arial;
}

.zemSubmit { border: #ccc 1px solid; }


/* =Footer
----------------------------------------------------------------------*/

#footer 
{
   background: #212835 url(../img/footer.gif) no-repeat center top;
   width: 680px;
   height: 15px;
   color: #999;
   text-align: center;
   font: 10px Verdana, sans-serif;
   padding: 25px 0 7px 0;
   clear: both;
}

#footer a:link { color: #999; text-decoration: none; }

#footer a:visited, #footer a:active { color: #999; text-decoration: none; }

#footer a:hover { color: #ccc; text-decoration: none; }