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

 

/*===================================
	GLOBAL
===================================*/
@import "reset.css";

html {color:#000; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px;}
body {text-align: center; height: 100%; /* for older browsers */}

#main {background: url(../images/home_bkg.jpg) no-repeat center top;}
#sec {background: url(../images/inner_bkg.jpg) no-repeat center top;}
#main, #sec {margin: 0 auto; position: relative; width: 100%; text-align: left;}
.inside {margin: 0 auto; position: relative; width: 944px;}

#header, #promo, #breadcrumb, #content, #footer {position: relative;}

.note_container p, .main_column_wrapper li p, .block_nav li a, .login_form input, 
.trail, .trail a, .news_large h2, .promo_code_form input {font-family: Arial, Arial, Helvetica, sans-serif;}

.note_container p, .main_column_wrapper li p {color: #6a6a6a; font-size: 12px; line-height: 15px;}

.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}
.float_left {float: left;}
.float_right {float: right;}

/*===================================
	HEADER
===================================*/
#main #header .inside {background: url(../images/home_bkg.jpg) no-repeat center top;}
#sec #header .inside {background: url(../images/inner_bkg.jpg) no-repeat center top;}
#header, #header .inside {height:128px;}

.logo {width: 180px; height: 110px; position: absolute; left: 85px; top: 0;}
.logo a {width: 180px; height: 110px; display: block; overflow: hidden; text-indent: -99999px;}
.login {position: absolute; top: 0; right: 0; width: 450px; height: 59px; background: url(../images/login_bkg.png) no-repeat;}
.login_form {width: 450px; height: 59px; position: relative;}
.login_form input {width: 106px; height: 17px; padding: 6px 5px 0 5px; color: #fff; font-size: 11px; background: none; outline: none; border: none;}
.login_form .username {position: absolute; top: 13px; left: 153px;}
.login_form .password {position: absolute; top: 13px; left: 276px;}
.login_form button {position: absolute; top: 13px; left: 398px; background: none; outline: none; border: none; display: block; height: 30px; width: 40px; overflow: hidden; text-indent: -99999px; cursor: pointer;}

	/*----------------------------------
		NAVIGATION
	----------------------------------*/
	.navigation_container {position: absolute; bottom: 2px; right: 0; height: 54px;}
	.navigation_container li {display: inline-block; float: left; outline: none;}
	.navigation_container li a {font-weight:normal; color:#fff; text-transform: uppercase; font-size: 16px; display: block; padding-right: 18px; height: 56px; background: url(../images/navigation_items.png) no-repeat right top; outline: none;}
	.navigation_container li a span {cursor: pointer; display: block; padding: 16px 0 0 18px; height: 40px; background: url(../images/navigation_items.png) no-repeat left top;}
	.navigation_container li a:hover, .navigation_container li.selected a {text-decoration: none; font-weight: normal; background-position: right -100px;}
	.navigation_container li a:hover span, .navigation_container li.selected a span {background-position: left -168px;}
	
/*===================================
	PROMO
===================================*/
#main #promo .inside {background: url(../images/home_bkg.jpg) no-repeat center -128px;}
#promo, #promo .inside {height:351px;}
.note_container {position: absolute; top: 42px; left: 0; height: 263px; width: 353px; background: url(../images/promo_notes.png) no-repeat left top;}
.flash_container {position: absolute; top: 10px; right: 0;}
.promo1 {position: absolute; top: 20px; left: 95px; width: 240px; height: 88px;}
.promo2 {position: absolute; top: 154px; left: 95px; width: 240px; height: 88px;}
.promo1 img, .promo2 img {margin-bottom: 5px;}
.note_container p {padding-bottom: 5px;}

/*===================================
	BREADCRUMB
===================================*/
#breadcrumb .inside {background: url(../images/inner_bkg.jpg) no-repeat center -128px;}
#breadcrumb .inside {height: 111px;}

/*===================================
	CONTENT
===================================*/
#content, #content .inside {background: url(../images/content_repeat_bkg.jpg) repeat-y center top;}
#content .inside {padding-top: 25px;}
#main #content, #main #content .inside {min-height: 375px; height: auto !important; height: 375px;}
.main_content_wrapper {background: url(../images/content_bkg_top.png) no-repeat left top; padding-top: 12px; width: 944px; margin: 0 auto;}
.main_content {background: #fff url(../images/content_bkg.jpg) no-repeat left top; padding-top: 18px; padding-bottom: 16px;}
#main .main_content {min-height: 282px; height: auto !important; height: 282px;}
#sec .main_content, #sec ul.main_column_wrapper li.column_large {min-height: 480px; height: auto !important; height: 480px;}
.main_content_footer {width: 944px; height: 43px; margin: 0 auto;}
#main .main_content_footer {background: url(../images/content_bkg_footer2.png) no-repeat left -16px;}
#sec .main_content_footer {background: url(../images/content_bkg_footer.png) no-repeat left -16px;}
#main ul.main_column_wrapper {background: url(../images/content_tile.png) repeat-y left top; width: 944px;}
#sec ul.main_column_wrapper {background: url(../images/content_inner_tile.png) repeat-y left top; width: 944px;}
.main_column_wrapper li {float: left; width: 195px; padding: 0 20px;}
.main_column_wrapper li h2 {padding-bottom: 5px; min-height: 53px; height: auto !important; height: 53px;}
.main_column_wrapper li h3 {padding-bottom: 12px;}
.main_column_wrapper li p {padding-bottom: 10px;}
	
	.main_column_wrapper li p img.ad1 {padding:5px; background: url(/images/sponsor_bg.jpg) no-repeat left top}
.block_nav li {display: block; width: 100%; border-top: 1px solid #cbcbcc; padding: 1px 0;}
.block_nav li.last {border-bottom: 1px solid #cbcbcc;}
.block_nav li a {display: block; padding: 8px 5px; font-size: 12px; color: #cb0007; text-decoration: none;}
.block_nav li a:hover, .block_nav li.selected a {color: #fff; background: #cb0007;}
.column_large {width: 665px !important;}
.side_nav {padding-bottom: 28px;}
.logo_grid {width: 660px;}
.logo_grid li {width: 124px; height: 110px; float: left; padding: 0 10px 10px 0;}
.logo_grid li img {border: 1px solid #808080;}
.logo_grid li.last {padding: 0;}
.column_large p {padding-bottom: 15px !important;}
.trail {position: absolute; top: 43px; right: 0; color: #000; font-size: 12px; text-align: right;}
.trail a {color: #cb0007; font-size: 12px; text-decoration: none;}
.trail a:hover {text-decoration: underline;}
.page_title {position: absolute; left: 0; top: 26px;}
.page_title h1 {color: #000; font-size: 48px;}
.news_item_wrapper {padding-bottom: 20px;}
.news_item li {float: left; width: 148px; padding: 0 20px 0 0 !important;}
.news_item li img {border: 1px solid #808080;}
.news_item li.news_large {width: 496px !important; padding: 0 !important;}
.news_large h2 {color: #cb0007; font-size: 19px; font-weight: normal; min-height: inherit !important; height: inherit !important; line-height: 22px; text-transform: uppercase;}
.promo_code {border-top: 1px solid #b9b9ba; padding-top: 10px;}
.promo_code p {float: left; padding: 7px 5px 0 0;}
.promo_code_form {float: left;}
.promo_code_form input {float: left; margin-right: 5px; border: 1px solid #808080; background: #fff; outline: none; font-size: 12px; color: #9b9b9b; padding: 5px 5px 0 5px; height: 17px; width: 115px;}
.promo_code_form button {float: left; background: url(../images/button.jpg) no-repeat; width: 29px; height: 24px; cursor: pointer; display: block; overflow: hidden; text-indent: -99999px; outline: none; border: none;}

p.ad {background: url(../images/bg_ad.gif) no-repeat; padding:5px;}

/*===================================
	FOOTER
===================================*/
#footer, #footer .inside {height:156px; background: url(../images/footer_bkg.jpg) no-repeat center top;}
.footer_nav {position: absolute; top: 25px; right: 0;}
.footer_nav li {float: left; padding-right: 10px; margin-right: 9px; background: url(../images/footer_divider.jpg) no-repeat right top;}
.footer_nav li.last {padding-right: 0; margin-right: 0; background: none;}

.social_media {position: absolute; top: 25px; left: 0;}
.social_media li {float: left; padding-right: 10px;}




.clearer { clear: both; }
.sponsor_img_wrapper { float: left; height:190px; width:196px; background: url(/images/sponsor_bg.jpg) no-repeat left top; margin-right:10px; }
.sponsor_img { padding: 5px; }
.sponsor_text { float: left; width:455px; }