html, body{
	min-height:100%; 
	height:100%; /* makes center area run to bottom of page in all resolutions */
	background-color:#CCCCCC;
	margin:auto;/* centers page in browser window even when browser is resized or maximized, for this to work in Mozilla-Firefox, you must put html, in front of body as above */ 
	
}

body {
	min-height:100%; 
	height:100%; /* makes center area run to bottom of page in all resolutions */
	background-color:#CCCCCC;  /*64798A*/
	margin:auto;/* centers page in browser window even when browser is resized or maximized, for this to work in Mozilla-Firefox, you must put html, in front of body as above */ 
}

div#wrap {
	width:944px;
	margin:auto; /* centers div horizontally in window */
	position:relative;
	background-color:#CCCCCC;
	min-height:100%;
}  
 

DIV#BG {
   	margin: auto;
    width: 100%;
    height: 100%;
    background-position: 100%;
    position: relative;
    min-height:100%;
	background-color: #CCCCCC;

}
/*--------------------------------------------BEGIN HEADER BAR--------------------------------------------------*/
div#HeaderBar {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom: 0px;
	width:944px;
    height: 189px;
	position:relative;
	top:0px;
	left:0px;
	z-index:2;
	
}	

html>body #HeaderBar {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom: 0px;
	width:944px;
    height: 187px;
	position:relative;
	top:0px;
	left:0px;
	z-index:2;
	
}

div#LanguageChina {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom: 0px;
	width:115px;
	height:55px;
	position:absolute;
	top:19px;
	left:808px;
	z-index:7;
	
} 

div#LanguageEnglish {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom: 0px;
	width:115px;
	height:55px;
	position:absolute;
	top:85px;
	left:808px;
	z-index:7;
	
} 	

div#menuBar {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom: 0px;
	width:744px;
	position:absolute;
	top:152px;
	left:200px;
	z-index:2;
	
}



div#Logo {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom: 0px;
	width:182px;
	height:133px;
	position:absolute;
	top:13px;
	left:13px;
	z-index:5;
	
}

div#logoTxt1 {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	font-size:18px;
	line-height: 19px;
	color:#00579E;
	width:200px;
	position:absolute;
	top:80px;
	left:0px;
	z-index:4;
}

div#logoTxt2 {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	font-size:13px;
	line-height: 19px;
	color:#FFFFFF;
	width:200px;
	position:absolute;
	top:104px;
	left:0px;
	z-index:4;
}

div#CityPic {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom: 0px;
	width:944px;
	height:152px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	
}
div#NavBarShadow {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom: 0px;
	width:944px;
	position:absolute;
	top:174px;
	left:0px;
	z-index:2;
	
}
div#UnderBar {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom: 0px;
	width:944px;
	height:24px;
	position:absolute;
	top:152px;
	left:0px;
	z-index:2;
}
/*--------------------------------------------END HEADER BAR--------------------------------------------------*/


/*--------------------------------------------BEGIN MAIN CONTENT--------------------------------------------------*/

div#Content {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	width:944px;
	height: 912px;
	position:absolute;
	left:0px;
	z-index:2;
	background-color: #FFFFFF;
}

div#pageLinkB {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	width:100px;
	position:absolute;
	top:730px;
	right:0px;
	z-index:2;
}

div#pageLinkT {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	width:100px;
	position: absolute;
	top:50px;
	right:0px;
	z-index:2;
}

div#Text {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	width:700px;
	font-size:15px;
	line-height: 20px;
	color:#000000;
	position:absolute;
	top:65px;
	left:20px;
	z-index:2;
	padding-left: 10px;
}

html>body #Text {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	width:700px;
	font-size:15px;
	line-height: 20px;
	color:#000000;
	position:absolute;
	top:40px;
	left:20px;
	z-index:2;
	padding-left: 10px;
}

div#Header {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	width:192px;
	font-size:40px;
	line-height: 40px;
	color:#fcfcd8;
	position:absolute;
	text-align:center;
	top:3px;
	left:8px;
	z-index:2;
	padding-left: 0px;
}

div#US_Header {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	width:192px;
	font-family: Times New Roman, Helvetica, verdana, Arial, sans-serif;
	font-size:15px;
	line-height: 40px;
	color:#fcfcd8;
	position:absolute;
	text-align:center;
	top:0px;
	left:8px;
	z-index:2;
	padding-left: 0px;
}

div#CopyBox 
{
	padding:0px;
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	width:758px;
	height:762px;
	background:#FFFFFF; /*FFF5ED*/
	position:relative;
	z-index:1;
	background-image: url(images/BlueAccent.jpg);
	background-repeat: no-repeat;
	
}

div#RightBar {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	width:186px;
	height:769px;
	background:#000000;
	position:absolute;
	top:0px;
	left:578px;
	z-index:1;
	
}

div#SideBar {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom: 0px;
	padding-left: 0px; 
	padding-right: 0px; 
	padding-top:0px;
	padding-bottom: 0px;
	width:182px;
	height:762px;
    position :relative;
	top:0px;
	left:180px;
	z-index:2;
}

div#Address {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	padding-top: 13px;
	padding-left: 10px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#CCCCCC;
	width:176px;
	height:186px;
	position:absolute;
	background-image: url(images/addyBox.jpg);
	top:177px;
	left:578px;
	z-index:4;
}

div#US_Address {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	padding-top: 8px;
	padding-left: 5px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:17px;
	color:#CCCCCC;
	width:181px;
	height:191px;
	position:absolute;
	background-image: url(images/addyBox.jpg);
	top:177px;
	left:578px;
	z-index:4;
}

html>body #Address {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	padding-top: 5px;
	padding-left: 10px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#CCCCCC;
	width:176px;
	height:194px;
	position:absolute;
	background-image: url(images/addyBox.jpg);
	top:177px;
	left:578px;
	z-index:4;
}

div#LowerBox {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	width:185px;
	height:393px;
	background:#0197D3;
	position:absolute;
	top:376px;
	left:579px;
	z-index:1;
}

div#LBtxt {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	font-size:13px;
	line-height: 19px;
	color:#FFFFFF;
	width:157px;
	position:absolute;
	top:10px;
	left:4px;
	z-index:4;
	padding-left: 10px;
	padding-right:10px;
}

div#US_LBtxt {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	font-size:10px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	line-height: 13px;
	color:#FFFFFF;
	width:157px;
	position:absolute;
	top:3px;
	left:4px;
	z-index:4;
	padding-left: 10px;
	padding-right:10px;
}

div#Xcurve {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	width:157px;
	height:157px;
	position:absolute;
	top:412px;
	left:593px;
	z-index:5;
}
div#US_Xcurve {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	width:157px;
	height:157px;
	position:absolute;
	top:404px;
	left:593px;
	z-index:5;
}

div#XcurveTxt {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	font-size:13px;
	line-height: 19px;
	color:#000000;
	width:157px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:4;
	padding-left: 5px;
	padding-right:5px;
}

div#GreenBox {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	width:186px;
	height:177px;
	position:absolute;
	top:0px;
	left:578px;
	z-index:3;
	background-image: url(images/GreenBox.jpg);
}

div#Provider01 {
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top:0px;
	margin-bottom:0px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#ffffff;
	width:157px;
	height:89px;
	position:absolute;
	top:0px;
	left:591px;
	z-index:5;
}


/*--------------------------------------------END MAIN CONTENT--------------------------------------------------*/


div#copy {
	margin-left:0px; 
	margin-right:0px; 
	margin-top:0px;
	margin-bottom:10px;
	padding-right:10px; /* this puts padding to the right side of the text, so that the text won't touch the scroll bar*/ 
	width:430px;
	height:350px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	position:absolute;
	top:125px; /* this positions the div from the top of it's containing div, which in this case is "content"*/ 
	left:30px; /* this positions the div from the left side of it's containing div, which in this case is "content"*/ 
	z-index:5; /* div stacking order*/ 
	line-height:16px;
	overflow:auto; /* this determines whether the div scrolls or not*/ 
	scrollbar-face-color: #676767;
	scrollbar-shadow-color: #676767;
	scrollbar-base-color: #676767; 		
	scrollbar-highlight-color:#CECECE;
	scrollbar-arrow-color: #FFFFFF;
}

div#DisclaimerCopy {
	margin-left:0px; 
	margin-right:0px; 
	margin-top:0px;
	margin-bottom:10px;
	padding-right:10px; /* this puts padding to the right side of the text, so that the text won't touch the scroll bar*/ 
	width:700px;
	height:100px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	line-height:16px;
	overflow:auto;
	scrollbar-face-color: #676767;
	scrollbar-shadow-color: #676767;
	scrollbar-base-color: #676767; 		
	scrollbar-highlight-color:#CECECE;
	scrollbar-arrow-color: #FFFFFF;
}




div#Legalcopy {
	margin-left:0px; 
	margin-right:0px; 
	margin-top:0px;
	margin-bottom:10px;
	padding-right:10px; /* this puts padding to the right side of the text, so that the text won't touch the scroll bar*/ 
	width:700px;
	height:350px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	position:absolute;
	top:150px;
	left:30px;
	z-index:5;
	line-height:16px;
	overflow:auto;
	scrollbar-face-color: #676767;
	scrollbar-shadow-color: #676767;
	scrollbar-base-color: #676767; 		
	scrollbar-highlight-color:#CECECE;
	scrollbar-arrow-color: #FFFFFF;
}
div#SponsorLinks {
	width:319px;
	position:absolute;
	top:406px;
	left:442px;
	z-index:4;
	margin:0px;
	
}
.Head1{ /*the key to really controlling line spacing between headers and their paragraph text is to customize as below, and use a p tag before the header
with the class in it, ie. yellowHead1, and a br after the header text and then a span tag with a class around the paragraph text and then end the p tag after the
closing span tag at the end of the paragraph text. Example:
<p class="yellowHead1">DRIVER QUICK FACTS	 <br />  s
	  <span class="facts">
	  This is the paragraph copy below the header...</span></p>*/ 
	font-size:40px;
	line-height:40px;
	color:#FFFFFF;
}

.Head2{ 
	font-size:18px;
	line-height:16px;
	color:#000000;
	font-family:Times New Roman, Helvetica, verdana, sans-serif;
}

.Head3{ 
	font-size:11px;
	line-height:16px;
	color:#FFFF00;
	font-family:Times New Roman, Helvetica, verdana, sans-serif;
}

.Head4{ 
	font-size:24px;
	line-height:24px;
	color:#990066;
	font-family:Times New Roman, Helvetica, verdana, sans-serif;
}

.Head5{ 
	font-size:16px;
	line-height:18px;
	color:#990066;
	font-family:Times New Roman, Helvetica, verdana, sans-serif;
}

.whiteHead1{
	font-size:22px;
	line-height:22px;
	color:#FFFFFF;
	font-family:Times New Roman, Helvetica, verdana, sans-serif;
}


li { /*the key to customizing lists is to use your own image, don't use a ul or ol tag, and follow similiar formatting below*/ 

	list-style-position:outside;
	padding-left:10px; /* controls amount of margin or indent on left side*/ 
	padding-right:10px;
	padding-bottom:10px; /* controls line spacing between list items*/
	font-size: 12px;
	line-height:12px;
}

	
div#footer {
	width:944px;
	height: 35px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF5ED;
	margin:auto; 
	position:relative;
	padding-top:25px;
	text-align:center;
	line-height:15px;
	z-index:4;
	background-image:url(images/footerBack.jpg);
}

.footerMargin {
    margin-left :0px;
	margin-right:0px;
	margin-top:0px;
	width:944px;
}

.copyright {

	text-align:center;
	
	}

div#footer a { /* hyperlink*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#0197D3;
	line-height:15px;
	text-decoration:none;
	
}
div#footer a:visited{ /* hyperlink visited state*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#0197D3;
	line-height:15px;
	text-decoration:none;
}

div#footer a:hover{ /* hyperlink over state*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#33CCFF;
	text-decoration:underline;
	line-height:15px;
}



a { /* hyperlink*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	line-height:14px;
	text-decoration:none;
	
}
a:visited{ /* hyperlink visited state*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	line-height:14px;
	text-decoration:none;
}

a:hover{ /* hyperlink over state*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFCC33;
	text-decoration:underline;
	line-height:14px;
}


a.white { /* hyperlink*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	line-height:17px;
	text-decoration:none;
	
}
a.white:visited{ /* hyperlink visited state*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	line-height:17px;
	text-decoration:none;
}

a.white:hover{ /* hyperlink over state*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFCC;
	text-decoration: underline;
	line-height:17px;
}

a.whiteUS { /* hyperlink*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	line-height:14px;
	text-decoration:none;
	
}
a.whiteUS:visited{ /* hyperlink visited state*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	line-height:14px;
	text-decoration:none;
}

a.whiteUS:hover{ /* hyperlink over state*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFCC;
	text-decoration: underline;
	line-height:14px;
}

a.hue { /* hyperlink*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ff6600;
	line-height:15px;
	text-decoration:none;
}

a.hue:visited{ /* hyperlink visited state*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ff6600;
	line-height:15px;
	text-decoration:none;
}

a.hue:hover{ /* hyperlink over state*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ff3300;
	text-decoration:underline;
	line-height:15px;
}

a.blue { /* hyperlink*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003399;
	line-height:15px;
	text-decoration: none;
}

a.blue:visited{ /* hyperlink visited state*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003399;
	line-height:15px;
	text-decoration:none;
}

a.blue:hover{ /* hyperlink over state*/
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3399ff;
	text-decoration:underline;
	line-height:15px;
}

