onhtml{background-color: #000;}
body{margin:0;padding:0;background-color: #000; color: #CCC; font-family: arial,helvetica,sans-serif; font-size: 12px; color: #CCC; text-align:center; }
#container{background-image:url(/images/topnav_bg_left.gif); background-position:-748px 100px; background-repeat:no-repeat;}
#smalltext{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #aaaaaa; text-align: center;}
a{cursor:pointer; text-decoration:none; font-weight:800;}
a:link {  color: #B51E3B }
a:hover { color: #ffffff }
a:visited {  color: #FFFFFF}
   
form{padding:0px; margin:0px;}
   
button{cursor:pointer;}
button.gradient{background-color:Transparent; border:none;   padding:0px;color:#fff;  background-repeat:repeat-x;  font-size:11px; font-weight:800; position:relative;display:inline; height:28px;  outline:none; left:-3px;}
button.gradient span{display:block; height:28px; margin:0; padding:0;font-family:Arial, Helvetica, sans-serif; position:relative; float:left;}
button.gradient span.left, button.gradient span.right{width:10px; overflow:hidden; height:28px; left:0;  }
button.gradient span.text{padding:0 10px;white-space:nowrap; line-height:28px; _font-weight:800;}
button.gradient span img{}
button.red span.text{background-image:url(/images/btn_bg_red.png);}
button.blue span.text{background-image:url(/images/btn_bg_blue.png); color:#000;}
.signin-button,.button{height: 28px; background: url(/images/btn_right_blueOnRed.jpg) 100% 0 no-repeat; padding: 0 10px 0 0; margin: 0;}
.signin-button a,.button a{display:block; white-space: nowrap; height: 22px; padding: 6px 7px 0 17px; background: url(/images/btn_left_blue2OnRed.jpg) 0 0 no-repeat; text-align: center; color: #006 !important;}
.signin-button-small{float: left; margin-right: 10px;}
.signin-button-med{margin-right: 10px; float:left}
.logged .signin-button-small{margin-right: 10px; float:right}
.getstarted .signin-button{background-image: url(/images/btn_right_redOnBlue.jpg) !important;}
.getstarted .signin-button a{color: #fff !important; background-image: url(/images/btn_left_redOnBlue.jpg) !important;}
#flashtitle {width: 100%; margin: 0 auto 0px auto; min-width: 850px; width: expression(document.body.clientWidth < 852? "850px" : document.body.clientWidth > 852? "100%" : "100%"); height:100px;}
#topNav{height:30px; margin:0 auto 9px auto; background-image:url(/images/topnav_bg.gif); width:951px; background-position:-1px 0; background-repeat: no-repeat;}
#topNav .welcome{float:right; font-size:11px; color:#47505c; font-weight:800; padding:5px 3px 11px 0 !important; font-size: 10px;}
#topNav .home{padding: 8px 8px 0 0 !important;}
#topNav ul, #topNav ul li{display:inline;}
#topNav .navLink{display:block; float:left; height:14px; padding:8px 0; text-align:center; text-decoration:none; color:#000; font-weight:800; font-size:11px; background-image:url(/images/topnav_bg.gif);background-repeat:no-repeat;}

#topNav .learn{width:133px; background-position:0 0; }
#topNav .do{width:133px; background-position:-133px 0; }
#topNav .join{width:138px; background-position:-266px 0; }  
#topNav .partners{width:105px; background-position:-404px 0;}
#topNav .support {width:96px; background-position:-509px 0;}

#topNav .active .learn, #topNav .learn:hover{color:#fff; background-position:0 -30px;}
#topNav .active .do, #topNav .do:hover{color:#fff; background-position:-133px -30px; }
#topNav .active .join, #topNav .join:hover{color:#fff; background-position:-266px -30px;}
#topNav .active .partners, #topNav .partners:hover{color:#fff; background-position:-404px -30px;}
#topNav .active .support, #topNav .support:hover{color:#fff; background-position:-509px -30px;}

#mainTop{height:182px; margin:9px auto 8px auto; width:951px;text-align:left;}
#mainTop .section{float:left; }    
#mainTop .middle{width:201px !important; height:176px !important; width:207px; height:182px; background-image:url(/images/mainTopMidBG.jpg); margin-right:5px; padding:3px;}
#mainTop .middle .content{padding:5px; height:166px !important; height:176px; overflow:hidden; background-color:#fff;}
#mainTop .middle h3{margin:0 0 5px 0; padding:0; font-size:12px; color:#000;line-height:1em; }
#mainTop .middle h3 strong{ }
#mainTop .middle a.more{display:block;  color:#b51e3b; font-weight:800; text-decoration:none; margin-top:2px;}
    
/**** LOGIN SECTION *******/    
#mainTop div.right{width:286px; height:182px; background-image:url(/images/mainTopRightBG.jpg); margin-right:0px; color:#fff; overflow:hidden;}
#mainTop div.right .page{ visibility:hidden;}
#mainTop div.right div.wrap{padding:8px 12px;}
#mainTop div.right h4{ margin:0 0 2px 0; padding:0; font-size:12px; clear:left;}
#mainTop div.right label{display:block; clear:left; text-align:right; width: 60px;float:left; margin:5px 5px 0px 0;}
#mainTop div.right input.text{display:block; float:left; width:180px; font-size:11px; padding:2px 3px; border:none;margin:5px 0px 0px 5px; background-image:url(/images/form_input_bg.gif); background-repeat:repeat-x; background-position:top;}
#mainTop div.right input.inline{display:inline;}
#mainTop div.right label.after{display:inline; clear:none; float:none; width:auto; text-align:left;}
#mainTop div.right div.padleft{padding-left:65px; clear:left; position:relative;}
#mainTop div.right a{color:#bad3f1; font-size:11px; text-decoration:none;}
#mainTop .afterbutton{display:block; padding:8px 0; float:left;}
#mainTop div.right .logged{ text-align:center; position:relative;}
#mainTop div.right .logged table{margin: 0 auto;text-align:left; position:relative; top:40px;}
#mainTop div.right .logged td{font-size:14px; color:#fff; font-weight:800; text-align:center;}
#mainTop div.right .logged td button{position:static; margin-left:10px; margin-top:4px;}
#mainTop div.right .logged td.left{color:#bbd4f3; font-size:11px;text-align:left; padding-left:15px;}
#mainTop div.right .logged td.right{color:#bbd4f3;font-size:11px;text-align:right; padding-right:15px;}
/************ BOTTOM ********/
#mainBottom{height:413px; margin:8px auto 11px auto; width:951px;text-align:left;}
#mainBottom .section{float:left; }
/************ MAIN WELCOME *******/
#mainBottom div.left{width:660px; height:413px; background-image:url(/images/mainBottomLeftBG.jpg); margin-right:5px;position:relative;}
#welcomeVid{position:absolute; top:0; left:0; width:390px; height:340px;}
#welcomeBox{position:absolute; top:10px; left:395px; width:260px; height:270px; color:#383939; font-size:12px;}
#welcomeBox .getstarted{position:absolute; right:-8px; top:-6px;  height:30px; overflow:hidden; text-align:right;}
#welcomeBox .getstarted button.gradient{ float:right;}
#welcomeBox .page {display:none; padding-top:36px; line-height:1.2em;}
#welcomeBox .w0 {display: block;}
#welcomeBox .page h3{color:#b51e3b; font-size:18px;padding:0px; margin:0 0 8px 0; line-height:1em;}
#welcomeBox .page h4, #welcomeBox .page a{color:#b51e3b; font-size:12px;padding:0px; margin:8px 0 2px 0;display:block; font-weight:800; text-decoration:none;}
#welcomeBox .page p{margin:2px 0 4px 0;}
#welcomeTestimonial{position:absolute; top:332px; left:5px; color:#e6e7e8; text-align:right; width:646px;}
#welcomeTestimonial img.thumb{float:right; margin-left:10px;}
#welcomeTestimonial span.comment{ font-size:14px; color:#899cb2; font-weight: bold; padding-top:20px; display:block;}
#welcomeTestimonial span.name{display:block; margin-top:.2em;}
#welcomeTestimonial .page{display:none;}
/********************* COMMUNITY SECTION ******/
#mainBottom div.right{width:286px; height:413px; background-image:url(/images/mainBottomRightBG.jpg); margin-right:0px; overflow:hidden;}
#mainBottom div.right h3{ color:#47505c; font-size:14px; padding:0 12px 10px 12px; margin:0; position:relative; display:block;}
#mainBottom div.right h3 a{display:block; position:relative; float:right; font-size:11px;color:#b51e3b;  text-decoration:none; font-weight:800;padding-top:2px;}
#mainBottom div.right h4, #mainBottom div.right h4 a{margin:0; padding:0; color:#b51e3b; font-size:12px; text-decoration:none;}
#mainBottom div.right p{margin:0 0 6px 0; font-size:12px;}
#mainBottom div.right div.entry{ padding:0; margin:0 12px; color:#000; clear:left; width:262px; overflow:hidden;}
#mainBottom div.right div.entry div.xg_module_body{height:34px; overflow:hidden; margin-top:6px; clear:left;}
#mainBottom div.right div.hr{margin:10px; padding:0; height:1px; width:265px;  border:none; border-bottom:1px #fff solid; overflow:hidden; display:block; line-height:1px;  clear:left;}
#mainBottom div.right a, #mainBottom div.right a:link{color:#b51e3b}
#mainBottom div.right a img.thumb{border:1px #000 solid;}
#mainBottom div.right img.thumb{float:left; margin-right:5px;}
#mainBottom div.right div.xg_module_body span{ height:2.4em; line-height:1.2em; overflow:hidden; display:block;}
#mainBottom div.right div.xg_module_body span.xg_avatar{height:auto; overflow:visible; display:inline;}
/********************* BOTTOM NAV ******/
#bottomNav{border-top:1px #87939a solid; color:#bad3f2; font-size:10px;width:951px; margin:0 auto; height:30px; text-align:left;}
#bottomNav p{text-align:left;}
#bottomNav #smalltext{text-align:center;}
#bottomNav a{ color:#bad3f2;  text-decoration:none; margin:0 5px;}
/******************** TOP LEFT FEATURES ***************/
#featureSection{height:182px;margin-right:3px;overflow:hidden;width:449px;}
/*#featureSection{width:444px !important; height:176px !important;width:450px; height:182px ; background-image:url(/images/mainTopLeftBG.jpg); margin-right:3px; padding:3px; line-height:1.4em; overflow:hidden; color:#000;}*/
/*#featureSection .content{height:176px; overflow:hidden; visibility:hidden;}*/
#featureSection h3{margin:0 0 4px 0; padding:0; font-size:22px; color:#b51e3b;line-height:1em;  font-weight:800;}
#featureSection h4{margin:0 0 2px 0; padding:0; color:#899cb3; font-size:16x;}
#featureSection p{color:#000000; margin:2px 0px; font-size:11px;line-height:1.4em;}
#featureSection a.more{display:block;  color:#b51e3b; font-weight:800; text-decoration:none; font-size:11px; margin-top:2px;}
#featureSection a.more:hover{text-decoration:underline;}
#featureSection img{border: 0;}
#featureSection div table{border-collapse:collapse;padding:0; margin:0;}
#featureSection div table td{vertical-align:middle; padding:0 6px 0 0;}
#featureSection div.image-left{}
#tmpSlideshow{position: relative; height: 182px; width: 449px; background: #000 url(/images/bg.png) no-repeat; overflow: hidden;}
img.slideshowSpacer {width: 444px; height: 150px; border: 0px; position: absolute; left: 0; top: 0;}
#tmpSlideshow .tmpSlide {display: none; height: 182px; width: 449px;}
#tmpSlideshow .content{height: 182px !important; width: 449px !important; padding-eft:background-repeat: no-repeat !important;}
.oneRotatingItem .content{height: 152px !important; width: 269px !important; padding-left: 180px; padding-top: 30px; background-repeat: no-repeat !important; position: relative;}    
.oneRotatingItem .image-whole{padding-left: 0px !important; padding-top: 0px !important;}
/*Commented out 11/9/2009, as not compatable with new promos*/
/*#tmpSlideshow #tmpSlide-2 .content{background-position: 2px 2px !important;}
#tmpSlideshow #tmpSlide-3 .content{background-position: 2px 2px !important;}
*/
#tmpSlideshow .image-left{padding-left: 160px !important; padding-top: 40px !important; width: 446px !important; height: 179px !important; margin: 1px 0 0 1px;}
#tmpSlideshow .image-left table{width: 280px;}    
#tmpSlideshow #tmpSlideshowControls {position: absolute; bottom: -6px; right: -6px; width: 80px;}
#tmpSlideshow .tmpSlideshowControl {float: left; margin: 0 5px 0 0; background-repeat: no-repeat; background-position: 1px 0; width: 19px; height: 19px; color: #554d31; font: 14px Arial, sans-serif; text-align: center; cursor: pointer; text-indent: -9999em;}
#tmpSlideshow #tmpSlideshowControl-1{background-image: url(/images/btn-1.png)}
#tmpSlideshow #tmpSlideshowControl-2{background-image: url(/images/btn-2.png)}
#tmpSlideshow #tmpSlideshowControl-3{background-image: url(/images/btn-3.png)}    
#tmpSlideshow .tmpSlideshowControl span {line-height: 36px !important; vertical-align: middle !important;}    
#tmpSlideshow .tmpSlideshowControlOn#tmpSlideshowControl-1{background-image: url(/images/btn-1.png)}
#tmpSlideshow .tmpSlideshowControlActive#tmpSlideshowControl-1{background-image: url(/images/btn-1-over.png)}
#tmpSlideshow .tmpSlideshowControlOn#tmpSlideshowControl-2{background-image: url(/images/btn-2.png)}
#tmpSlideshow .tmpSlideshowControlActive#tmpSlideshowControl-2{background-image: url(/images/btn-2-over.png)}
#tmpSlideshow .tmpSlideshowControlOn#tmpSlideshowControl-3{background-image: url(/images/btn-3.png)}
#tmpSlideshow .tmpSlideshowControlActive#tmpSlideshowControl-3{background-image: url(/images/btn-3-over.png)}    
#tmpSlideshow #tmpSlideshow h4 {color: #b90f23; text-transform: uppercase; font: 14px Arial, sans-serif; margin: 10px 0;}
#tmpSlideshow .tmpSlideCopy p {font: 11px Arial, sans-serif !important; line-height: 1.75em !important;}    
#tmpSlideshow .bio {float: left !important;}
#tmpSlideshow .bio small {display: block !important; font-size: 0.8em !important;}


#tmp2Slideshow{position: relative; height: 182px; width: 449px; background: #000 url(/images/bg.png) no-repeat; overflow: hidden;}
#tmp2Slideshow .tmpSlide {display: none; height: 182px; width: 449px;}
#tmp2Slideshow .content{height: 182px !important; width: 449px !important; padding-eft:background-repeat: no-repeat !important;}
#tmp2Slideshow .image-left{padding-left: 160px !important; padding-top: 40px !important; width: 446px !important; height: 179px !important; margin: 1px 0 0 1px;}
#tmp2Slideshow .image-left table{width: 280px;}    
#tmp2Slideshow #tmp2SlideshowControls {position: absolute; bottom: -6px; right: -6px; width: 80px;}
#tmp2Slideshow .tmp2SlideshowControl {float: left; margin: 0 5px 0 0; background-repeat: no-repeat; background-position: 1px 0; width: 19px; height: 19px; color: #554d31; font: 14px Arial, sans-serif; text-align: center; cursor: pointer; text-indent: -9999em;}
#tmp2Slideshow #tmp2SlideshowControl-1{background-image: url(/images/btn-1.png)}
#tmp2Slideshow #tmp2SlideshowControl-2{background-image: url(/images/btn-2.png)}
#tmp2Slideshow #tmp2SlideshowControl-3{background-image: url(/images/btn-3.png)}    
#tmp2Slideshow .tmp2SlideshowControl span {line-height: 36px !important; vertical-align: middle !important;}    
#tmp2Slideshow .tmp2SlideshowControlOn#tmp2SlideshowControl-1{background-image: url(/images/btn-1.png)}
#tmp2Slideshow .tmp2SlideshowControlActive#tmp2SlideshowControl-1{background-image: url(/images/btn-1-over.png)}
#tmp2Slideshow .tmp2SlideshowControlOn#tmp2SlideshowControl-2{background-image: url(/images/btn-2.png)}
#tmp2Slideshow .tmp2SlideshowControlActive#tmp2SlideshowControl-2{background-image: url(/images/btn-2-over.png)}
#tmp2Slideshow .tmp2SlideshowControlOn#tmp2SlideshowControl-3{background-image: url(/images/btn-3.png)}
#tmp2Slideshow .tmp2SlideshowControlActive#tmp2SlideshowControl-3{background-image: url(/images/btn-3-over.png)}    
#tmp2Slideshow #tmp2Slideshow h4 {color: #b90f23; text-transform: uppercase; font: 14px Arial, sans-serif; margin: 10px 0;}
#tmp2Slideshow .tmp2SlideCopy p {font: 11px Arial, sans-serif !important; line-height: 1.75em !important;}    
#tmp2Slideshow .bio {float: left !important;}
#tmp2Slideshow .bio small {display: block !important; font-size: 0.8em !important;}



.support #contentHolder {font-size: 1.2em;  color: #97999c;}
.support .module {margin-right: 12px; width: 286px; float: left; background:url(/images/boxbody.png) no-repeat scroll bottom left transparent;}
.support .module .boxContent {height: 260px; padding: 12px 20px 26px 20px; overflow: hidden;}
.support .module .boxContent a{color: #4471af;}
.support .module .boxContent p{clear: left;}
.support .module .boxContent p.altColor{color: #b50938;}
.support .module .boxContent p.singleButton{padding-top: 20px; width: 100%; text-align: center;}
.support .module .boxContent img {margin-right: 10px;}
.support .module .boxContent .badge {font-size: 0.7em; line-height: 1.6;}
.support .module .boxContent .badge img {float: left;}