/* CSS Document */
*{
margin:0;
padding:0;
border:0;
}

@font-face {
    font-family: 'ZapfinoRegular';
    src: url('../fonts/zapfino-webfont.eot');
    src: url('../fonts/zapfino-webfont.eot?iefix') format('eot'),
         url('../fonts/zapfino-webfont.woff') format('woff'),
         url('../fonts/zapfino-webfont.ttf') format('truetype'),
         url('../fonts/zapfino-webfont.svg#webfontO5V0mZ08') format('svg');
    font-weight: normal;
    font-style: normal;
} 

@font-face {
 font-family: 'WarnockProRegular';
    src: url('../fonts/warnockpro-regular-webfont.eot');
    src: url('../fonts/warnockpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/warnockpro-regular-webfont.woff') format('woff'),
         url('../fonts/warnockpro-regular-webfont.ttf') format('truetype'),
         url('../fonts/warnockpro-regular-webfont.svg#WarnockProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	}

html{}
body{
padding:0;
margin:0;
text-align:center;
font-family:"Helvetica", Arial, Veranda, sans-serif;
font-size:11px;
background:#000000 url(../images/bg.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position:center;
color:#111;
}
h2{
color:#214e71;
font-size:1.4em;
margin:4px 0;
padding:0;
}


p.clr{
clear:both;
height:1px;
margin:0;
padding:0;
}
p {
    font-size: 12px;
    line-height: 15px;
	margin:0 auto;
	padding: 15px;
}

div#container{
width:900px;
margin: 0 auto;
text-align:left;
background:url(../images/shadow2.png) repeat-y;
}

div#wrapper{
text-align:left;
margin: 0 auto;
width:800px;
/* background:#d8c494 url(../images/wrap-bg.gif) repeat-y; */
background:#DFDFDF;
padding:0;
}
div#masthead{
background:#500000 url(../images/mast-bg.gif) repeat-x bottom;
height:113px;
text-align:left;
}
div#logo{
padding:10px;
width:338px;
}

div#slogan{
color:#c4c4c4;
font-size:12px;
float:right;
padding:14px 16px 0 0;
font-family: 'ZapfinoRegular';
}

div#email {
float: right;
margin-top: -55px;
padding-right: 15px;
}

div#main{
margin:0;
padding:0px;
clear:both;
background:transparent;
}
div.content{
background:#C4C4C4;
float:left;
width:800px;

}

div.content_home{
background:#DFDFDF;
float:left;
width:800px;

}

.content h1{
font-weight:bold;
font-size:16px;
color:#510000;
padding:0 10px;
margin:10px 0 5px 0;
}
.content h2{
color:#010101;
font-size:12px;
font-weight:bold;
padding:0 10px;
margin-top:15px;
}
.content h3{
color:#510000;
font-size:13px;
font-weight:bold;
padding:10px;
}

.content h4{
float:right;
color:green;
font-size:16px;
padding:4px;
}

.content p{
padding:15px;
margin:0 auto;
line-height: 22px;
}
p.more{
text-align:right;
}
.content table{
font-size:12px;
color:#000;
}

.content form{
font-size:12px;
color:#000;
}

.subcontent{
border-top:1px solid #510000;
margin-top:10px;
}


div.sidebar{
background:#c4c4c4;
width:240px;
float:right;
margin:0;
padding:0;
}

.module{
padding:4px;
width:230px;
background:transparent;
margin-bottom:10px;
margin-left:2px;
}
.module h2{
font-size:14px;
color:#510000;
font-weight:bold;
background:transparent;
}
.notification{
background:#c4c4c4;
padding-bottom:30px;
}
.notification .email{
border:0px solid #510000;
background:#f9f4d6;
height:17px;
}
.notification .submit{
background:url(../images/submit-bg.gif) no-repeat 0 1px ;
width:60px;
height:20px;
color:#f9f4d6;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
}

div#footer{
height:49px;
background: #510000 url(../images/foot-bg.gif) repeat-x top;
text-align:center;
padding-top:0px;
margin-top:0px;
clear:both;
font-size:1em;
}
#footer p{
color:#fffcec;
padding-top:15px;

}
#footer p a{
color:#fffcec;}

ul.bullet{
list-style:disc;
margin-left:30px;
margin-right:20px;
}
.bullet li{
padding-bottom:10px;}

ul.nobullet{
list-style:none;
margin-left:30px;}
.nobullet li{
padding-bottom:10px;}

table.commentform{
margin-left:20px;
margin-right:40px;
margin-bottom:20px;
padding:0px;
background:#f9f4d6;
border:1px solid #510000;}
.commentform td{
vertical-align:top;
padding-bottom:5px;
padding-right:5px;
padding-left:10px;
padding-top:5px;
}
.commentform input, .commentform textarea{
border:1px solid #510000;
background:#fffcec;
}
.commentform .submitbutton{
background:url(../images/submit-bg.gif) no-repeat 0 0px ;
width:60px;
height:20px;
color:#f9f4d6;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
}

 #fullscreen {
        border: 1px solid #333;
        font-size: 12px;
        display: none;
        position: absolute;
        width: 500px;
        z-index: 160;
			background:#000;
			text-align:center;
			padding:10px;
			margin-top:-300px;
			margin-left:137px;
      }
	.fullscreen p{
	text-align:right;
	}
	.fullscreen p a{
	color:#fff;}
	
	/*Lightbox Styling*/
		
		#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }