body { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; background:url(../img/bg.jpg) repeat-x top; }
img {border:none;}
h1 {font-size:18px; color:#f55158;}
.style1 {color: #F55158;font-weight: bold;}
.style2 {font-size: 14px; font-weight: bold; color: #F55158;}
#wrapper {background:url(../img/bk.png) center repeat-y; margin:0 auto; width:1010px; overflow:hidden}

.content {width:990px; margin:0 auto; padding:10px 10px 0 10px; }

/* Header */
.header { width:990px; height:126px; margin:0 auto; background:url(../img/header-bk.jpg) repeat-x top;}
.header .logo { float:left; padding:0;}
.header .social-wrap { float:right; width:305px; height:126px;}
.header .social-wrap .buttons { clear:both; width:305px; margin-top:9px; text-align:right}
.header .social-wrap .buttons  a {margin:10px 6px 10px 0;}
.header .social-wrap .search { clear:both; background:url(../img/search_bg.jpg) center repeat-x; padding:11px; margin:25px 0;}
.header .social-wrap .search .input { width:200px; color:#f84e54;}
.header .social-wrap .search .submit { font-size:12px; color:#fff; font-weight:bold; border:none; background:url(../img/arrow-search.jpg) right no-repeat; cursor:pointer;}


/* NAVIGATION*/
.nav {width:970px; margin-left:5px; font-size:13px; margin-top:4px; position:relative;}
.nav ul	{ list-style: none;  margin:0; padding:0; }

/* LEVEL ONE*/
.nav ul.dropdown li  {  float: left; font-size:11px;}
.nav ul.dropdown a:hover  { color:#fff; }
.nav ul.dropdown a:active { color:#ffa500; }
.nav ul.dropdown li a { display:block; padding:11px 12px 11px; color: #fff; text-decoration:none}
.nav ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
.nav ul.dropdown li:hover { color: #fff; position: relative; background-color:#f0454d; margin:0; padding:0; }
.nav ul.dropdown li.hover a { color: #fff;  }

/*LEVEL TWO*/
.nav ul.dropdown ul { width: 280px; visibility: hidden; position: absolute; top: 100%; left: 0; }
.nav ul.dropdown ul li { font-weight: normal; background: #ff8000; color: #000; font-weight:bold; border-bottom: 1px solid #ccc; width:250px;}
									  
/* IE 6 & 7 Needs Inline Block */
.nav ul.dropdown ul li a{ border-right: none; width: 100%; display: inline-block; margin-bottom:0;} 

/*LEVEL THREE*/
.nav ul.dropdown ul ul { left: 100%; top: 0; }
.nav ul.dropdown li:hover > ul{ visibility: visible; }

.upcoming-ralliesbg {float:left; width:990px; background:url(../img/upcoming/up-bg.jpg) center no-repeat!important; height:250px; margin-top:30px; margin-left:20px;}
.upcoming-rallies {float:left; width:990px; margin-left:23px; margin-top:45px; }
.upcoming-ralliesl li {width:150px; margin-top:20px; margin-bottom:10px;  margin-right:80px; float:left;  text-align:center; font-size:11px; color:#666; list-style-type:none;}
.upcoming-ralliesl  li a { display:block; width:150px;  height:112px; text-align:center;  text-decoration:none; }
.upcoming-ralliesl  li a span { display:block; text-align:center; padding-top:115px; color:#000; text-decoration:none; width:150px; }
.upcoming-ralliesl  li a:hover span {color:#f55158;}

.content2 {float:left; padding:25px 15px; font-size:12px; line-height:22px; width:640px; margin-left:27px;}
.content2 a {color:#f55158;}
.content2 h2 {font-size:14px; color:#f55158; margin-bottom:0; padding-bottom:0;}
.content2 .map {border:4px solid #ff9900;}
.content2 label { display:block; margin: 0px 5px 1px 0px; float:left; text-align:left; width:120px;}
.content2 input[type=text], .content2 textarea, select{ width: 220px; border: 1px solid #eab71d; float:left;  }
.content2 .submit-btn { margin:20px 0 0 15px;  }


.profile label { display:block; margin: 0px 5px 1px 0px; float:left; text-align:left; width:400px;}
.profile input[type=text], .content2 textarea, select{ width: 220px; border: 1px solid #eab71d; float:left;  }
.profile .submit-btn { margin:20px 0 0 15px;  }

.content2 .buttons {width:680px;}
.content2 .buttons .previous {float:left}
.content2 .buttons .next {float:right; text-align:right; margin-left:40px;}

.content2right {float:right; width:210px; margin-right:35px; margin-top:40px;}
.content2right a {color:#F55158;}
.content2right h1 {color:#F55158; font-size:16px; font-weight:bold; margin-bottom:5px; margin-top:25px;}
.content2right h2 {color:#F55158; font-size:14px; font-weight:bold;}
.content2right p {font-size:12px; margin-top:0;} 


.gallery { list-style:none; margin:0; padding:0; }
.gallery li { float:left; margin:0.6em; background:#f2f2f2; padding:5px; width:100px; height:72px; }
.gallery li img { border:2px #d9d9d9 solid; }
.gallery li a  { text-decoration:none; display:block; width:100px; height:70px; background-position:center !important; }
.gallery li a:hover {border:6px #ff9900 solid; margin-left:-5px; margin-top:-5px;}
.gallery li a span { display:block; color:#292828; font-weight:bold; text-align:left; padding:2px; font-size:13px; }

.signup {width:198px; height:150px; background:url(../img/sign-up.jpg) center no-repeat; margin-top:30px; }
.signup .search {  padding-top:50px; padding-left:10px; }
.signup .search .input { width:150px; color:#f84e54; margin:10px 0 5px 10px;}
.signup .search .submit { font-size:12px; color:#fff; font-weight:bold; border:none; background:url(../img/arrow-search.jg) right no-repeat; float:right; margin-right:20px; margin-top:0px; cursor:pointer;}

.login { width:164px; height:165px; background:url(../img/login-bk.jpg) no-repeat; padding:5px 19px 10px; margin-bottom:15px;}
.login h3 { font-size:16px; font-weight:bold; color:#333; margin-top:0; margin-bottom:5px;}
.login label { font-size:11px; font-weight:bold; color:#fff; clear:both; padding:0; margin:20px 0 0;}
.login .input { width:158px;}
.login .login-btn { background:url(../img/login-btn.png) no-repeat; width:140px; height:33px; border:none; cursor:pointer; margin:10px 0 0 12px; font-size:14px; font-weight:bold;}
.login a { font-size:10px; color:#333; text-decoration:none; margin-left:40px;}
.login a:hover { text-decoration:underline;}

/*FOOTER*/
.footer {height:50px; width:1000px; background:url(../img/footer.jpg) top no-repeat; font-size:11px; margin:0 auto;}
.footer .left{float:left; margin-left:5px; color:#f55158; margin-top:25px}
.footer .right {float:right; margin-right:1px;}
.footer .right a {color:#666; text-decoration:none;}
.footer .right li {float:left; list-style:none; margin-right:10px; margin-top:15px}
.footer .right li a:hover {color:#f55158;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

