/*
	################################### 
	STRUCTURE:
		* @import statements
		* define layout structure
			* clearly document sections
			* keep IE specific code in separate file
	################################### 
*/


/* ################################### UTILITY STYLES ################################################# */
/* ################################### FONTS ########################################################## */
@import url(common.fonts.css);
	/* over-ride after all @imports */

/* ################################### GENERAL LAYOUT STYLES THE BASIC FRAME & STRUCTURE ############## */

* {
	margin: 0;
	padding: 0;
}

html {
	/*overflow-x: hidden;
	overflow-y: scroll;*/
}

body {
	background:url(../images/backgrounds/header_bg.gif) top left repeat-x #e0e0e0;
}
object {
outline:none; 
}
a{
outline:none;
color:#919698;
color:#00447c;
text-decoration:none;
}
a:hover{
color:#5c5f61;
}
p{
color:#525557;
}
.alpha p{
margin-right:22px;
}
h2{
margin:18px 0 2px 0;
font-size:14px;
}
.nb {
border:none;
margin:0 0 8px 20px;
}
#footer #emailReg{
line-height:14px !IMPORTANT;
padding:4px 0 2px 0;
}
ul li {
list-style:none;
}
p.main{
width:590px;
}
#frame {
	width: 100%;
	position: relative;
	margin: 0 auto;
	text-align: left;
}
#header{
height:45px;
width: 100%;
margin:0 0 0 0;
text-align: center;
}
#headerContainer{
height:45px;
width:990px; 
position: relative;
margin: 0 auto;
}
#header #logo{
position:absolute;
top:9px;
left:24px;
height:71px;
width:185px;
background:url(../images/backgrounds/logo.png) top left no-repeat transparent;
}

/* *** navigtion *** */
#header ul{
display:block;
position:absolute;
}
#header ul li{
dispaly:block;
margin:0 0 0 0;
list-style:nmone;
float:left;
}
#nav{
top:25px;
left:251px;
height:13px;
width:495px;
}
#nav li a{
height:20px;
display:block;
font-size:0;
color:#b30838;
}
#nav li a:hover, #nav li .selected{
background-position:bottom;
}
#team_nav{
width:86px;
background:url(../images/backgrounds/team_nav.gif) top left no-repeat transparent;
}
#expedition_nav{
width:86px;
background:url(../images/backgrounds/expedition_nav.gif) top left no-repeat transparent;
}
#getInvolved_nav{
width:61px;
background:url(../images/backgrounds/getInvolved_nav.gif) top left no-repeat transparent;
}
#blog_nav{
width:32px;
background:url(../images/backgrounds/blog_nav.gif) top left no-repeat transparent;
}
#education_nav{
width:59px;
background:url(../images/backgrounds/education_nav.gif) top left no-repeat transparent;
}
#whatInSled_nav{
width:101px;
background:url(../images/backgrounds/whatInSled_nav.gif) top left no-repeat transparent;
}


#nav .divider{
width:5px;
height:9px;
border-right:1px dotted #c3c3c3;
margin:2px 6px 0 0;
text-indent:-8888px;
}
#utility_nav{
top:2px;
left:847px;
width:145px;
}
#utility_nav li a{
display:block;
color:#fff;
font-size:9px;
font-size:9px;
padding:1px 3px;
background-color:#648cae;
margin-right:8px !IMPORTANT;
}
#utility_nav li{
color:#fff;
float:left;
}
#utility_nav a:hover, #utility_nav .selected{
color:#eff1f2;
background-color:#4b6e8c;
}
/* *** flash replaced *** */
#home #primary{
display:block;
width: 1150px;
width: 100%;
height:606px;
height:613px;
margin:0 auto 34px auto;
background:url(../images/backgrounds/marqueeBottom_bg.gif) bottom left repeat-x #333;
}
#home #marquee{
display:block;
width: 1150px;
height:606px;
margin:0 auto 0 auto;
}
#getFlash{
height:200px;
width:400px;
padding:60px 0 0 0;
margin:0 0 0 150px;
}
#getFlash h1{
color:#ccc;
font-size:28px;
}
#getFlash p{
color:#ccc;
font-size:16px;
}
#secondary{
width:990px; 
margin:0px auto 6px auto;
}
#secondary .alpha, #secondary .beta{
float:left;
min-height:250px;
}
#home .alpha{
width:629px;
margin:0 17px 0 41px;
background:url(../images/backgrounds/secondary_alpha_bg.gif) top right repeat-y transparent;
}
#home .beta{
width:258px;
margin:0;
}
#default #secondary .alpha{
width:278px;
margin:0 22px 0 41px;
}
#default #secondary .beta{
width:610px;
width:590px;
margin:0;
background:url(../images/backgrounds/secondary_alpha_bg.gif) top left repeat-y transparent;
padding-left:20px;
}

#default .beta a{
display:block;
}
#blog #secondary .alpha{
width:200px;
margin:0 22px 0 41px;
background:url(../images/backgrounds/secondary_alpha_bg.gif) top right repeat-y transparent;
}
#blog #secondary .beta{
width:385px;
margin:0 15px 0 0;
padding:0 22px 0 0;
background:url(../images/backgrounds/secondary_alpha_bg.gif) top right repeat-y transparent;
}
#blog #secondary .delta{
float:left;
width:258px;
margin:0;
}
/* *** BLOG *** */
.archive_head{
margin-bottom:14px;
}
.post-lat, .post-month{
color:#666;
}
.post-cat{
dispaly:block;
}
#blog ul li{
list-style:none;
}
#blog h3{
font-size:14px;
color:#595959;
text-transform:uppercase;
}
.post{
font-size:12px;
}
.postlist span{
color:#acacac;
display:block;
}
#recentPost, #bodyLink{
display:block;
width:160px;
background-color:#f2f2f2;
padding:12px;
margin:0 0 30px 0;
}
#bodyLink{
margin:0 0 60px 0;
}
#recentPost .headline, #recentComment .headline, #bodyLink .headline{
font-weight:bold;
font-size:14px;
color:#595959;
text-transform:uppercase;
margin:3px 0 12px 0;
}
#recentPost span{
padding-left:10px;
}
#recentPost a{
display:block;
padding:0 0 0 10px;
margin:0 0 10px 0;
color:#b91f4a;
text-decoration:underline;
background:url(../images/backgrounds/blog_postPlus.gif) 0 3px no-repeat transparent !IMPORTANT;
}
#bodyLink a{
display:block;
padding:2px 0 2px 4px;
margin:0 0 1px 0;
color:#648cae;
}
#bodyLink a:hover{
display:block;
color:#fff;
background-color:#648cae;
}
#recentComment {
display:block;
width:160px;
padding:12px;
margin:0 0 30px 0;
}
#recentComment a{
display:block;
padding:0;
margin:0 0 10px 0;
color:#195689;
text-decoration:underline;
}
.rComment{
padding-bottom:8px;
margin-bottom:8px;
background:url(../images/backgrounds/secondary_alpha_bg.gif) bottom left repeat-x transparent;
}
.post-head h1, .post-head h1 a{
font-size:28px;
color:#474747;
}
.post-head div{
height:36px;
}
.post-head div span{
float:left;
margin-right:8px;
}
.post-body p{
width:350px;
}
.post a{
color:#195689;
}

.post {
padding-bottom:32px;
margin:0 0 22px 0;
background:url(../images/backgrounds/secondary_alpha_bg.gif) bottom left repeat-x transparent;
}
.commentblock {
width:300px;
padding-bottom:32px;
margin:0 0 22px 0;
background:url(../images/backgrounds/secondary_alpha_bg.gif) bottom left repeat-x transparent;
}











.col_start{
height:58px;
width:990px; 
background:url(../images/backgrounds/secondary_content.jpg) top left repeat transparent;
}
.col_content{
background:url(../images/backgrounds/secondary_content.jpg) top left repeat transparent;
}

#home .col_start, #footer .col_start{
height:58px;
width:990px; 
background:url(../images/backgrounds/secondary_start.jpg) top left no-repeat transparent;
}
.col_end{
height:48px;
width:990px;
background:url(../images/backgrounds/secondary_end.jpg) bottom left no-repeat transparent;
}
#footer .col_end{
height:30px;
}
#footer{
height:193px;
width:990px; 
margin:0 auto 80px auto;
color:#919698;
font-size:11px;
}
#footer p {
width:
}
#footer ul {
height:150px;
}
#footer ul li{
display:block;
height:140px;
float:left;
}
.clear{
clear:both;
}
#footer #stayConnected{
width:326px;
margin-left:41px;
}
#footer #expeditionSponsors{
width:321px;
background:url(../images/backgrounds/sponsors.gif) 0 31px no-repeat transparent;
}
#footer #expeditionSponsors a{
padding-left:12px;
background:url(../images/backgrounds/footerSponsorPlus.gif) 0 3px no-repeat transparent;
color:#474747;
}
#footer #vsa{
display:block;
height:56px;
width:98px;
background:url(../images/backgrounds/vsaSponsor.jpg) top left no-repeat transparent !IMPORTANT;
margin:12px;
}
#footer #cb-footer{
display:block;
height:34px;
width:84px;
background:url(../images/backgrounds/cb-logo.jpg) top left no-repeat transparent !IMPORTANT;
margin:14px 0 3px 0;
}
#footer #fe-footer{
display:block;
height:27px;
width:84px;
background:url(../images/backgrounds/fe-logo.jpg) top left no-repeat transparent !IMPORTANT;
}
#footer #socialMedia{
width:257px;
}
#footer h1{
display:block;
height:27px;
width:200px;
text-indent:-9999px;
font-size:0;
}
#stayConnected h1{
background:url(../images/titles/stayConnected_title.jpg) top left no-repeat transparent;
}
#expeditionSponsors h1{
background:url(../images/titles/expeditionSponsors_title.jpg) top left no-repeat transparent;
}
#socialMedia h1{
background:url(../images/titles/socialMedia_title.jpg) top left no-repeat transparent;
}
#stayConnected p{
width:230px;
margin:0 0 8px 0;
}
.hidden{
display:none !IMPORTANT;
}
#stayConnected input{
display:block;
height:20px;
height:16px;
width:185px;
margin:0 4px 4px 0;
background-color:#f2f2f2;
border:none;
padding:0;
float:left;
line-height:20px !IMPORTANT;
padding-top:4px;
}
#stayConnected .text{
text-indent:10px;
color:#525557;
}
#stayConnected #event{
display:none;
}
#stayConnected .submit{
background-color:#b30838;
color:#fff;
margin:0;
padding:0;
height:20px;
width:61px;
display:inline;
cursor:pointer;
}
#expeditionSponsors a{
display:block;
width:145px;
float:left;
margin:0 0 2px 0;
}
#smContainer {
height:81px;
width:240px;
background-color:#f5f5f5;
padding:17px 0 0 17px;
}
#smContainer a{
display:block;
float:left;
height:16px;
width:110px;
margin:0 6px 4px 0;
}
#smContainer a:hover{
}
#smContainer a img{
float:left;
border:none;
vertical-align: top;
}
#smContainer a span{
display:block;
height:14px;
float:left;
margin:4px 0 0 6px;
font-size:9px;
line-height:11px;
vertical-align: bottom !IMPORTANT;
cursor:pointer;
}
/* *** title *** */
.title{
text-indent:-7777px !IMPORTANT;
}
#expeditionOptimism {
display:block;
height:77px;
width:364px;
background:url(../images/titles/expeditionOptimism_title.gif) top left no-repeat transparent;
}
#whatsInTheSled{
display:block;
height:60px;
width:364px;
background:url(../images/titles/whatsInTheSled_title.jpg) 0 33px no-repeat transparent;
}
#geographyNorthPole {
display:block;
height:45px;
width:374px;
background:url(../images/titles/geographyNP_title.gif) 0 10px no-repeat transparent;
}
#educationPhilosophy_title{
display:block;
height:40px;
width:225px;
background:url(../images/titles/educationPhilosophy_title.jpg) top left no-repeat transparent;
}
#globalWarming_title{
display:block;
height:40px;
width:225px;
background:url(../images/titles/globalWarming_title.jpg) top left no-repeat transparent;
}
#donate_title{
display:block;
height:40px;
width:412px;
background:url(../images/titles/donate_title.jpg) top left no-repeat transparent;
}
#caringBridge_title{
display:block;
height:120px;
width:340px;
margin-top:60px;
background:url(../images/titles/caringBridge_title.jpg) top left no-repeat transparent;
}
#outwardBound_title{
display:block;
height:40px;
width:225px;
background:url(../images/titles/outwardBound_title.jpg) top left no-repeat transparent;
}
#expeditionTeam {
display:block;
height:103px;
width:141px;
background:url(../images/titles/expeditionTeam_title.gif) 0 68px no-repeat transparent;
}
#essentialGear {
display:block;
height:72px;
width:141px;
background:url(../images/titles/essentialGearNV_title.jpg) 0 21px no-repeat transparent;
}
#wellWishestoNorth_title{
display:block;
height:72px;
width:213px;
background:url(../images/titles/wellWishestoNorth_title.gif) 0 31px no-repeat transparent;
}
#johnHuston{
display:block;
height:38px;
width:181px;
background:url(../images/titles/johnHouston_title.gif) bottom left no-repeat transparent;
}
#tylerFish{
display:block;
height:38px;
width:181px;
background:url(../images/titles/tylerFish_title.gif) bottom left no-repeat transparent;
}
#wellWishes{
display:block;
height:44px;
width:140px;
background:url(../images/titles/wellWishes_title.gif) bottom left no-repeat transparent;
}
.learnMore{
height:12px;
padding-right:13px;
background:url(../images/titles/learnMore_title.gif) right 2px no-repeat transparent;
color:#b30838;
}
.column{
display:block;
float:left;
width:268px;
margin:0 0 0 20px;
}
img{
border:5px solid #e3e3e3;
}
.column p, .column h2{
width:240px !IMPORTANT; 
margin-left:0 !IMPORTANT;
}
#home .beta p, #home .beta h2, #home .beta a, #home .beta span{
width:200px;
margin-left:20px;
}
.horizDivider{
height:16px;
background:url(../images/backgrounds/secondary_alpha_bg.gif) 0 10px repeat-x transparent;
}
.messages, .subMsg{
background:url(../images/backgrounds/secondary_alpha_bg.gif) bottom left repeat-x transparent;
color:#b4b5b6;
padding:6px 0 12px 0;
}
.messages p, .subMsg p{
color:#b4b5b6;
font-size:13px;
margin:0 0 6px 0;
}
.messages span, .subMsg span{
margin:0;
font-size:11px;
}
/* *** message board *** */
#default .messages{
color:#474747;
padding:10px 0 24px 0;
width:570px;
}
#default .messages p{
color:#b30838;
font-size:17px;
margin:0 0 3px 0;
text-transform:uppercase;
}
#default .messages p span{
display:block;
margin:0 0 0 15px;
font-size:13px;
color:#888787;
padding-top:2px;
}
#default .beta p, #default .beta h1, #default .beta a, #default .beta span, #default .beta h2{
width:550px;
margin-left:20px;
}
#submitMessageComment h3{
font-size:14px;
font-weight:bold;
margin:0 0 6px 0;
}
#submitMessageComment p{
width:211px;
margin:0 0 24px 0;
}
#submitMessageComment label{
display:block;
color:#97999a;
font-size:11px;
}

#submitMessageComment input{
display:block;
height:20px;
height:16px;
width:244px;
margin:0 4px 4px 0;
background-color:#f2f2f2;
border:none;
padding:0;
padding-top:4px;
}
#submitMessageComment .text{
text-indent:10px;
color:#525557;
}
#submitMessageComment .submit, #comments_form .submit{
background-color:#00447c;
color:#fff;
margin:0;
padding:0;
height:20px;
width:61px;
display:inline;
cursor:pointer;
border:none;
}
#submitMessageComment #messageText, #comment-text{
display:block;
height:80px !IMPORTANT;
width:270px;
margin:0 4px 4px 0;
background-color:#f2f2f2;
border:none;
padding:4px;
padding-top:4px;
color:#525557;
}
#optin{
height:35px;
}
#optinFoot{
height:25px;
clear:both;
}
#optin label, #optin input, #optinFoot label, #optinFoot input{
width:auto;
float:left;
margin-right:6px;
}
#split{
height:44px;
}

#split .city, #split .state {
float:left;
}
#split .city, #city{
width:177px;
margin-right:6px;
}
#city{
text-indent:10px;
color:#525557;
}
#state{
color:#525557;
}
#split #state{
width:61px !IMPORTANT;
display:block;
height:20px;
margin:0;
background-color:#f2f2f2;
border:none;
padding:0;
line-height:20px !IMPORTANT;
color:#525557;
}
h1.msg{
font-size:38px;
line-height:41px;
margin-bottom:28px;
}
/* *** pagination *** */
#pagination{
height:20px;
width:570px;
padding-top:55px;
text-align:right;
}
#pagination a{
color:#9f9f9f;
display:inline !IMPORTANT;
padding: 1px 3px;
margin: 0 0 0 3px !IMPORTANT;
}
#pagination a:hover{
color:#fff;
background-color:#9f9f9f;
}
/* *** COMMENTS *** */
#comments_form label{
text-indent:10px;
display:block;
color:#97999a;
font-size:11px;
}
#comments_form .text{
display:block;
height:20px;
height:16px;
width:244px;
margin:0 4px 4px 0;
background-color:#f2f2f2;
border:none;
padding:0;
line-height:20px !IMPORTANT;
padding-top:4px;
}
#comments_form .text{
text-indent:10px;
color:#525557;
}
/* *** DELTA *** */
.delta, #blog .alpha{
padding-top:64px !IMPORTANT;
}
.cata {
margin:40px 0;
}
.cata h3{
margin:12px 0 3px 0;
}
.cata a{
color:#195689;
}

/* full layout */
#full .alpha{
width:629px;
margin:20px 17px 0 41px;
background:url(../images/backgrounds/secondary_alpha_bg.gif) top right repeat-y transparent;
}
#full .beta{
display:block;
width:258px;
margin:20px 0 0 0;
padding:0;
float:left;
}
#full #frame{
text-align:center !IMPORTANT;
}
#full #secondary{
text-align:left;
}
#full #footer{
text-align:left;
}
/* what in sled marquee */
#wis{
height:690px;
width:930px;
position:relative;
margin:0 auto;
background:url(../images/backgrounds/loading-lg.gif) center center no-repeat #fff;
}
#wis img{
border:none;
float:left;
}
#wis .highlight{
display:block;
height:20px;
width:20px;
position:absolute;
cursor:pointer;
margin:5px;
}
#wis .highlight img{
height:100%;
width:100%;
margin:0;
}
#ingOverlay {
width:240px;
padding:10px 15px 10px 20px;
width:205px;
background:url(../images/backgrounds/ingOverlay.png) top left no-repeat transparent;
font-size:14px;
text-align:center;
color:#666;
cursor:pointer;
}

/* *** message handler *** */
#genericNotice{
padding:10px 0;
}
.error{
display:block;
float:none;
clear:both;
font-weight:bold;
font-size:10px;
color:red;
margin-bottom:4px;
}
.notice{
font-weight:bold;
font-size:10px;
color:#166c05;
}
.quote {
padding-bottom:14px;
margin-left:22px;
}
.quote em, .quote p, .quote span{
display:block;
float:left;
color:#648cae;
margin:0 0 12px 0!IMPORTANT;
}
.quote p:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.quote span{
padding-left:12px;
background:url(../images/backgrounds/plusBlue.gif) 0 2px no-repeat transparent;
}
.pictBlock {
width:570px;
padding-bottom:22px;
}
#full .pictBlock {
	margin:0 0 30px 0;
}
#default .pictBlock {
	margin:30px 0 30px 20px;
	background:url(../images/backgrounds/betaHorizDivider.gif) bottom center no-repeat transparent;
}
.pictBlock td{
vertical-align: top;
}
.pictBlock img{
border:none;
margin:0;
}
.pictBlock span{
display:block;
width:265px !IMPORTANT;
margin:0 0 12px 0 !IMPORTANT;
}
#iceDrift{
margin-bottom:60px;
}

#iceDrift p{
width:auto !IMPORTANT;
}
/* essential equipment module */
#essentialEquipment .image{
display:block;
height:173px;
width:268px;
background:url(../images/backgrounds/loading-sm.gif) center center no-repeat transparent;
position:relative;
margin-left:-4px;
}
#essentialEquipment .image img{
height:159px;
width:258px;
border:none;
cursor:pointer;
position:absolute;
top:4px;
left:4px;
margin:0 !IMPORTANT;
}
#essentialEquipment .copy{
margin-bottom:30px;
height:150px;
color:#474747;
margin-left:8px;
}
#essentialEquipment .copy p{
width:210px;
}
#essentialEquipment h1, #essentialEquipment h2, #essentialEquipment a, #essentialEquipment p, #essentialEquipment img{
margin-left:0 !IMPORTANT;
}
#essentialEquipment h1, #essentialEquipment h2{
color:#474747;
font-size:18px;
margin:0 !IMPORTANT;
}
#essentialEquipment h2{
margin:0 0 4px 0 !IMPORTANT;
font-size:15px;
font-weight:normal;
}
/* *** overlay *** */
#dimmer{
top:0;
left:0;
position:absolute;
z-index:7000;
background-color:#000;
}
#messageOverlay{
height:auto;
width:250px;
padding:22px;
position:absolute;
z-index:9100;
border:3px solid #666;
text-align:center;
background:url(../images/backgrounds/close_btn.gif) top right no-repeat #fff;
}
#messageOverlay span{
font-size:14px;
color:#666;
}