body { margin: 0; color: #000; 
font-family: 'Arial', sans-serif; background-color: #fff;
font-size: 100%; text-align: left;
}

body.index {
	padding:1000px;
	width:5000px; 
	height:7542px;
}

body.exhibit {
	height: auto;
	width: auto;
}

.exhibit #past {
	width: 675px;
	left: 260px;
	float:left;
	margin-top: 50px;
	padding-right:40px;
	position:relative;
}

#past .title {
	text-transform:uppercase; font-family: 'Open Sans', Helvetica Neue, sans-serif; font-size: 115%; line-height: 100%; width: 100%; 		border-bottom: 1px solid #384f51; color: #384f51; padding-bottom: 10px; font-weight: normal;
}

#exhibition {
	width:675px;
	font-size: 12px;
	text-align: left;
	border-bottom: 1px dashed #384f51;
	margin-bottom:30px;
	padding-bottom: 25px;
}

#exhibition #header_1 {
	font-family: 'Open Sans', Helvetica Neue, sans-serif; font-size: 130%; text-align:right; line-height: 100%; color: #384f51; padding-bottom: 30px; padding-top: 30px; padding-right:20px; font-weight: normal;
}

#exhibition #header_2 {
	font-family: 'Open Sans', Helvetica Neue, sans-serif; font-size: 130%; text-align:right; line-height: 100%; color: #384f51; padding-bottom: 30px; padding-top: 30px; padding-right:20px; font-weight: normal;
	}
	
#exhibition #header_3 {
	font-family: 'Open Sans', Helvetica Neue, sans-serif; font-size: 130%; text-align:right; line-height: 100%; color: #384f51; padding-bottom: 30px; padding-top: 30px; padding-right:20px; font-weight: normal;
	}

#exhibition img {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#exhibition iframe {
	padding: 0px 10px 10px 10px;
	width: 645px;
}

#exhibition .footer {
	font-size: 10px;
	color: #384f51;
	letter-spacing: 2px;
	font-weight:450;
	text-align:left;
	padding:20px 10px 30px 5px;
}

.exhibit #upcoming {
	position:fixed;
	float:right;
	font-size: 90%;
	text-align:left;
	width: 200px;
	height:auto;
	margin-top: 50px;
	margin-right: 50px;
	left: 980px; 
}

div#background{
   background: url('../images/layout/map-website-design2-5000px-final3.jpg'); 
   background-repeat:no-repeat;
   width:5000px; 
   height:7542px;
   }

div#content {
   padding:0; margin: 0; 
   min-width: 1220px;
   width: 7000px; 
   height:9542px; 
   position: absolute; top: 0; bottom: 0; left: 0; right: 0;
   }

/*menu style*/

div#menu{  
   position: fixed; 
   left: 0px; top: 15px;
   width: 185px; 
   height: 472px;
   padding-top: 0px;
   z-index: 99;
   color: #ede8e6;
   -moz-border-radius-bottomright: 3px;
   -webkit-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
   -webkit-border-radius-topright: 3px;
	border-top-right-radius: 3px;
   text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px;
   -moz-box-shadow: 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 3px 3px rgba(0,0,0,0.2);
	box-shadow: 3px 3px rgba(0,0,0,0.2);
    background: url('../images/layout/menu-transparent.png');
}

div#menu li img {
	width: 11px;
	height: 11px;
	vertical-align: text-bottom;
	padding-left: 8px;
	margin-bottom: -2px;
}

div#menu ul#tabs li{
   list-style-type: none;
   width: 166px;
   position: relative;
   right: 25px;
   text-align: left; 
   font-family: 'Open Sans', Helvetica; 
}

div#menu ul li a{
   text-decoration: none;
   color: #ede8e6;
   text-shadow: rgba(0, 0, 0, 0.8) 0 -1px 1px;
   font-family: 'Open Sans', Helvetica;
   }
   
div#menu ul li a:hover{color: #fff;}

div#menu ul#tabs li.main_item{
	display: block;
	font-size: 75%;
	font-weight: 300; 
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 2.4;  
	font-weight: 400;
	}
	


div#menu ul#tabs li.accordionContent ul li{
	font-size: 70%; 
	line-height: 1.0;
	padding-bottom: 2px; 
	font-weight: 400;
	border-left: 1px solid #ede8e6;  
	position: relative;
	top: -1px;
	right: 30px;
	padding-left: 10px;
	letter-spacing: 2px;
   }
   
span.lowtide{
	letter-spacing: 8px; 
	position: relative; 
	font-size: 110%;
	top: 5px; padding: 5px 0; 
	border-bottom: 0px solid #aaa;}   

span.lowtide2{
	letter-spacing: 1px; 
	position: relative; 
	font-size: 110%;
	text-transform: none;
	top: 5px; padding: 5px 0; 
	border-bottom: 0px solid #aaa;}   

span.social-media {
	letter-spacing: 1px; 
	text-transform: uppercase;
	position: relative;
	top: 5px;
}

span.hbwaters{
	font-size: 95%; 
	position:relative; 
	letter-spacing: 2px;
	top: 5px;
	font-weight: 500;
	font-family: 'Open Sans Condensed', Helvetica;
}

span.maps{
    text-align: left;
    margin-top: 20px;
	display: block;
	line-height: 1.2; 
	padding-top: 3px;
	border-top: 1px solid #d8d3d0;
    text-decoration: none;
    letter-spacing: 3px;
    font-size: 80%;
    font-weight: 400;
    }
span.graphs{
	text-align: justify;
	display: block;
	line-height: 1.4;
	padding-left: 1px;
	font-size: 80%;
    letter-spacing: 2px;
    font-weight: 400;
    font-family:; }
span.years{
	text-align: justify;
	line-height: 1.2; 
	padding-bottom: 3px;
	border-bottom: 1px solid #d8d3d0;
   letter-spacing: 5px;
   font-size: 85%;
   font-weight: 400;
   font-family: 'Open Sans', Helvetica;}

span.digital_archive{
	text-align: justify; 
	position: relative;
    top: 10px;
	display: block; 
	width: 140px;
	padding: 4px 0 3px 0;
	border-bottom: 1px solid #d8d3d0;
	text-decoration: none;
	letter-spacing: 2px;
	font-size: 85%;
	font-family: 'Open Sans Condensed', Helvetica;
	}

/* Social media menu links */
div#menu ul#tabs li.main_item.accordionButton.social-media {
	margin-top: 10px;
	line-height: 1;
}

/*text and links style*/
a{text-decoration: none; color: #336699;}
a:hover{text-decoration: underline; cursor: pointer;}
a:active{text-decoration: underline;}
a img{border: none;}

span.incognitoanchor a {
    color: black;
}
span.incognitoanchor a:hover {
	text-decoration: underline; 
	cursor: pointer;}

span.incognitoanchor a:active{
	text-decoration: underline;}


h1 a{font-size: 50%; text-align: justify; display: block; width: 128px; font-weight: 300; font-style: normal; }
h2{text-transform:uppercase; font-family: 'Open Sans', Helvetica Neue, sans-serif; font-size: 115%; line-height: 100%; width: 80%; border-bottom: 1px solid #384f51; color: #384f51; padding-bottom: 4px; margin-bottom: 20px;font-weight: normal;}
h3{text-transform:uppercase; font-family: 'Open Sans', Helvetica Neue, sans-serif; font-size: 75%; line-height: 100%; width: 800px; border-bottom: 1px solid #384f51; color: #384f51; padding-bottom: 4px; margin-bottom: 20px; font-weight: normal;}

span.spaceright{padding-right: 550px;}

p.blueuppercase{
	color: #384f51; 
	text-transform:uppercase; 
	font-family: 'Open Sans', Helvetica Neue, Helvetica; 
	font-size: 85%; line-height: 1.3; margin-top: 12px;}

span.blueuppercase{
	color: #384f51; 
	text-transform:uppercase; 
	font-family: 'Open Sans', Helvetica Neue, Helvetica; 
	font-size: 85%;}


.center{font-size: 80%;  font-family: arial;
        letter-spacing:0px;
        margin-top: 0px;
        line-height: 1.3;
        color:#333;
        font-weight: 500;
        display: block;}
.center p{width: 90%; display: block; padding-bottom: 0px;}

.tabcontent{display: none;}

div#home{position: absolute; top: 5220px; left: 1650px;}
div.home{width: 1693px; height:1225px; background: transparent;}

/*div#about{position: absolute; top:460px; left:4720px; }*/
div#about{position: absolute; top:450px; left:4720px; }
div.about{width: 900px; padding-left: 210px; padding-top: 30px; }

div#producers{position: absolute; top:1000px; left:2740px;}
div.producers{width: 310px; padding-left: 210px; padding-top: 30px;}

div#support{position: absolute; top:7000px; left:3090px;}
div.support{width: 310px; padding-left: 520px; padding-top: 30px;}


div#contact{position: absolute; top:4420px; left:1205px;}
div.contact{width: 500px; padding-left: 210px; padding-top: 30px;}
a.fb{padding: 0px 13px; border: 2px solid #3a61ba; color: #3a61ba; 
	background: #cee8f0;
	font-size: 200%;
	-mox-border-radius: .3em; 
    -webkit-border-radius: .3em; 
    border-radius: .3em; 
    position: relative; left: -10px; top: -11px;}

div#view{position: absolute; top:1130px; left:3800px;}
div.view{ 
	width: 723px; 
	height:563px;
	margin-left: 220px; 
	margin-top: 20px; 
	border:1px solid #cdcdcd;
	background: url("../images/layout/view_layers.png");
	background-repeat: no-repeat;}

div#life{position: absolute; top:7260px; left:1970px; }
div.life{
   background:url("../images/layout/birds.png");
   background-repeat: no-repeat;
   width: 700px; height:461px; 
   margin-left:430px; margin-top: 200px;
   }

div#engineering{position: absolute; top:3060px; left:3355px;}
div.engineering{
   background: url("../images/layout/engineering_bg.png"); 
   background-repeat: no-repeat;
   margin-left: 80px;
   margin-top: -40px;
   width: 1072px; 
   height: 919px; 
     }

div#history{position: absolute; top:4650px; left: 1600px; }
div.history{margin-top: 20px; margin-left: 130px;
background: url("../images/layout/Pacific.png");
background-repeat: no-repeat;
width: 597px; height: 721px;}



/* GALLERY */

div.documents_gallery{
   min-width: 1200px;
   position: fixed; 
   bottom: 0px;
   left: 0px;}

div.gallery_background{
	background: url('/images/layout/transparent_black.png');
	background-repeat: repeat;
   	float: left;
  	width: auto; 
   	padding: 10px;
   }

div.documents_gallery .img{
    display: inline;
    /*width: 120px;   Adjust as you see fit */
	float: left;
	margin:0 8px;
	text-align: center;
    box-shadow: 3px 3px 3px #222;}	
    
.galleryclear {
	float:left; width: 5px; background:transparent; 
}

.lastlast {
	font-size:2em;
	
}