/* Global */

/*html {
	background: #73ADD7 url('../images/design/gradient.gif') repeat-x;
}*/

body {
    background-color: #A5DDF8;
    background-image: url(../images/design/sky.jpg);
    background-repeat: repeat-x;
}

html, body {
	/* background: url('../images/design/diagnolRepeat.jpg') repeat; */
	/*background: #686868;*/
    /*	background-image: url('../images/design/sky.jpg'); background-repeat: repeat-x; background-color: #ccd4e2;*/
	width: 100%
	height: 100%;
	margin: 0 auto;
	font-size:  11px;
        font-family: "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	text-align: center;
	position: relative;
	
	line-height: 16px;
	

}


h1, h2, h3, h4, h5, h6 {
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
        font-weight: normal !important;
}



h1 {
	font-size:  18px;
	text-align: left;
	margin-bottom: 5px;	
	color: #103390;
	padding-bottom: 5px;
	border-bottom: 1px #CFCFCF solid;
}



h2 {
	font-size:  15px;
	text-align: left;
	margin-top: 10px;	
	line-height: 18px;
	margin-bottom: 5px;
	color: #103390;
}

h3 {
	font-size:  14px;
	line-height: 17px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;	
	color: #103390;
}

h4 {
display: block;
	width: 300px;
	border-top: 1px #CFCFCF solid;
	border-bottom: 1px #CFCFCF solid;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size:  13px;
	line-height: 16px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;	
	color: #103390;
}


h4 {
	font-weight: bold;
}





#mainBox {
	
	background-color: white;
	width: 800px;
	min-height: 900px;
	
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	margin-bottom: 10px;
	text-align: left;	
	right: auto; left: auto;
	line-height: 14px;
}

#header {
	width: 800px;
	height: 102px;
	background-image: url('../images/design/swap6.jpg');
	border-bottom: #dfdedc 1px solid;
	
}

#topNav {
	margin-top: 5px;
	text-align: center;
	height: 20px;
	padding-bottom:5px;
	width: 100%;
	_margin-bottom: -5px;
}


#topNav a {
	text-align: center;
	display: inline-block;
	color: #898989;
	border: #e7e7e7 1px solid;
	width: 110px;
	height: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 0px;

	background-color: #f1f1f1;
	text-decoration: none;
}

#topNav a:hover {
	background-color: white;
	color:black;
}


#hero img {
	border: #dfddde 1px solid;
	width: 500px;
	height: 127px;
	margin-bottom:10px;
	
}

#leftColumn {
	position: float;
	float: left;
}

#rightColumn {
	margin-left: 200px;
	padding-right: 10px;
	top: 200px;
}
#content {
	vertical-align: top;
	text-align: left;
	padding-bottom:10px;
}

#bottomBar {
	background-color: white;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	height: 70px; 
	width:800px;
	padding-top: 5px; padding-bottom: 5px;
	margin-bottom: 10px;
	font-weight: normal !important;
	line-height: 16px;
	font-size: 11px;
}

#bottomBar a {
	font-weight:normal !important;
}

#bottomBar a:hover {
	text-decoration: underline;
}

#bottomBar span {
	line-height: 12px;

	margin-bottom: 5px;
	margin-top: 3px;
	padding-left: 25px;
	padding-right: 25px;
}




/*Side Nav */

#LeftNav {
	margin-left: 20px;
	text-align: left;
	line-height:19px;
}

#LeftNav ul {
	list-style: none !important;
	list-style-image: none !important;
	padding-top: 1px;
	margin-top: 0px !important;
	margin-left: 0px !important;
	padding-left: 0px;
}

#LeftNav ul li {
	list-style-image: none !important;
	list-style: none !important;
	margin-left: 0px;
	padding-left: 0px;
	padding-left: 0px;
}

#LeftNav ul li ul li ul li.current {
	font-weight: bold;
}



#LeftNav ul li ul li ul li {
	list-style: none !important;

	padding-left: 10px;
	background-image: none;
}

#LeftNav ul li ul li ul {
		background-image: url('../images/design/navEntryBg.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
	}


#LeftNav ul li ul li ul li a {
	background-image: url('../images/design/indent.gif');
	background-position: left center;
	padding-left: 15px;
}



#LeftNav a {
	margin-bottom:10px;
	display:block;
	width: 145px;

	height: 20px;
		background-image: url('../images/design/navEntryBg.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	font-style:normal;
	text-align: left;
	font-size: 10px;
	
	text-decoration: none;
	vertical-align: middle;
	color: #585858;
}


#LeftNav a:hover, #LeftNav ul li.current ul li a {
	color: #103390 !important;
	font-weight: normal;
}

#LeftNav a:hover, #LeftNav ul li.current a {
	font-style: normal;
	font-weight: bold;
	color: #103390;
	
	
}
#LeftNav ul li ul li.current ul li a {
	color: #585858 !important;
}



#LeftNav ul li ul li ul li.current a {
	color: #103390 !important;
		background-image: url('../images/design/bullethit.gif');
}







/* CTAs on Left Hand Side */

.contactUsCTA {
	margin-left:5px;
	background-image: url('../images/design/contactUsCTA.jpg');
		background-repeat:no-repeat;
	height:78px;
	width:177px;
	
}

.contactUsCTA div {
	padding-top:13px;
	padding-left:78px;
	width: 98px 100%;
    font-size: 9px;

}

.quoteCTA {
	margin-left:5px;
	background-image: url('../images/design/quoteCTA.jpg');
	background-repeat:no-repeat;
	height:78px;
	width:177px;
	
}

.quoteCTA div {
	padding-top:13px;
	padding-left:78px;
	margin-right: 0px;
	width: 98px 100%;
	font-size: 9px;
}

.contactUsCTA a {
	font-size: 9px;
}

#flash {
	margin-bottom: 15px;
	margin-top: 5px;
	text-align: center;
}


ol {
}

ol li {
margin-left: 5px;
margin-bottom: 5px;

}

ul {
	list-style: square outside url('../images/design/bullet.gif');
	margin-top: 5px;
	margin-left: 15px;
}

ul li {
	margin-left: 10px;
	margin-bottom: 10px;
}


div.field {
	display: inline-block;
	color: green;
	margin-right: 10px;
	width: 70px;
}

span.topper {text-align: top;}

div.step {
	background-color: #f4f5f9;
	border: 1px #cacaca solid;
	padding: 5px;
	margin-bottom: 10px;
}


div.required {
	display: inline;
	color: blue;
	margin-left: 15px;
}

div.contact {
line-height: 20px;
}

p {
 padding- top: 5px;
 padding-bottom: 5px;
 line-height: 16px;

}

hr {
	border: 0px;
	height: 0px;
	border-bottom: 1px #CFCFCF solid;
	background-color:  #CFCFCF
	color:  #CFCFCF
	margin-top: 10px;
	margin-bottom: 10px;
}



.warning { color:#b2d81c;}
.blue{ color:#90adff; }
.green{ color:green;  display: block; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;}
.red{ color:#red; }
.grey { color: #6fb227}


a , a:link, a:visited {
	color: blue;
	text-decoration: none;
}

a:hover, a:active {
	color: #7d95ff;
	text-decoration: none;

}

.floatImageRightNo {
	float: right;
	margin: 10px;

	display: inline;
}

.floatImageRight {
	float: right;
	margin: 10px;
		border: 1px #CFCFCF solid;

	display: inline;
}

.floatImageRightBorder {
	float: right;
	margin: 10px;
	border: 1px #CFCFCF solid;
	display: inline-block;
}

#dayByDay tbody tr {
 margin-bottom: 10px;
}


