/* ======= GLOBALS ========= */
/* ========================= */
body{font:62.5%/1.4 Georgia, "Times New Roman", times, serif normal; text-align:center; background:#001122;}
p{font-size:1.3em; margin-bottom:0.5em; color:#666;}
hr{color:#c5d2da; background-color:#c5d2da; height:1px; border:none; clear:both;}
.mini{font-size:1.0em; margin:0;}

.clearfix:after{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix{display: inline-block;}
html[xmlns] .clearfix{display: block;}
* html .clearfix {height: 1%;}

/* ======== LINKS ========== */
/* ========================= */
a:link{text-decoration:none; color:#666; border-bottom:1px solid #666;}
a:hover{text-decoration:none; color:#0058aa; border-bottom:1px solid #0058aa;}
a:visited{text-decoration:none;}
a#donate{width:244px; height:41px; display:block; text-decoration:none; background:url(../build/donate.gif) 0 0 no-repeat;}
a:hover#donate{background-position:0 0; text-decoration:none; border:none;}
/* ======= WRAPPERS ======== */
/* ========================= */
#container{margin:0 auto; width:950px; padding:0; text-align:left; overflow:hidden; background:url(../build/container_bg.gif) 0 46px repeat-x #fff; clear:both;}
#fixpos{position:relative; z-index:0; clear:both;}
#narrator{position:absolute; margin:0; left:0; width:385px; height:258px; z-index:1; background:none; padding:0; overflow:hidden;} 
#training{margin:15px 0; text-align:center;}
#flashvideo{margin:0 auto; background-color:#000; width:512px; height:288px;}
#flashvideo p{text-align:center; color:#fff;
font-size:1.4em; padding:15px;}
#flashvideo p a{color:#06C; font-weight:bold; text-decoration:underline; border:none;}

#flashvideo2{margin:0 auto; background-color:#000; width:512px; height:288px; float:right; margin-left:20px; overflow:hidden;}
#flashvideo3{margin:0 auto;background-color:#000;width:320px;height:265px;overflow:hidden;}
#flashvideo2 p{text-align:center; color:#fff;
font-size:1.4em; padding:15px;}
#flashvideo2 p a{color:#06C; font-weight:bold; text-decoration:underline; border:none;}

#training{margin:0 auto; background-color:#000; width:512px; height:288px;}
#training p{text-align:center; color:#fff;
font-size:1.4em; padding:15px;}
#training p a{color:#06C; font-weight:bold; text-decoration:underline; border:none;}

/* ========= MAST ========== */
/* ========================= */
#mast{margin:0 auto; width:950px; height:258px; position:relative;}
#mast .banner{width:450px; height:258px; border-right:1px solid #fff; background:url(../build/banner-alt.gif) 0 0 no-repeat #a2d8c5;}
#mast .banner_alt{width:450px; height:258px; border-right:1px solid #fff; background:url(../build/banner-alt.gif) 0 0 no-repeat #a2d8c5;}
#mast img{float:right; margin:0; border:0; display:inline;}

/* ========== NAV ========== */
/* ========================= */
ul#nav{margin:0; width:950px; height:44px; padding:0; border-top:1px solid #fff; border-bottom:1px solid #fff; overflow:hidden;background:url(../build/boxbg.gif) 0 0 repeat-x;}
ul#nav li{margin:0; height:44px; padding:0 3px; display:inline; float:left;}
ul#nav li a{border:none;}
ul#nav li a:hover{background-position:0 -44px;}
ul#nav li .static{background-position:0 -44px;}

#home{display:block; margin-left:8px; width:58px; height:44px; background:url(../build/nav/home.gif) 0 0 no-repeat;}
#how{display:block; width:98px; height:44px; background:url(../build/nav/how.gif) 0 0 no-repeat;}
#what{display:block; width:201px; height:44px; background:url(../build/nav/what.gif) 0 0 no-repeat;}
#hunger{display:block; width:141px; height:44px; background:url(../build/nav/hunger.gif) 0 0 no-repeat;}
#dates{display:block; width:82px; height:44px; background:url(../build/nav/dates.gif) 0 0 no-repeat;}
#included{display:block; width:112px; height:44px; background:url(../build/nav/included.gif) 0 0 no-repeat;}
#tools{display:block; width:109px; height:44px; background:url(../build/nav/tools.gif) 0 0 no-repeat;}
#sign{display:block; width:65px; height:44px; background:url(../build/nav/sign.gif) 0 0 no-repeat;}

/* ========== NAV ========== */
/* ========================= */
.contents{width:890px; margin:25px 30px 0 30px;}
.contents_alt{width:890px; margin:5px 30px 0 30px;}
.contentpad{width:890px; margin:25px 30px 25px 30px; overflow:hidden;}

/* ========== LOGO ========= */
/* ========================= */
#logo{margin:0; float:left; height:166px; width:333px; background:url(../build/r&bactive-logo.gif) 0 0 no-repeat;}

/* ======= HEADERS ========= */
/* ========================= */
h1, h2, h3, h4, h5, h6{font-weight:normal; text-align:left; font-family:Georgia, "Times New Roman", times, serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{padding:0; background:transparent !important;}
h1 a:hover, h2 a:hover, h3 a:hover{text-decoration:none;} 
h1{line-height:1.1em; margin-top:0em; margin-bottom:0em; color:#0058aa;}
h2{line-height:1.1em; margin-top:0em; margin-bottom:0em;}
h3{line-height:1.1em; margin-top:0em; margin-bottom:0em;}
h4{line-height:1.1em; margin-top:0em; margin-bottom:0em;}
h1.icon, h2.icon, h3.icon{background-position:left bottom; background-repeat:no-repeat;}

/* ==== COLUMN STRUCT ====== */
/* ========================= */
.all3{width:100%; overflow:hidden; background:url(../build/grid.gif) 0 0 repeat-y;}
.column{padding:0; margin:0; display:inline; float:left; position:relative;}

/* ========= COL1 ========== */
/* ========================= */
.col1{width:278px; margin-right:26px;}
.col1 h1{font-size:2.2em; margin-bottom:0.8em;}
.col1 h2{font-size:1.8em; margin-bottom:0.8em;}
.col1 h3{font-size:1.8em; margin-bottom:0.6em;}

.signup{float:right; margin-top:0; width:100%; display:inline;}
.signup a{display:block; border:none; margin-bottom:6px; width:270px; height:40px; background:url(../build/signup_btn.gif) 0 0 no-repeat;}
.signup a:hover{background-position:0 -40px; text-decoration:none; border:none;}

/* ========= COL2 ========== */
/* ========================= */
.col2{width:278px; margin-right:26px;}
.col2 h1{font-size:2.2em; margin-bottom:0.8em;}
.col2 h2{font-size:1.8em; margin-bottom:0.8em;}
.col2 h3{font-size:1.8em; margin-bottom:0.6em;}
.col2 .polaroid{margin:0 0 2px 8px; padding:22px 0 0 17px; width:250px; height:190px; background:url(../build/polaroid.gif) 0 0 no-repeat;}
.col2 ul{list-style:square; margin:0; padding:0;}
.col2 ul li{margin:0 0 0 15px; line-height:1.6em; font-size:1.3em; color:#666;}

/* ========= COL3 ========== */
/* ========================= */
.col3{width:280px; margin:0;}
.col3 p{margin-bottom:1.8em;}
.col3 h1{font-size:2.2em; margin-bottom:0.8em;}
.col3 h2{font-size:1.8em; margin-bottom:0.8em;}
.col3 h3{font-size:1.8em; margin-bottom:0.6em;}
.floated{float:left; clear:none; margin:0 10px 0 0;}

/* ======= VIDEO Box ======= */
/* ========================= */
.dropbox{width:950px; margin:9px 0 0 0; padding:0; clear:both;}
.mascot{margin:0; display:block; height:77px; background:url(../build/speaker.jpg) bottom left no-repeat;}
.dropbox h1{font-size:2.2em; margin:0 0 0 30px; padding:15px 0 0 105px;}
.dropbox h1 a{font-size:0.8em;}

/* ======== COLWIDE ======== */
/* ========================= */
.colwide{width:890px; margin:0;}
.colwide h1{font-size:2.2em; margin-bottom:0.8em;}
.colwide h2{font-size:1.8em; margin-bottom:0.8em;}
.colwide h3{font-size:1.8em; margin-bottom:0.6em;}
/*.colwide ol{margin:0 0 15px 0; list-style:outside; width:450px; margin-left:15px; list-style-type: decimal;}
.colwide ol li{line-height:1.8em; font-size:1.2em;}*/

a.help{display:block; border:none; margin:6px 0 6px 0; width:400px; height:50px; background:url(../build/watch-out-video-button.gif) 0 0 no-repeat;}
a.help:hover{background-position:0 -50px; text-decoration:none; border:none;}

.colwide .help h2{font-size: 2.2em; color:#e8ba33; margin:0 0 0 20px; line-height:1.6em;}
.colwide ol.howto{margin:0 0 15px 0; list-style:outside; width:450px; margin-left:15px; list-style-type: decimal;}
.colwide ol.howto li{line-height:1.8em; font-size:1.2em;}

.colwide ol.help_list{margin:0 0 15px 0;list-style:outside;list-style-type: decimal;color:#0058aa;margin-left: 20px;}
.colwide ol.help_list li{margin: 0 0 10px 0;line-height:1.4em;font-size:1.4em;font-weight:bold;}

.h1link a {font-size:0.8em;}

.colwide ul{list-style:none; margin:0 0 15px 0; padding:0;}
.colwide ul li{margin:0; line-height:1.6em; font-size:1.3em; color:#666;}
.colwide .jogwrapped{width:360px;}

.colwide #visuals{list-style:none; margin:0 0 15px 25px; padding:0; float:right; display:inline;}
.colwide #visuals img{padding:0 8px; float:left; display:inline;}

.one{width:390px; margin:15px 20px 0 0;}
.one h2{font-size:1.8em; margin-bottom:0.4em; color:#0058aa;}
.badge{float:left; padding:0 20px 5px 0; line-height:1.0em; clear:both; display:block; 
font-size:1.0em; color:#666; width:123px; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.badge img{padding-bottom:6px;}
.badge a{text-decoration:none; border:none;}
.one .block{margin-bottom:20px; display:block; overflow:hidden; padding-bottom:8px; border-bottom:1px solid #666;}

ul#formats{margin:0; width:390px; padding:10px 0 0 0; overflow:hidden; height:53px; clear:both;}
ul#formats li{margin:0; height:43px; padding:0 8px 0 0; display:inline; float:left;}
ul#formats li a{border:none;}
ul#formats li a:hover{background-position:0 -43px;}

ul#formats2{margin:0; padding:10px 0 0 0; overflow:hidden; height:53px; clear:both;}
ul#formats2 li{margin:0; height:43px; padding:0 8px 0 0; display:inline; float:left;}
ul#formats2 li a{border:none;}
ul#formats2 li a:hover{background-position:0 -43px;}

ul#formats3{margin:0; padding:10px 0 0 0; overflow:hidden; height:53px; clear:both;}
ul#formats3 li{margin:0; height:43px; padding:0 8px 0 0; display:inline; float:left;}
ul#formats3 li a{border:none;}
ul#formats3 li a:hover{background-position:0 -43px;}

#doc{display:block; width:45px; height:43px; margin:0; padding:0; background:url(../build/icons/doc.gif) 0 0 no-repeat;}
#eps{display:block; width:45px; height:43px; margin:0; padding:0; background:url(../build/icons/eps.gif) 0 0 no-repeat;}
#jpg{display:block; width:45px; height:43px; margin:0; padding:0; background:url(../build/icons/jpg.gif) 0 0 no-repeat;}
#pdf{display:block; width:45px; height:43px; margin:0; padding:0; background:url(../build/icons/pdf.gif) 0 0 no-repeat;}
#tif{display:block; width:45px; height:43px; margin:0; padding:0; background:url(../build/icons/tif.gif) 0 0 no-repeat;}
#jpg2{display:block; width:45px; height:43px; margin:0; padding:0; background:url(../build/icons/jpg.gif) 0 0 no-repeat;}

.two{width:480px; margin:15px 0 0 0;}
.two h2{font-size:1.8em; margin-bottom:0.4em; color:#0058aa;}
.two .block{margin-bottom:20px; display:block; overflow:hidden; padding-bottom:8px; border-bottom:1px solid #666;}

/* ===== FAQ Blocks ======== */
/* ========================= */
#questions .pushdown{margin-bottom:12px;}
#questions a{color:#039;}

/* ===== HIDDEN CONTENT ===== */
/* ========================= */
#vidbox{padding:30px 0; text-align:center; height:300px; clear:both; border-top:1px solid #0085d6; border-bottom:1px solid #0085d6;
background:url(../build/boxbg.gif) 0 0 repeat-x;}

#answer1,#answer2,#answer3,#answer4,#answer5{height:65px; color:#000;}

/* ====== FOOTER =========== */
/* ========================= */
#vidhead{width:890px; margin:0 0 15px 0; padding:10px 30px 0 30px; clear:both; height:413px; display:block; background:url(../build/vidhead_bg.gif) 0 0 repeat-x;}
#vidhead h1{display:block; height:57px; margin:20px 0 10px 0; background:url(../build/new-info.gif) 0 0 no-repeat;}
#vidhead_alt{width:890px;margin:0 0 15px 0;padding:5px 30px 0 30px;clear:both;height:550px;display:block;background:#1d6098 url(../build/vidhead_alt_bg.gif) 0 0 repeat-x;}
#vidhead_alt h1{display:block;height:57px;margin:0px;background:url(../build/new-info_alt.gif) 0 0 no-repeat;}

#vidhead p{font-size:1.5em; color:#fff;}

/* ====== FOOTER =========== */
/* ========================= */
#foot{margin:0 auto; width:950px; padding:30px 0 0 0; text-align:left; color:#fff;}
#foot a{border:none; color:#0058aa;}
#foot a:hover{text-decoration:underline;}
#foot .panel{height:67px; width:640px; margin:0; padding:11px 0 0 30px; background:#fff;}
#foot .panel .footText{margin:8px 0 5px 0; display:block; width:504px; height:20px; background:url(../build/footText.gif) 0 0 no-repeat;}
#foot .smalllogo{float:right; background:url(../build/truvue.gif) 0 0  no-repeat; width:255px; height:78px;}
#foot h2{margin-bottom:15px; padding:3px 0 5px 0; width:100%; color:#fff; border-bottom:1px solid #3d4044; text-transform:uppercase; font-size:1.6em;}
#foot p{padding-bottom:1.2em;}

input.lg, textarea.lg, select.lg{border:1px solid #001121; font-family: Georgia, "Times New Roman", times, serif normal; font-size:1.1em;color:#0058aa; padding:4px; background-color:#FFFFFF; width:300px; margin:0 0 8px 0;}
input.md, textarea.md, select.md{border:1px solid #001121; font-family: Georgia, "Times New Roman", times, serif normal; font-size:1.1em;color:#0058aa; padding:4px; background-color:#FFFFFF; width:150px; margin:0 0 8px 0;}
input.sm, textarea.sm, select.sm{border:1px solid #001121; font-family: Georgia, "Times New Roman", times, serif normal; font-size:1.1em;color:#0058aa; padding:4px; background-color:#FFFFFF; width:75px; margin:0 0 8px 0;}
.sendBtn{width:75px; border:1px solid #001121; background:#0058aa; padding:4px; margin:0 0 8px 0; font-size:1.2em; color:#fff;		}
.sendBtn:hover{background:#000000;}
.required {color:#600;}