/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}

/* Body Styling */

body{
	background: url(../images/site/bg_body.jpg) top left repeat-x;
}

#wrap{
	width:811px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
}


body#home #wrap{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
}

#header img{
	padding:3px;
	border:1px solid #999;
	background:#fff;
	
}

#content_wrap{
	float:left;
}

body#home #content_wrap{
	float:left;
	width:1029px;
}

#nav{
	width:197px;
	float:left;
}

#nav h1 {
	width:197px;
	height:102px;
	display:block;
	text-indent:-1000em;
	text-decoration:none;
	background: url(../images/site/logo_drivesmart.gif) center center no-repeat;
	border:0;
	padding-bottom:20px;
	border-bottom:1px solid #999;
	margin:20px 0;
}

#nav h1 a{
	width:197px;
	height:102px;
	display:block;
	text-indent:-1000em;
	text-decoration:none;
	border:0;
}

#nav ul{
	list-style:none;
	margin:0 0 20px 0;
}

body#home #nav ul{
	list-style:none;
	margin:40px 0 20px 0;
}

#nav ul li{
	margin:0;
}

#nav ul li a{
	text-transform:uppercase;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	padding:10px;
	display:block;
	background: url(../images/site/bg_nav.jpg) top left no-repeat;
	width:197px;
	height:25px;
	display:block;
}

#nav ul li a:hover,
body#about #nav ul li.about a,
body#projects #nav ul li.projects a,
body#resources #nav ul li.resources a,
body#news #nav ul li.news a,
body#laws #nav ul li.laws a,
body#events #nav ul li.events a,
body#contact #nav ul li.contact a{
	color:#093EC1;
}

#nav ul#subnav{
	margin-left:3px;
	padding-left:10px;
	border-left:1px solid #ccc;
	width:150px;
	line-height:1.5em;
	display:none;
}

body#about #nav ul.about,
body#projects #nav ul.projects,
body#news #nav ul.news,
body#resources #nav ul.resources,
body#laws #nav ul.laws,
body#contact #nav ul.contact{
	display:block;
}

body#about #nav ul#subnav li a,
body#projects #nav ul#subnav li a,
body#news #nav ul#subnav li a,
body#resources #nav ul#subnav li a,
body#laws #nav ul#subnav li a,
body#contact #nav ul#subnav li a{
	text-transform:none;
	background:none;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	margin:0;
	padding:0;
}


body#about #nav ul#subnav li a:hover,
body#projects #nav ul#subnav li a:hover,
body#news #nav ul#subnav li a:hover,
body#resources #nav ul#subnav li a:hover,
body#laws #nav ul#subnav li a:hover,
body#contact #nav ul#subnav li a:hover{
	color:#009900;
}

#help, #order, #ciot_banner{
	border-top:1px solid #999;
}

#help p, #nhsta_banner p, #order p{
	margin:0;
}

#help a{
	text-indent:-1000em;
	text-decoration:none;
	outline:none;
	display:block;
	width:197px;
	height:92px;
	padding:20px 0;
	background: url(../images/site/button_help.jpg) center center no-repeat;
}

#order a{
	text-indent:-1000em;
	text-decoration:none;
	outline:none;
	display:block;
	width:197px;
	height:109px;
	padding:20px 0;
	background: url(../images/site/button_order.jpg) center center no-repeat;
}

#nhsta_banner a{
	text-indent:-1000em;
	text-decoration:none;
	outline:none;
	display:block;
	width:197px;
	height:121px;
	padding:20px 0;
	background: url(../images/site/button_nhsta.jpg) center center no-repeat;
}

.large{
	font-weight:bold;
	font-size:110%;
}

#content{
	margin-left:229px;
	padding-top:60px;
	width:550px;
	font-size:0.8em;
	line-height:2em;
}

body#home #content{
	padding-top:30px;
	width:800px;
}

#content a{
	color:#090;
	text-decoration:none;	
}

#content a:hover{
	color:#090;
	text-decoration:underline;	
}

#content strong{
	color:#090;
}

#content img.floatright{
	float:right;
	padding:2px;
	border:1px solid #999;
	margin:0 20px 20px 20px;
}



h2{
	color:#093EC1;
	font-size:2.5em;
	padding-bottom:25px;
	border-bottom:1px solid #999;
}

body#nhsta h2{
	font-size:2em;
}

body#nhsta #content ul{
	margin-left:20px;
}

h3{
	margin-bottom:0;
	
}

h4{
	color:#093EC1;
	margin-top:0;
}

.red{
	color:red;
}

ul.contact_list{
	list-style:none;
	margin: 20px 0;
	padding:0;
}

dl.calendar, dl.calendar dt, dl.calendar dd{
	list-style:none;
	margin:0;
	padding:0;
}

dl.calendar{
	margin-bottom:30px;
}

dl.calendar dt{
	display:block;
	float:left;
	width:180px;
	padding:2px 20px 2px 0;
	color:#999;
	font-weight:bold;
}

dl.calendar dd{
	width:300px;
	margin-left:220px;
	padding:2px 0 2px 30px;
	border-left:1px solid #eaeaea;
	font-size:0.8em;
}

dl.calendar dd.event{
	font-size:1.1em;
}

dl.calendar dd.desc{
}

ol.topics li{
	margin:1em 0;
}

div.contact_form{
	border:1px solid #ccc;
	background:#E9F3FD;
	padding:20px;
	margin-bottom:40px;
}

div.contact_form dl, div.contact_form dt, div.contact_form dd{
	margin:0;
	padding:0;
}

div.contact_form dd{
	margin-bottom:5px;
}

div.contact_form h3{
	line-height:1.5em;
	margin-bottom:0.5em;
}

ul.videolist{
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}

ul.videolist li{
	display:inline;
	margin:5px 10px 10px 0;
	padding:0;
}

ul.videolist li img{
	padding:3px;
	border:1px solid #ccc;
}

.small{
	font-size:0.8em;
}

body#projects dl, body#projects dt, body#projects dd{
	margin:0;
	padding:0;
}

body#resources dl, body#resources dt, body#resources dd{
	margin:0;
	padding:0;
}

body#projects dl, body#resources dl{
	margin:0 0 2em 0;
	padding-top:1em;
	border-top:1px solid #eaeaea;
}

body#projects dt, body#resources dt{
	font-weight:bold;
}

body#projects dd img, body#resources dd img{
	margin:5px 0;
}

/* Sidebar */

#sidebar{
	float:right;
	margin-left:20px;
	width:452px;
	line-height:1.2em;
	padding-bottom:100px;
}


#sidebar_lt, #sidebar_rt{
	width:200px;
	float:left;
}

#sidebar_rt{
	text-align:center;
}

#sidebar_lt{
	margin-right:20px;
}

#sidebar img{
	padding:2px;
	border:1px solid #ccc;
	margin-bottom:20px;
}

#sidebar h3{
	color:#093EC1;
	font-size:17px;
	line-height:34px;
	padding-left:50px;
	padding-bottom:10px;
	border-bottom:1px solid #999;
}

#sidebar h3.head_events{
	background:url(../images/site/icon_calendar.jpg) top left no-repeat;
}

#sidebar h3.head_news{
	background:url(../images/site/icon_news.jpg) top left no-repeat;
}

#sidebar dt, #sidebar dd{
	margin:0;
	padding:0;
	font-size:12px;
}

#sidebar dt{
	font-weight:bold;
}

#sidebar dd{
	margin:3px 0 6px 0;
}

#sidebar dd a{
	color:#000;
	text-decoration:none;
}

#sidebar dd a:hover{
	color:#093EC1;
	text-decoration:underline;
}

#sidebar p.read_more{
	margin-bottom:40px;
}

#sidebar p.read_more a{
	color:#090;
	font-size:13px;
	text-decoration:none;
}

#sidebar p.read_more a:hover{
	color:#090;
	font-size:13px;
	text-decoration:underline;
}

/* Footer*/

#footer{
	clear:both;
	border-top:1px solid #ccc;
	color:#999;
	text-align:center;
	width:800px;
	margin-bottom:60px;
}

body#home #footer{
	width:1024px;
}

#footer img{
	float:left;
	border:0;
	margin:10px 20px;
}

#footer ul{
	list-style:none;
	font-size:0.7em;
	margin:8px 0;
}

#footer ul li{
	display:inline;
	padding-right:15px;
}

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

#footer ul li a:hover {
	color:#090;
	text-decoration:underline;
	
}

ul#hero_nav {
	list-style:none;
	width:100%;
	text-align:center;
	border-bottom:1px solid #999;
	padding-bottom:20px;
	margin-bottom:30px;
}

ul#hero_nav li{
	display:inline;
	text-transform:uppercase;
	padding:0 30px;
}