@charset "utf-8";
/* CSS Document */

html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}

ol, ul {	list-style: none;}

table {
	border-collapse: separate;
	border-spacing: 0;
	}
	
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
	/* end reset styles */
	/* clearing technique */
	
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
	
.clearfix {display:inline-block;}
	/* mac hide \*/
	
* html .clearfix {height: 1%;}

.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles..................*/


body {
	background-color:#DDD;
	background-image:url(images/body-bg.jpg);
	background-repeat:repeat-x;
	margin-top:9px;}
	
#wrapper {
	width:846px;
	margin: 0 auto;
	background-image:url(images/content-bg.jpg);
	background-repeat:repeat-y;
	}
	
#header-holder {
	background-image:url(images/header-bg.jpg);
	background-repeat:no-repeat;
	height:456px;
	width:846px;
	margin: 0 auto;}
	
#form-holder {
	display:block;
	position:absolute;
	width:350px;
	margin-left:248px;
	margin-top:183px;
	}
	
.text-label {
	float:left;
	text-align:right;
	width:130px;
	display:block;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:4px;}
	
.text-input {
	width:150px;
	height:14px;
	font-size:11px;
	margin-bottom:7px;
	margin-left:8px;
	font-size:11px;
	}
	
.state-list {
	width:130px;
	height:20px;
	margin-bottom:7px;
	margin-left:8px;
	font-size:11px;}
	
.best-time-list {
	width:110px;
	height:20px;
	margin-bottom:7px;
	margin-left:8px;
	font-size:11px;}

.start-btn {
	margin-left:124px;
	margin-top:14px;}
	
#main-content {
	width:820px;
	margin: 0 auto;
	background-image:url(images/nav-header-bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;}
	
#nav-holder {
	float:left;
	width:274px;
	color:#0054A8;
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:repeat-y;
	margin-top:44px;
	background-color:#E7EDF2;
	
	}
	
#nav-holder li{
	
	line-height:30px;
	width:274px;
	background-color:#D5E1E8;
	display:block;
	
	}
	
#nav-holder li a{
	text-decoration:none;
	color:#025092;
	background-image:url(images/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:14px;
	padding-left:25px;
	border-bottom: solid 1px #F2F5F9;
	display:block;
	height:30px
	
	}
	
#nav-holder li a:hover{
	background-color:#E7EDF2;
	display:block;
	color:#FE9700;
	}	
	
	
#main-content-inner {
	float:right;
	width:525px;
	padding-top:29px;
	font-size:12px;
	line-height:20px;
	color:#666666;
	margin-left:10px;
	}
	
#main-content-inner h1{
	font-size:22px;
	color:#025092;
	font-weight:bold;}
	
#main-content-inner h2{
	font-size:18px;
	color:#E1A900;}
	
.horizontal-divider {
	border-bottom: dotted 1px #8b8b8b;
	width:525px;
	display:block;
	}
	
	
.content-list {
	}
	
.content-list li{
	line-height:20px;
	}
	
.content-list li a{
	text-decoration:none;
	color:#025092;
	background-image:url(images/square.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
	}
	
#footer {
	width:846px;
	background-image:url(images/bottom-bg.jpg);
	background-repeat:no-repeat;
	height:100px;
	margin: 0 auto;
	text-align:center;
	padding-top:85px;
	font-size:10px;
	color:#666666}	
	
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}