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

body{
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

#holder{
	width:940px;
	margin:0 auto;
}

#logo{
	width:345px;
	height:189px;
	float:left;
	background-repeat:no-repeat;
}
#logo a{
	display:block;
	height:100%;
	width:100%;
}

.sm #logo{
	background-image:url(../assets/images/logo-sm.jpg);
	width:445px;
}

.bi #logo{
	background-image:url(../assets/images/logo-bi.jpg);
}

.li #logo{
	background-image:url(../assets/images/logo-li.jpg);
}


#imagehead{
	background-position:right;
	float:left;
	width:595px;
	background-repeat:no-repeat;
	height:189px;
}

.sm #imagehead{
	background-image:url(../assets/images/headerright-sm.jpg);
	width:495px;
}
.bi #imagehead{
	background-image:url(../assets/images/headerright-bi.jpg);
}
.li #imagehead{
	background-image:url(../assets/images/headerright-li.jpg);
}



#header{
	padding-bottom:10px;
}

#menu{
	height:46px;
	padding-bottom:10px;
}

#menu div{
	height:46px;
	float:left;
	background-image:url(../assets/images/menu-bg.jpg)
}

#menu #left{
	width:14px;
	background-image:url(../assets/images/menu-left.jpg)	
}

#menu #right{
	width:14px;	
	background-image:url(../assets/images/menu-right.jpg)	
}

#menu #middle ul li a{
	display:block;
	float:left;
	text-decoration:none;
	color:#666666;
	padding:0 8px;
	background-image:url(../assets/images/divide.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

#menu #middle ul li a.last{
	background-image:none;
}


#menu #middle ul li{
	display:inline;
}

#menu #middle {
	padding:0 40px;
	width:832px;
}

#main #leftmain{
	float:left;
	width:280px;
	padding-right:10px;
}

#main #rightmain{
	float:right;
	width:650px;
}

#welcome{
	color:#FFFFFF;
	padding:15px;
	border:solid white 1px;
}

#welcome h2{
	font-size:30px;
}

#welcome p{
	font-size:13px;
	line-height:15px;
	margin:5px 0;
}

#register{
	color:#FFFFFF;
	padding:15px 12px;
	background-image:url(../assets/images/news-bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

.sm #register{
	border:solid #164992 1px;
}
.bi #register{
	border:solid #620b0b 1px;
}
.li #register{
	border:solid #626262 1px;
}

#register h2{
	font-size:30px;
}

#register p{
	margin:5px 0;

}


#register form input#Name22_138{
	background-color:#000000;
	background-image:url(../assets/images/form-bg.jpg);
	background-repeat:no-repeat;
	border:0 none;
	color:#FFFFFF;
	font-size:16px;
	height:24px;
	padding-left:10px;
	padding-right:10px;
	width:227px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:10px;
}

#register form input#autoout_primary_Email22_276,
#register form input#Email22_276{
	background-color:#000000;
	background-image:url(../assets/images/form-bg2.jpg);
	background-repeat:no-repeat;
	border:0 none;
	color:#FFFFFF;
	font-size:16px;
	height:24px;
	padding-left:10px;
	padding-right:10px;
	width:179px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:8px;
}
#register form input#go{
	width:36px;
	height:28px;
	border:0;
	background-color:#d1001a;
	color:#FFFFFF;
	margin-left:6px;
}

#sidenews{
	background-color:#151515;
	color:#FFFFFF;
	margin-top:15px;
	padding-bottom:0;
}

#sidenews h2{
	font-size:30px;
}

#sidenews li{
	border-bottom:#000000 1px solid;
	padding:10px 15px;
	font-size:14px;
}

#sidenews li a{
	color:#d1001a;
}

#holderimage{
	text-align:center;
}


.sm #rightmain #rightlist img, .sm #holderimage img, .sm #register{
	border:#164992 1px solid;
}
.li #rightmain #rightlist img, .li #holderimage img, .li #register{
	border:#626262 1px solid;
}
.bi #rightmain #rightlist img, .bi #holderimage img, .bi #register{
	border:#620b0b 1px solid;
}

#footer{
	float:right;
	height:46px;
	margin-top:80px;
}
#footer div{
	float:left;
}
#footerleft{
	background-image:url(../assets/images/menu-left-foot.jpg);
	width:10px;
	height:100%;
}
#footerright{
	background-image:url(../assets/images/menu-right-foot.jpg);
	width:10px;
	height:100%;
}


#footer #footermiddle ul li a{
	display:block;
	float:left;
	line-height:24px;
	text-decoration:none;
	color:#6c6c6c;
	padding:0 5px;
	background-repeat:no-repeat;
	background-position:right;
	font-size:12px;
	background-image:url(../assets/images/menu-middle-foot.jpg);
	background-repeat:repeat-x;
}

#footer #footermiddle ul li a.last{
	background-image:none;
}
#footer #footermiddle ul{
	padding:4px 0;
}
#footer #footermiddle ul li{
	display:inline;
}

#footer #footermiddle {
	background-image:url(../assets/images/menu-middle-foot.jpg);
	color:#666666;
	font-size:13px;
	padding:0 5px;
	text-align:right;
	line-height:2;
}
#footer div {
	float:left;
	height:34px;
}

#wheelpower{
	padding:10px 0;
}



/**********  content styles  **********/

#rightlist #content{
	color:#FFFFFF;
	border-bottom:1px #666666 solid;
	padding-top:5px;
	font-size:16px;
	width:610px
}
#rightlist #content a{
	color:#d31422;
}
#rightlist #content li{
	list-style-image:url(../assets/images/bullet.jpg);
	list-style-position:outside;
	margin-left:15px;
	padding:2px 0;
}


#rightlist #content li li {
	margin-left:20px;
	list-style-image:none;
	list-style-type:disc;

}
/***
#rightlist #content li{
	padding:15px 20px;
}
#rightlist #content li a{
	text-decoration:none;
	color:#D31422;
}
#rightlist #content li a:hover{
	color:#FFFFFF;
}
****/

#rightlist #content h1{
	color:#d31422;
	border-bottom:1px #666666 solid;
	padding:10px 20px;
	font-size:24px;
	letter-spacing:1px;
	margin:0 -20px 10px;

}

#rightlist #content h2{
	color:#d31422;
	font-size:20px;
	letter-spacing:1px;
	padding:10px 0;

}

#rightlist #content h2 a{
	color:white;
}
#rightlist #content p{
	margin-bottom:20px;
}

#rightlist #content{
	padding:0 20px;
	padding-bottom:15px;
}



#sidenav {
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	
}
#sidenav ul {
	margin:0;
	padding:0;
	width:280px;
}
#sidenav li {
	border-top:1px solid #3b3b3b;
	list-style-image:none !important;
	list-style-type:none !important;
	margin:0;
	padding:0;
	text-indent:10px;
	vertical-align:middle;
}
#sidenav li > a.last{
border-bottom:1px solid #3b3b3b;

}

#sidenav li a {
	display:block;
	height:30px;
	line-height:30px;
	text-decoration:none;
	color:#D31422;
	background-image:url(../assets/images/arrow.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
#sidenav li a:hover {
	background-color:#a9101c;
	color:#FFFFFF;
	background-image:url(../assets/images/arrow_hov.jpg);
	background-position:right;
	background-repeat:no-repeat;
}



#rightlist img{
	margin-right:12px;
	margin-top:10px;
}	

#rightlist #leftimages{
	float:left;
	width:50%;
	
}

#rightlist #rightimages{
	float:right;
	width:50%;
}

#rightlist #leftimages img{
	float:left;
}
#rightlist #rightimages img{
	float:right;
	margin-right:0;

}


#content div li{
	list-style-image:none!important;
	list-style-position:inside!important;
	padding-top:18px!important;
}

#content div h5 a{
	color:#D31422;
}



#middle {position:relative; z-index:100;font-family:arial, sans-serif;
	height: 46px;
	background-image: url(../assets/images/nav-bg.jpg);
	text-align: center;	
	background-repeat:repeat-x;
	
	


}



/* hack to correct IE5.5 faulty box model */
* html #middle {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
#middle ul {padding:0;margin:0;list-style-type:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:900px;
	padding-left:0px;
	padding-top:0;
	padding-bottom:0;
}
#middle li a {
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:15px;
	height:46px;
	line-height:44px;
	padding:0 7px;
	text-decoration:none;	
}

#middle li a:hover, #middle li a.selected {
	background-image:url(../assets/images/nav-bg-select.jpg);
	/*text-decoration:underline;*/
	text-decoration:none;
	color:#FFFFFF;
}

#middle ul ul li{
	text-align:left;
	background-color:#c9c9c9;
}


#middle ul ul {padding-left:0px;  }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#middle li {float:left;position:relative; list-style-image:none;list-style-type:none;margin:0 0 0 0px;padding:0px 0;vertical-align:middle;display:inline;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#middle ul ul {
	visibility:hidden;
	position:absolute;
	height:0;top:46px;
	left:0;
	width:125px;
	/*background-image:url(../assets/images/bg-menu.jpg);*/
	background-position:bottom;
	background-repeat:repeat-x;
	display:table;
	background-color:#c9c9c9;
	border-bottom:1px white solid;
}
	


#middle ul ul li.first{ /*border:none;*/ border-top:#FFFFFF solid 1px;}
#menu #middle ul ul li{
	display:table;
}
#menu #middle ul ul li a{
	padding:10px;
	line-height:15px;
	background-image:none;
}
/* another hack for IE5.5 */
* html #middle ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
#middle ul ul ul{left:149px; top:-1px; ;}

/* position the third level flyout menu for a left flyout */
#middle ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#middle table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#middle ul ul a, #middle ul ul a:visited {/*background-color:#c9c9c9;*/ height:auto; line-height:1em; padding:6px 10px; width:128px; font-size:13px;
}
/* yet another hack for IE5.5 */
* html #middle ul ul a, * html #middle ul ul a:visited {width:125px;w\idth:128px;}

/* style the top level hover */
#middle :hover > a, #middle ul ul :hover > a {}

/* make the second level visible when hover on first level list OR link */
#middle ul li:hover ul,
#middle ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#middle ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#middle ul :hover ul :hover ul{ visibility:visible;}


#bottomimages{
	text-align:center;
	width:100%;
}

#content legend {
	color:#D31422;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
}

#content label {
	display:block;
	float:left;
	width:230px;
	padding-right:10px;
	text-transform:capitalize;
}

#content fieldset input, #content fieldset textarea {
	border:1px solid #CCCCCC;
	font-family:Helvetica,Verdana,Arial,sans-serif;
	margin-bottom:20px;
	padding:3px;
	width:50%;
}
#content fieldset select {
	margin-bottom:20px;
	width:50% !important;
}
#content fieldset .customcheckbox {
	border:medium none;
	margin:10px 250px 20px 0;
	padding:0;
	width:auto;
}


#content div#gallery_holder{
	padding-left:0;
}

h5{
	padding-top:15px;
}
#welcome h3{
	color:#DC5448;
	font-size:31px;
}


/* Count Down */

#countdownContent {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	margin: 0px 0px 20px 0;
	padding: 0px 0px 10px 0px;
	font-size: 11px;
	background-color: #000000;
	color: #ffffff;
	border:1px solid #626262;
}
#countdownContent h2 {
	text-align: center;
	background-color: #151515;
	color: #FFFFFF;
	display: block;
	padding: 5px;
	font-size:15px;
	margin-bottom: 5px;
}
#countdownContent h3 {
	font-size: 14px;
	padding-bottom: 5px;
	text-align: center;
	color: #FFFFFF;
}
#countdownContent .timer {
	width: 285px;
	float: left;
	text-align: center;
	font-weight: normal;
	margin-left:20px;
}
#countdownContent .timer b {
	font-weight: normal;
}



#countdownContent #cntdwn div.colon {
	background:transparent none repeat scroll 0 0;
	float:left;
	margin:0 1px;
	padding:0;
}
#countdownContent #cntdwn div {
	background-color:#D1001A;
	float:left;
	font-size:28px;
	padding:0 4px;
}
	#countdownContent #cntdwn {
	display:block;
	margin:0 auto;
	width:260px;
}
	#countdownContent #cntdwn2 div.colon {
	background:transparent none repeat scroll 0 0;
	float:left;
	margin:0 1px;
	padding:0;
}
	#countdownContent #cntdwn2 div {
	background-color:#D1001A;
	float:left;
	font-size:28px;
	padding:0 4px;
}
	#countdownContent #cntdwn2 {
	display:block;
	margin:0 auto;
	width:260px;
}