/* Page-level */
html {height: 100%; margin:0; padding:0;}

body { 
	margin:0; 
	padding:0; 
	background:white; 
	font-family: helvetica, Arial, sans-serif; 
	font-size:14px;
	background: url(/img/main/body-background.jpg) repeat-x top center;
	background-color: #262626;
	height: 100%;
	-webkit-background-size: 2000px 1180px; 
}
	
#wrapper { width:900px; margin:auto; padding:0; }

a { color: #FFF; }
a:hover {color: #33BFFC;}
a:visited {color: #9966CC; text-decoration: none;}
a img {border: none !important;}
span.text-change {position: absolute; margin: 0px 0 0 615px; width: 44px; background: #000; padding: 3px 0px 3px 3px;}
span.text-change p a {color: #666; text-decoration: none; font-size: 10px; margin-right: 5px; display: block; float: left; padding: 0px 4px 0 4px;}
span.text-change a img {width: 21px; float: left; margin: 0; padding: 0;}
a.skip-nav {position: absolute; width: 40px; font-size: 1px; text-indent: -9999px;}
a.hidden {display: none;}
.editable p { margin: 0; }
em {font-style: italic; } 
	
/* Note: Make HTML 5 elements block-level for consistent styling */
header, nav, article, footer, address, aside{ display:block; }

/* Sections */
#header, #footer { width:100%; clear:both; background: none;}
#header { height:88px; width:900px; color:#ccc; background: none;}
#header.ie8 {background: none; margin-top: -10px; position: absolute; }
img.logo {float: left; width: 239px; }
iframe {border: none; }
.fb-like {margin: 10px 0 0 20px; } 
a.back {padding: 10px 10px 8px 20px; margin: 10px 0 0 0; background: #333; color: #FFF; font-size: 12px; text-decoration: none; display: block; width: 120px; }
a.back:hover {color: #33BFFC; }
	
#nav { float:right; width:650px; margin:65px 0px 0px 0px;}
#nav ul#nav-main { list-style:none; list-style-type:none; margin:0; padding:0; font-weight:normal; margin-right: 40px;} 
#nav ul#nav-main li { display: inline; float: right; }
#nav ul#nav-main li a {text-decoration: none; color: #CCC; font-size:0.85em; padding: 10px 12px; text-transform: uppercase; letter-spacing: 0.02em;} 
#nav ul#nav-main li a.active {background: #595959 !important; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; color: #33BFFC; border-top: 1px solid #171717; border-left: 1px solid #171717; }
#nav ul#nav-main li:hover a {color: #FFF; background: #333;}
#nav ul#nav-main li:hover a.active {color: #33BFFC; background: #333;}       

ul#nav-main li.drop { }
ul#nav-main li.drop div { display: none; position: absolute; z-index: 1010 !important; ; padding:12px 0px 8px 10px; margin: 9px 0 0 1px; background: url(/img/main/black-grad-80.png); -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px;}
ul#nav-main li.drop ul {width: 140px; float: left; padding: 0; }
ul#nav-main li.drop ul li { clear: both; float: left !important; height: 20px; margin-left: -5px; list-style-type: square; text-align: left;}
ul#nav-main li.drop ul li a { font-size: 0.7em !important; margin: 0 !important; padding: 5px 0 3px 10px; background: none !important; color: #CCC;}
ul#nav-main li.drop ul li a:hover { margin: 0 !important; background: none !important; color: #33BFFC !important; }   

#header.ie8 {margin-top: 0; padding: 0;}

#content-top {width: 900px; height: 400px; background: #333; margin-top: 12px; position: relative; }
#content-top img.content-title {width: 150px; position: absolute; z-index: 200; margin: 0; margin-left: -149px; }

@media screen and (-webkit-min-device-pixel-ratio:0){
#content-top img.content-title {width: 150px; position: absolute; z-index: 200; margin: 0; margin-top: -403px; margin-left: 750px;}
}

/* Slideshow */
#slideshow {width: 675px; height: 400px; float: left; display: inline;}
#sidebar { width: 200px; float: left; display: inline; padding: 12px; height: 376px; background: #999; }
div.side {width: 180px !important; position: absolute; margin: 20px 0 0 700px; display: block; z-index: 10;}
.slide img {margin-bottom: 10px;}
.slide h4 {margin: 0 0 10px 0; font-size: 15px; color: #333; font-weight: bold; } 
.slide p {font-size: 12px; color: #333; margin: 0; padding: 0; line-height: 14px;}
.slide ul { width: 180px; margin: 0px 0 5px 0; padding: 0;}
.slide ul li {list-style-type: none; margin: 0 0 5px 0; font-size: 12px; color: #333; line-height: 15px;}
#panes {width: 675px; float: left; display: inline; height: 400px; overflow: hidden; z-index: 0; }
#panes div { height: 400px; top:0; left:0; overflow: hidden; display: block; z-index: 0;}
#panes div.slide {width: 675px; height: 400px; display: block; z-index: 0;}
.slide p {margin: 0; font-size: 12px; color: #333; width: 180px; line-height: 15px;}
.inside {position: absolute; margin: 165px 0 0 700px; font-size: 12px; color: #333; width: 180px; line-height: 15px;} 
 
.slide p a { color: #CCC; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: 0.03em;} 
.forward, .backward { float:left; margin: 160px 0 0 -23px; background: url(/img/slideshow/slide-btn.png) no-repeat; display:block; width:66px; height:66px; cursor:pointer; font-size:1px; text-indent:-9999em; position: absolute; z-index: 2; }
.forward { background-position: 0 -66px; clear:right; margin-left: 628px; }
.forward:hover { background-position:-66px -66px; }
.forward:active { background-position:-132px -66px; } 
.backward:hover { background-position:-66px 0; }
.backward:active { background-position:-132px 0; }
.disabled { visibility: hidden !important; }

/* interactive map */
#switch-map {position: absolute; margin: 25px 0 0 650px; width: 225px; z-index: 5;}
div.panes {width: 900px; float: left;}     
div.panes div.tab_content {width: 900px; float: left; overflow: hidden; }
div.map {width: 675px; height: 400px; background: #666; float: left;}
div.sidebar {width: 225px; float: left; height: 400px; background: url(/img/map/sidebar-bkg.gif) no-repeat #999; padding: 0; overflow: hidden;}  
#switch-map { padding: 0; position: absolute; margin: 25px 0 0 650px; width: 225px;}
#switch-map ul {margin: 0; padding: 0;}
#switch-map ul li {margin: 0; padding: 0; list-style-type: none;}  
#switch-map a { width: 205px; margin: 0 0 0 25px; padding: 12px 0px 12px 20px; color: #FFF; text-decoration: none; border-bottom: 1px solid #666; display: block;}
#switch-map a:hover { background: #A9A9A9; }
#switch-map a.active { width: 225px; margin: 0; border: 0; background: url(/img/map/map-active.png) top left no-repeat; color: #FFF; width: 210px; display: block; padding: 12px 0px 12px 40px; }


/* main content area */	 
#content-main {width: 900px; display: block; overflow: hidden; margin-top: 10px; background: #404040; border-top: 1px solid #666; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

p {font-size: 12px; color: #CCC; line-height: 14px; margin: 5px 0 5px 0;}
p span.bold {font-weight: bold;}
p.caption {font-style: italic;}
p span.quote {font-style: italic}
p.smallprint {font-size: 11px; color: #666; width: 880px; line-height: 13px;}

/* Basic Style */
#content-one {width: 429px; float: left; padding: 20px 20px 20px 0px; border-right: 1px solid #302f2f; display: block;}
#content-one h1 {font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif; font-size: 1.73em; color: #FFF; background: #171717; font-weight: 600; line-height: 28px; margin: 0px 0px 15px 0px; padding: 10px 12px 10px 20px; letter-spacing: 0.02em;}
#content-one h2 {font-size: 16px; color: #FFF; font-weight: 600; line-height: 20px; margin: 0px 0px 15px 20px; padding: 0; text-align: left;}  
#content-one h3 {font-size: 15px; color: #FFF; font-weight: 400; line-height: 20px; margin: 10px 0px 5px 20px; padding: 0; text-align: left;}
#content-one p {font-size: 13px; color: #CCC; line-height: 1.5; padding: 0px 0px 5px 20px;}
#content-one p a {font-size: 13px; color: #33BFFC; text-decoration: none;}
#content-one p a:hover {font-size: 13px; color: #33BFFC; text-decoration: underline;}
#content-one ul li {font-size: 12px; color: #CCC; line-height: 17px; }

#content-two {width: 410px; float: left; padding: 20px 20px 15px 20px; display: block;}
#content-two ul li a {color: #33CFFB; }
#content-two ul li a:hover {text-decoration: none; text-decoration: none;}
#content-two ul.timeline {width: 380px; padding: 0 0 0 5px; margin-top: 0px;}
#content-two ul.timeline li {list-style-type: none; color: #CCC; font-size: 12px; margin: 0px 0px 10px 0; line-height: 16px;}
#content-two ul.timeline li span {font-weight: bold; color: #FFF; margin-right: 5px;}
#content-two #pdf {margin: 35px 0px 10px 0px; } 
#content-two h3 {font-size: 16px; line-height: 20px; padding: 0; color: #FFF;}

#content-two #stats ul { margin: 10px 0 0 0 !important; padding: 0px !important; color: #FFF; list-style-type: none; }
#content-two #stats ul li { font-size: 11px !important; padding: 3px 0px !important; border-bottom: 1px dashed #666; font-size: 12px; min-height: 15px; line-height: 16px;}
#content-two #stats ul li span { text-transform: uppercase; color: #CCC; margin-right: 5px; }     

/* Wide Style */
#content-main.wide { width: 900px; }
#content-main.wide #content-one {width: 655px; float: left; padding: 20px 20px 20px 0px; border-right: 1px solid #302f2f; display: block;}
#content-main.wide #content-one p {font-size: 13px; color: #CCC; line-height: 1.5; padding: 0px 0px 5px 20px; width: 600px;}
#content-main.wide #content-two {width: 182px; float: left; padding: 20px; display: block;}
#content-main.wide #content-two ul {width: 200px; }
#content-main.wide #content-one img { padding: 0px 20px 10px 20px; max-width: 610px}         

div.article.box {width: 388px; padding: 10px; cursor: pointer; margin-bottom: 10px; min-height: 80px; background: url(/img/main/box-background.gif) no-repeat top right #333; border: 1px solid #333; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; }
div.article.box:hover {background: #252525; border: 1px solid #666;}
div.article.box img {float: left; width: 80px; height: 80px; margin-right: 10px;}
div.article.box div.section {width: 295px; float: left; }
div.article.box h3 {float: left; width: 295px; font-size: 16px; color: #33BFFC; margin: 0 0 5px 0px; padding: 0; font-weight: 600 !important;}
div.article.box p {float: left; font-size: 11px; line-height: 1.5; color: #999; margin: 0px !important; padding: 0 !important; line-height: 15px;}
div.article.box p a {text-decoration: none; color: #CCC;}

div.direct {width: 388px; padding: 0 10px 10px 0px; margin-bottom: 10px; min-height: 65px; border-bottom: 1px dashed #666; }
div.direct img {width: 65px; height: 65px; float: left; margin-right: 10px;}
div.direct h3 {font-size: 16px; color: #33BFFC; margin: 0 0 5px 12px; padding: 0; font-weight: normal;}
div.direct p {font-size: 11px; line-height: 1.5; color: #999; margin: 0 0 0px 12px; padding: 0; line-height: 15px;}
div.direct p a {text-decoration: none; color: #CCC;}
div.direct p a:hover {text-decoration: underline; color: #33BFFC;} 

div.aside { width: 180px; float: left; min-height: 350px; padding: 0px 15px 0 0; }
div.aside.two {border-left: 1px solid #302f2f; padding: 0px 0px 0 15px;} 
div.aside h3 {color: #33BFFC; font-size: 16px; font-weight: 400; margin: 0 0 10px;}
div.aside p {color: #CCC; font-size: 12px; line-height: 1.5; margin-bottom: 10px;}
div.aside ul {margin: 0; padding: 0; width: 150px; float: left; margin: 0px 5px 15px 15px;}
div.aside ul li { list-style-type: square; color: #FFF; padding: 3px 0px; }
div.aside ul li a {color: #CCC; text-decoration: none;  font-size: 14px;}
div.aside ul li a:hover {color: #FFF; text-decoration: underline;} 

#content-main.wide #content-two ul.list {width: 200px; margin: 0 0 20px 10px; padding: 0;}
#content-main.wide #content-two ul.list li {width: 200px; min-height: 15px; background: none; margin: 0 0 5px 0;}
#content-main.wide #content-two ul.list li a {color: #CCC; font-size: 12px; text-decoration: none; }
#content-main.wide #content-two ul.list li a:hover {color: #33BFFC; }

#content-main.wide ul.col2 {width: 290px; float: left; display: inline; padding: 0 0 0 0; margin: 5px 0 20px 30px;}

ul.list_gallery {margin: 0 !important; padding: 0 !important; }
ul.list_gallery li {margin: 0 !important; padding: 0 !important; } 

#gallery {margin-bottom: 20px;}      

/* Sidebar Tabs */

#content-tabs { display: block; margin: 0; padding: 0; border-bottom: 2px solid #171717;}
#content-tabs ul {margin: 0; padding: 20px 0 0 0px; display: block; }  
#content-tabs ul li { list-style-type: none; display: inline; margin-right: 3px; padding: 10px 10px 8px 10px; background-color: #666; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0px 0px;}
#content-tabs ul li:hover { background-color: #999; }
#content-tabs ul li:hover a { color: #FFF;}      
#content-tabs ul li a { font-size: 12px; color: #CCC; padding: 10px; border-bottom: none; text-transform: uppercase; text-decoration: none; }
#content-tabs ul li.photo { background: url(/img/main/photo-icon.png) no-repeat left center; background-color: #666; padding: 10px 12px 8px 40px;}
#content-tabs ul li.video { background: url(/img/main/video-icon.png) no-repeat left center; background-color: #666; padding: 10px 12px 8px 40px;} 
#content-tabs ul li.time { background: url(/img/main/time-icon.png) no-repeat left center; background-color: #666; padding: 10px 12px 8px 40px;}     
#content-tabs ul li.list { background: url(/img/main/list-icon.png) no-repeat left center; background-color: #666; padding: 10px 12px 8px 40px;} 
#content-tabs ul li.active { background-color: #171717; color: #33BFFC; }
#content-tabs ul li.active a { color: #33BFFC; } 

#content-two #content-tabs ul { margin: 0; padding: 0; }
#content-two #content-tabs ul li { margin: 0; padding: 0; display: inline-block; }
#content-two #content-tabs ul li a { padding: 10px; display: block; }

#content-two div.tab_content {width: 410px; margin: 20px 0px; overflow: hidden; display: block;}
#content-two div.tab_content h3 {font-size: 16px; color: #33BFFC; font-weight: 600; line-height: 20px; margin: 0px 0px 5px 0px; padding: 0;}
#content-two div.tab_content ul {width: 400px; margin: 10px 0px; overflow: hidden; display: block; padding: 0 0 0 15px; list-style-type: square;}
#content-two div.tab_content ul li {color: #CCC; padding: 2px 0px; font-size: 12px; line-height: 1.5; }
#content-two div.tab_content ul li a {color: #FFF; }   
#content-two div.panes {width: 410px;}

 
/* Wreck Page Main Tabs */

#content-tabs.main { position: absolute; margin: -43px 0 0 20px; border-bottom: none;}
#content-tabs.main ul li { background-color: #666; border: none;}
#content-tabs.main ul li.active { background-color: #404040; color: #33BFFC; border: 1px solid #666 !important; border-bottom: 1px solid #404040 !important;}
#content-tabs.main ul li.active a { color: #33BFFC; }
  
/* Warning */

#warning { display: block; padding: 15px 10px 10px 10px; border: 1px dotted #666; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 30px 0 20px 18px !important;}
#content-two #warning {width: 390px; padding: 15px 10px 10px 10px; border: 1px dotted #666; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 30px 0 20px 0px !important;}
#warning h4 {position: absolute; margin-top: -23px; color: #FFF; font-size: 14px; font-weight: bold; background: #404040; padding: 0 5px;}
#warning p {margin: 0; padding: 4px !important; line-height: 18px;}
#warning a { padding: 7px 0px 4px 0px; font-size: 12px; color: #FFF; text-decoration: none; }
#warning a:hover {color: #33BFFC; }

  


/* Downloadable Content */

#pdf { display: block; padding: 15px 10px 10px 10px; border: 1px dotted #666; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 30px 0 20px 18px !important;}
#pdf h4 {position: absolute; margin-top: -23px; color: #FFF; font-size: 14px; font-weight: bold; background: #404040; padding: 0 5px;}
#pdf a {background: url(/img/main/pdf.png) no-repeat center left; padding: 7px 0px 4px 30px; font-size: 12px; color: #CCC; text-decoration: none; display: block;}
#pdf a:hover {color: #33BFFC; }
#content-main.wide #pdf {  }
#content-two #pdf { margin: 25px 0 0 0 !important;}
#content-main.wide #content-two #pdf h4 { margin-top: -13px; }

#zip { display: block; padding: 15px 10px 10px 10px; border: 1px dotted #666; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 30px 0 20px 18px !important;}
#zip h4 {position: absolute; margin-top: -23px; color: #FFF; font-size: 14px; font-weight: bold; background: #404040; padding: 0 5px;}
#zip a {background: url(/img/main/icon-zip.png) no-repeat center left; background-size: 20px; padding: 7px 0px 4px 30px; font-size: 12px; color: #CCC; text-decoration: none; display: block;}
#zip a:hover {color: #33BFFC; }
#content-two #zip { margin: 25px 0 0 0 !important;}
#content-main.wide #content-two #zip h4 { margin-top: -13px; }

a.pdf {background: url(/img/main/pdf.png) no-repeat center left; padding: 7px 0px 4px 30px; font-size: 12px; color: #CCC; text-decoration: none; display: block;}

/* Travel Info Box */

#info-box {width: 390px; padding: 15px 10px 10px 10px ; border: 1px dotted #666; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 30px 0 20px 0px;}
#info-box h4 {position: absolute; margin-top: -23px; color: #33BFFC; font-size: 14px; font-weight: bold; background: #404040; padding: 0 5px;}
#info-box p {padding: 0;}
#info-box a {padding: 7px 0px 4px 0px; font-size: 12px; color: #FFF; text-decoration: none; }
#info-box a:hover {color: #33BFFC; text-decoration: underline;}

#content-one #info-box {margin-left: 18px;}

/* Share This */
#share-this {width: 400px; margin: 20px 0 0 27px; }
#share-this p {float: left; display: inline; margin: 07px 10px 0 0; color: #999;}

/* photo gallery */

#content-two #gallery { width: 450px; overflow: hidden; padding: 0 !important; margin: 0 !important;}
#content-main.wide #content-two #gallery { width: 200px; overflow: hidden; padding: 0 !important; margin: 0 !important;}
#content-two #gallery a {clip: rect(85px, 85px); overflow: hidden; width: 85px; height: 85px; float: left; display: block; background: #333; margin: 0px 6px 6px 0px !important; padding: 0 !important; list-style-type: none; border: 1px solid #404040}
#content-two #gallery a:hover {border: 1px solid #33BFFC; }
#content-two #gallery a img {height: 85px; background: #333;}

#content-two #gallery2 { width: 450px; overflow: hidden; padding: 0 !important; margin: 0 !important;}
#content-main.wide #content-two #gallery2 { width: 200px; overflow: hidden; padding: 0 !important; margin: 0 !important;}
#content-two #gallery2 a {clip: rect(85px, 85px); overflow: hidden; width: 85px; height: 85px; float: left; display: block; background: #333; margin: 0px 6px 6px 0px !important; padding: 0 !important; list-style-type: none; border: 1px solid #404040}
#content-two #gallery2 a:hover {border: 1px solid #33BFFC; }
#content-two #gallery2 a img {width: 85px; height: 85px; background: #333;} 

a.upload {width: 180px; height: 130px; display: block; overflow: hidden; background: url(/img/main/upload-photos.gif) no-repeat 0 0; text-indent: -9999px; font-size: 0.001em;}
a.upload:hover {background: url(/img/main/upload-photos.gif) no-repeat 0 -130px; }

/* Tool tip */
a.preview { padding: 4px 0px;}
#preview{ position:absolute; background: url(/img/main/tooltip.png) no-repeat top left; padding:19px 11px 5px 8px; margin: 0px; display:none; width: 247px; }
#preview img {width: 250px; padding: 0px; margin: 0px; }  
 
/* Timeline List style */

ul.timeline {padding: 0px !important; margin: 0 !important; font-size: 12px; }
ul.timeline li {font-size: 12px !important; }

ul.normal li {font-size: 12px !important;}

/* content2 list */

#content-two ul { margin: 10px 0px; overflow: hidden; display: block; padding: 0 0 0 15px; list-style-type: square; }
#content-two ul li {color: #CCC; padding: 2px 0px; font-size: 12px; line-height: 1.5; }
#content-two ul li a {color: #FFF; }
#content-two ul li p a {color: #FFF; }     


/* footer styling */   

#footer { height:300px; width: 900px; padding-top:5px; }
#footer #col1 {width: 430px; height: 200px; float: left; margin: 25px 0px 0px 10px; display: block; overflow: hidden; background: url(/img/main/footer-div.png) no-repeat left top;}
#footer #col2 {width: 210px; height: 200px; float: left; margin: 25px 0px 0px 10px; display: block; overflow: hidden; background: url(/img/main/footer-div.png) no-repeat left top;}
#footer #col3 {width: 210px; height: 210px; float: left; margin: 25px 0px 0px 10px; display: block; overflow: hidden; background: url(/img/main/footer-div.png) no-repeat left top;}

#footer div.section {padding: 0px 12px; }

#footer h6 { padding: 10px 0px; font-weight: normal; color: #33BFFC; font-size: 0.85em; margin: 0px 0 0 1px; text-transform: uppercase;}
#footer h6 span { width: auto; background: #1B1B1B; margin: 0; padding: 10px 15px;}
#footer p {font-size: 12px; color: #666; margin: 5px 0 0 0px; clear: both; }
#footer img.social {float: left; width: 45px; height: 45px; margin-top: 10px;}
#footer ul {margin: 0; padding: 0; width: 110px; float: left; margin: 0px 5px 0px 15px;}
#footer ul li { list-style-type: square; color: #666; padding: 3px 0px;}
#footer ul li a {color: #666; text-decoration: none; font-size: 12px;}
#footer ul li a:hover {color: #FFF; text-decoration: underline;}
#footer div.field {margin-top: 5px;}
#footer span.label {color: #CCC; font-size: 12px; padding-bottom: 5px;}
#footer input {background: #212121; color: #33BFFC; margin-top: 3px; border: 1px solid #666; padding: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#footer input.submit {background: #666; font-size: 10px; cursor: pointer; padding: 5px; margin: 8px 0 0 118px; border: none; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	
#footer-bkg {margin: 0 auto; width: 100%; height: 350px; display: block; margin-top: -275px; z-index: 1; background-color: #302f2f; background: url(/img/main/footer-bkg.jpg) repeat-x center top;}
    
p.smallprint {width: 875px; float: left; display: inline; font-size: 10px !important; margin: 10px 0 0 18px !important;}
p.smallprint2 {width: 250px; float: left; display: inline; font-size: 10px !important; margin: 10px 0 0 18px !important;}
p.admin {position: absolute; width: 80px; margin: 10px 0 0 815px !important; font-size: 10px !important; }