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

body { font-family: sans-serif, Helvetica, Arial, Trebuchet ms; font-size: 12px; background-image:url(images/Crisp-Air2.jpg);}

#wrapper {  margin: 0 auto; width: 922px;}
#faux { background-color:#00509f; margin-bottom: 0px; overflow: auto;  width: 922px}
#header { color: #333; margin-top:20px; width: 922px; height: 150px; background: url('images/crispbanner.png');}
#navigation { width: 922px; height:40px;}
#infobox{ width: 905px;  background-color:#ccc; padding-top:10px; padding-bottom:10px; overflow:auto; margin-left:3px}

.style1 {text-align: right;}
.style2 {text-align: center;}
.style3 {background-color: #00509F;	padding: 5px;}
.style4 {margin: 10px;}

#li {list-style: circle; list-style-image: url('images/bullet.gif'); margin-left:10px; margin-top:5px }

h1{ font-size:22px; line-height:35px; color:#fff; text-transform:uppercase; margin-left:20px; margin-right:20px; padding-top:10px}
h2 { font-size: 20px; text-transform:uppercase; font-weight:bold;line-height:25px; color:#fff; padding-left:20px; }
h3 { font-size:13px; text-transform:uppercase; font-weight:bold;line-height:25px; color:#13499f; margin-right:20px;}
h4 {font-size: 16px;background-color: #13499f;text-transform: uppercase;font-weight: bold;line-height: 32px;color: white;text-align: left;padding-left: 10px;}
h5 { font-size:13px; text-transform:uppercase; font-weight:bold;line-height:25px; color:#13499f;margin-left:20px; margin-right:20px; }
h6 {font-size: 20px; text-transform:uppercase; font-weight:bold;line-height:35px; color:#13499f; padding-left:20px;}
p { padding-left:10px}
hr {margin-left:20px;margin-right:20px}

#head {  width:905px; height:35px; background-color:#fff; margin-left:3px }
#welcome {  width:905px; height:35px; background-color:#fff;}
#headtex { font-size: 20px; text-transform:uppercase; font-weight:bold;line-height:35px; color:#13499f; padding-left:20px;}

#carmain { background-color:#ccc; height:200px; width:905px; float:inherit; margin-left:3px}
#carbox { width:272px; float:left; height:180px; margin-left:25px; margin-top:15px; background-color:#fff }
#carpic {width:272px; height:121px; background-color:white}
#carmore {width:119px;height: 26px;float: right; margin-right:10px;}
#cust    {height:45px; width:905px; float:left; overflow: hidden; margin-left:8px}

#home { width:905px; height:280px; background-color: #ccc; margin-left:3px}
#mainpic {margin-left:20px; margin-top:15px; width:303px; height:195px; background-color:#ccc; float:left}
#maininfo {margin-right:15px; margin-top:6px; width:560px; height:195px; float:right; }
#mainbox {margin-left:10px; margin-top:10px; width:255px; height:85px; float:left; margin-left:10px }

#maininfo2 {margin-right:15px; margin-top:10px; width:650px;float:right; height: 130px}
#mainbox2 {margin-left:10px; margin-top:10px; width:255px; height:85px; float:left;margin-left:10px }

#one{ width:210px; margin-left:10px; float:left;}
#two{ width:330px; margin-left:10px; float:left;}
#three{
	width: 160px;
	margin-left: 10px;
	float: left;
	height: 220px;
}
/* tabs
*************************/
ul.tabs{display: table;	margin: 0;	padding: 0;	list-style: none;	position: relative;}
ul.tabs li{	margin: 0;	padding: 0;	list-style: none;	display: table-cell;	float: left;	position: relative;}
ul.tabs a{	position: relative;	display: block;}

/* dropdowns
*************************/
ul.dropdown{	margin: 0;	padding: 0;	display: block;	position: absolute;	z-index: 999;	top: 100%;	width: 150px;	display: none;	left: 0;}
ul.dropdown ul.dropdown{	top: 0;	left: 95%;}
ul.dropdown li{	margin: 0;	padding: 0;	float: none;	position: relative;	list-style: none;	display: block;}
ul.dropdown li a{	display: block;}

/* menu-specifc
*************************/
#menu{	position: absolute;	z-index: 5;	width: 922px;	height: 40px;	line-height: 40px;	background: #13499f;	}
#menu ul{	margin: 0 auto;}
#menu ul li.hasmore{	background: url(images/drophighlight.png) no-repeat center 27px;}
#menu ul li a{	color:#FFF;	font-size: 12px;	padding-left: 4px;	text-decoration:none;	font-family:"arial", Courier, monospace;}
#menu ul li a img{	vertical-align: middle;}
#menu ul li a:hover{	background: #1d1842;	color:#FFF;}
#menu ul li a span{	display: block;	padding: 0 15px 0 11px;}
#menu ul li a:hover span{	background: #1d1842;}
#menu ul.dropdown{	padding: 10px;	background: #28ace2;	overflow:hidden;	border-bottom: 1px solid #3d57bd;	width: 210px;}
#menu ul.dropdown li a{	border-bottom: 1px solid #fff;	line-height: 30px;	overflow: hidden;	height: 30px;}
#menu ul.dropdown li.last a{	border-bottom-width: 0;}
#menu ul.dropdown li a:hover{	background: url(images/menuarrow.png) no-repeat left center;}
#menu ul li h4 a:hover{	background-image: none;}

#leftcolumn {float: left;background-image: url('images/leftback.jpg');background-position: center;background-repeat: no-repeat;color: #333;
             margin: 0px 5px 5px 5px; padding: 0;	width: 912px;	display: inline;	position: relative; overflow: hidden; }          
#footer {  width: 922px; padding-top:10px; height:30px; text-align:center; color: #fff; background: url('images/footer.gif');}

.clear { clear: both; background: none; }

div.content {clear: left; background-color:#fff; width:905px; margin-left:3px}

ol#toc {height: 2em;list-style: none; margin-left:3px; background-color:#fff; width:905px}
ol#toc a {background: #bdf url(images/tabs.gif);color: #008;display: block;float: left;height: 2em;padding-left: 10px;text-decoration: none;}
ol#toc a:hover {background-color: #3af;background-position: 0 -120px; color:#003399; font-weight:bold}
ol#toc a:hover span {background-position: 100% -120px;}
ol#toc li {float: left;margin: 0 1px 0 0;}
ol#toc li.current a {background-color: #48f;background-position: 0 -60px;color: #fff;font-weight: bold;}
ol#toc li.current span {background-position: 100% -60px;}
ol#toc span {background: url(images/tabs.gif) 100% 0;display: block;line-height: 2em;padding-right: 10px;}

#pattern-style-b{
	font-family: sans-serif, Helvetica, Arial, Trebuchet ms;
	font-size: 12px;
	width: 900px;
	text-align: left;
	border-collapse: collapse;
	background-color: #D7D7D7;
}
#pattern-style-b thead tr{ background-color:#13499f; color:white;}
#pattern-style-b th{font-size: 12px;font-weight: bold;padding: 8px;border-bottom: 1px solid #fff;background-color: #13499f;color: white;text-transform: uppercase;text-align: left;}
#pattern-style-b td{padding: 4px;border-bottom: 1px solid #fff;color: #333333;border-top: 1px solid transparent;font-size: 11px;}
#pattern-style-b tbody tr:hover td {color: #fff; font-weight: bold; background-color:#0099CC}

.tabberlive .tabbertabhide {display:none;}
.tabber { width:905px}
.tabberlive {margin-top:1em; width:950px;margin:0 0 0 -2px;}

ul.tabbernav{ margin:0; padding: 3px 0; border-bottom: 1px solid #778; font: bold 10px Verdana, sans-serif; margin-left:3px}
ul.tabbernav li{ list-style: none; margin: 0; display: inline;}
ul.tabbernav li a{ padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none;}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover{ color: #000; background: #AAE; border-color: #227;}
ul.tabbernav li.tabberactive a{ background-color: #fff; border-bottom: 1px solid #fff;}
ul.tabbernav li.tabberactive a:hover{ color: #000; background: white; border-bottom: 1px solid white;}

.tabberlive .tabbertab { border-top:0; width:905px; margin-left:3px}
.tabberlive .tabbertab h2 { display:none;width:905px;}
.tabberlive .tabbertab h3 {display:none;}
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab { height:200px; overflow:auto;}