﻿html .clearfix { height: 1%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

html { height: 100%; }
body { background: #fafdfd; padding: 0; margin: 0; height: 100%; font-family: Arial; font-size: .75em; color: #FFFFFF; }

span.hidden { visibility: hidden; }

p { margin: 0 0 5px 0; padding: 0; }
 
div#site_container { width: 1650px; min-width: 990px; max-width: 1650px; height: 100%; margin: 0 auto; }

div#header { background: url(/images/header_bg.jpg) no-repeat top center; height: 311px; min-width: 990px; max-width: 1650px; }

div#flashHeader_placerHolder { height: 311px !important; }
div#flashHeader_placerHolder h1 { margin: 0; padding: 0; display: none; }
div#flashHeader_placerHolder p { position: absolute; position: absolute; top: 193px; left: 418px; }
div#flashHeader_placerHolder p  a { text-decoration: none; border: none medium; outline:none;}
div#flashHeader_placerHolder p  a  img { border: none  medium; }

div#header_nav { background: url(/images/header_nav.jpg) no-repeat 0 0; height: 311px; width: 895px; margin: 0 auto; position: relative; }

img#navCloud { position: absolute; top: 235px; }

div#main_nav { height: 40px; margin: 0 0 0 60px; position: relative; width: 610px; }
div#main_nav ul {  }
div#main_nav ul li { height: 40px; }
div#main_nav ul li#main_nav_home { width: 70px; }
div#main_nav ul li#main_nav_mission { width: 76px; }
div#main_nav ul li#main_nav_history { width: 75px; }
div#main_nav ul li#main_nav_tour { width: 59px; }
div#main_nav ul li#main_nav_volunteer { width: 92px; }
div#main_nav ul li#main_nav_merch { width: 68px; }
div#main_nav ul li#main_nav_blog { width: 53px; }
div#main_nav ul li#main_nav_video { width: 61px; }
div#main_nav ul li#main_nav_faq { width: 55px; }
div#main_nav ul li a { display: block; width: 100%; height: 100%; }

div#header_nav ul { margin: 0; padding: 0; }
div#header_nav ul li { display: inline; float: left; }
div#header_nav ul li a { text-decoration: none; outline:none; }

a, a:hover, a:focus {
	outline:none;
}

div#header_nav ul#member_nav { clear: both; display: inline; float: right; margin: 3px 75px 0 0; }
div#header_nav ul#member_nav li {  }
div#header_nav ul#member_nav li a {  }

div#header_nav ul#main_nav { clear: right; display: inline; float: left; margin: 258px 0 0 46px; }
div#header_nav ul#main_nav li { margin: 0 0 0 29px; }
div#header_nav ul#main_nav li a {  }
 
div#header_nav ul#mission_nav { display: inline; float: left; margin: 258px 0 0 12px; }
div#header_nav ul#mission_nav li { margin: 0 0 0 10px; }
div#header_nav ul#mission_nav li a {  }

div#content_container_extender { background: url(/images/content_container_bg_extender.jpg) repeat-y top center; width: 1650px; min-width: 990px; max-width: 1650px; }

div#content_container { background: url(/images/content_container_bg.jpg) no-repeat top center;  min-width: 990px; max-width: 1650px; width: 1650px; height: 100%; min-height: 100%; }
div#content { background: #43a687 url(/images/content_bg.jpg) no-repeat top left; margin: 0 auto; width: 790px; padding: 0px 7px; height: 100%; min-height: 150px; }

div#footer { background: #000000 none repeat 0 0; height: 26px; margin: 0 auto; width: 804px; overflow: hidden !important; }
div#footer div#credits { float: left; margin: 5px 0 0 8px; }
div#footer div#footer_utility { float: right; margin-top:8px; margin-right:5px;}
div#footer div#footer_utility p a { text-decoration: none; border: 0 solid none; }

.tourContent{color:black; width:457px; height:430px; margin-left:45px; padding-left:10px;overflow:auto;}
.blogContent{color:black; width:457px; height:430px; margin-left:45px; padding-left:10px; overflow:auto; padding-top:10px;}
.videoContent{color:black; width:461px; height:430px; margin-left:42px; padding-left:10px; overflow:auto; padding-top:5px;}
.PageNumberWrapperTop{ height: 20px;color:black; font-size:14px; margin-top:20px; margin-bottom:10px; float:left;margin-left:40px;}
.PageNumberWrapperTop div{display:inline; margin-right:3px; cursor:pointer;} 

.PageNumberWrapperBottom{color:black; font-size:14px; float:left;margin-left:40px;}
.PageNumberWrapperBottom div{display:inline;margin-right:3px; cursor:pointer;}

#headerText{float:left; margin-top:10px; height:40px; }
.blogItemTitle{float:left; width:250px; font-weight:bold; font-size:12px;padding-top:15px; padding-left:10px;}
.blogItemTitle a{color:black; text-decoration:none;}

.blogItemBlogger{float:left; width:190px; font-style:italic;padding-top:15px;}
.blogItemContent{width:443px;margin-bottom:15px; margin-top:6px; padding-bottom:5px; padding-left:10px;}
.createdOnWrapper{float:left; width:150px;padding-top:10px; font-style:italic;}
.postedByWrapper{float:left; width:280px;padding-top:10px; padding-left:10px; font-weight:bold; color:#0AC2C2;}
.commentWrapper{padding: 5px 10px; width: 420px;}
.mainCommentWrapper{background-color:#FFFFFF;width:440px; margin-bottom:10px; }
.postWrapper{font-weight:bold; font-style:italic; color:Black; font-size:14px;}
.postWrapper span a{ color:Black;}
.blogPost{color:Black; padding:0px 40px;}
.blogPost a{color:#666666;}
.allCommentWrapper{color:Black;width:460px;margin-top:10px;}

.videoImageWrapper{float:left; width:140px; margin-bottom:15px}
.videoContentWrapper{float:left;width:300px;}
.videoTitleWrapper{float:left; font-weight:bold; font-size:16px; width:300px;}
.videoByWrapper{float:left; margin-bottom:25px;}
.videoCommentWrapper{float:left;}
.videoLineSpacer{margin-bottom:10px;}
.group{text-decoration:none; cursor:pointer; color:Black;}
.active{color:#999999; text-decoration:underline; font-weight:bolder;}
.inactive{color:#0AC2C2; text-decoration:none; font-weight:bold;}
.pagePipe{color:#666666; font-weight:bold;}
.blogRoundedCorner1{height:70px;}
.blogRoundedCorner2{height:70px;}
.blogRoundedCorner3{height:70px;}
.blogRoundedCorner4{height:70px;}
.blogRoundedCorner5{height:70px;}
.tourRoundedCorner{height:70px;}
.tourTitleWrapper{color:black; width:280px; float:left; margin-top:20px; font-weight:bold;}
.tourViewMapWrapper{color:black; width:75px; float:left; cursor:pointer; margin-top:20px; text-decoration:underline; text-align:right;}
.tourDateWrapper{color:black; width:85px; float:left; margin-top:20px; margin-left:10px;}
.mapWrapper{display:none; position:absolute; z-index:2;background-color:#FFFFFF;width:462px; height:420px; margin-left:48px; padding-left:7px; }
.map_canvas{height:370px; width:453px;border:1px solid #999999; clear:both; }
.mapAddress{font-size:14px; color:#FAB33D; font-weight:bold; margin-bottom:10px; margin-top:10px; float:left; width:425px;}
.mapClose{cursor:pointer; color:#666666; text-decoration:underline; font-weight:bold; float:left; margin-bottom:10px; margin-top:10px;}
#twitter_div ul{ list-style-type: none; width:170px;}
#twitter_div1 ul{ color:Black; list-style-type: none; width:170px;padding-left:33px; }
#twitter_div1 #twitter_update_list a{ color:Black;}
#twitter_update_list{color:#FFFFFF; padding:0px 13px;  margin:0px;}
#twitter_update_list a {color:#FFFFFF;}

.faqWrapper{padding-top:110px; padding-left:60px;width:595px;}
.answer{display:block; width:550px; margin-bottom:15px; color:#07BFBF; margin-left:10px;}

.question{font-weight:bold; height:20px; color:Black; text-decoration:underline; cursor:pointer;}

.faqRoundedCorner{background-color:White; padding:10px; border:1px solid #CCCCCC;}
.historyPane{height:370px;background-color:White; padding:30px 30px; padding-bottom:0px; border:1px solid #CCCCCC; color:Black; }
.volunteerWrapper{padding-top:90px; padding-left:60px;width:595px;}
.volunteerPane{height:360px;background-color:White; padding-left:20px; padding-right:20px;padding-top:30px; border:1px solid #CCCCCC; color:Black;}
.historyPane p{margin-bottom:20px;}
#pane3 p{margin-bottom:15px;}
#pane1 p{margin-bottom:15px;}
#pane6 p{margin-bottom:17px;}
#pane7 p{margin-bottom:17px;}
.volunteerPane p{margin-bottom:8px;}
.forgotPasswordWrapper{display:none;}
.wholeLoginWrapper{background: url(/images/login.png) no-repeat; height:200px; width:393px;}
#banner_placeholder {
    position:relative;
    height:350px;
}

#banner_placeholder DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#banner_placeholder DIV.active {
    z-index:10;
}
#banner_placeholder DIV.last-active {
    z-index:9;
}
.bannerBackground{background: url(images/tour2_main.jpg) no-repeat; height:260px;width:531px;}