* { padding: 0; margin: 0 }

body {
	margin: 0 auto;
	padding: 0; background: #7A8891 url(../images/head1.jpg) no-repeat top;
	font: 11px Arial, Sans-Serif;
	line-height: 1.6em;
	color : #000;
}

.content {
	margin: 0 auto;
	padding: 0;
	width: 750px;
}

#top {   width: 750px; height: 156px }
#headline { height: 72px;	width: 750px;	margin: 0;	padding: 0 }
#top h1 { padding: 150px 0 0 2px; color: #ccc; font-size: 2.4em; background: transparent;  border-bottom: 2px solid #bbb;}
#top h1 a { color: #ccc; text-decoration: none; background: transparent; }
#top h1 a:hover; { color: #333; text-decoration: underline; background: transparent }
#top h2 { padding: 0px 2px 0 4px; margin-bottom: 2px; background: transparent; color: #7A8891; font-size: 100%; font-family:  Arial, Verdana, Helvetica, Sans-Serif; font-weight:normal;  border-bottom: 1px solid #bbb; }
#top .padding { padding-top: 5px }


/* headlinez */
#headlinez{
	height: 3em;
	background: transparent;
	width: 750px;
	margin: 1.2em 0;
	color: #aaa;
	padding-left: 0px;
}
#headlinez a { text-decoration: none }
#headlinez a:hover { text-decoration: underline; }


/*navi top*/

#topnav { float: left; margin: 40px 0 20px 0; padding: 0 0 0 4px; background: transparent; height: 20px; width:666px;
	border: 2px solid #bbb; font-weight:bold; font-color:#A5B0B7; }


/*** Main area *****/
#main { margin: 0 auto; width: 750px; padding-top: 0px; background: transparent }
a { color: #A5B0B7; background: inherit;  text-decoration:none; }
a:hover { color: #A5B0B7; background: inherit; text-decoration:underline; }
h1 { font: bold 1.9em Arial, Arial, Sans-Serif  }
h2 { font: bold 1.1em Arial, Arial, Sans-Serif; padding: 0; margin: 0 }
h3 { font: bold 1em Arial, Arial, Sans-Serif;}
ul {  padding: 0; margin: 0 }
li { list-style-type: none }

#left { float: left; 	width: 460px; padding: 0; color: #333; background: #7A8891 }
#left p { color: #333; text-align: justify; margin: 2px 2px 12px 4px; background: inherit }
#left img { margin: 5px 5px 3px 1px; position: relative; border: 1px solid  #bbb; padding: 1px; background: #7A8891; }

#left h2 { font-size:1.8em; width: 460px; color: #ccc; width: 100%; border-bottom: 1px solid #BBB; margin-bottom: 13px; padding-left:2px; line-height: 20px; background: inherit;  }
#left h3 { color: #333; width: 100%; margin: 0px 0 2px 4px; padding-left:0; background: inherit; }
#left ul { }
ul#left ul { list-style-position: inside; margin-left: 2px }
#left ul li { list-style-type: square; margin-left: 15px }
#left ul ul li { list-style: none; margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside }
#left .citation { font-style: italic; margin-left:3px; padding: 0px 30px 0 10px; border-left: 2px solid #7F8D95; }
#left .citation p { padding-bottom: 20px; padding-right: 35px; color: #333; }
.torightc { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5  }
#left blockquote { text-align: justify; border-left: 8px solid #f0f0f0; padding-left: 8px; margin-left: 15px; margin-top: 5px; background: inherit }
#left .toplink { width: 460px; margin-bottom: 40px; margin-top: 25px; padding-top: 2px; text-align: right; border-top: 2px solid #87949C; background: inherit; color:#999; }
#left .toplink a { text-decoration: none; background: inherit; color:#95A0A7;}
#left .toplink a:hover { text-decoration: underline; background: inherit; color:#95A0A7;}
#left .comment {	background: #F5F5F5 }
#left .comment .date {
	text-align: left;
	background: #CCC;
	margin: -10px -10px 8px -10px;
	padding: 5px;
	color: #7A8891;
	font-weight: bold;
	border: none
}
#left .comment .date a { color: #7A8891; text-decoration: underline; background: inherit }
#left br { margin: 0px 0 5px 0; background: inherit }

#right {	float: right; width: 193px; margin: 0 0 0 0 ; background: #7A8891; color:#333; text-align:right;}
#right h2 {
         text-align: right;
	font-size:1.8em;
         border-bottom: 1px solid #bbb;
        	padding-right: 4px;
         padding-bottom: 0px;
         padding-top: 1px;
	line-height: 18px;
	background: # url( ) no-repeat top center;
	margin-bottom: 5px;
         color: #ccc;
}

#right h3 {
         font-weight:normal;
	font-size: 11px;
	padding-right: 2px;
         padding-bottom: 0px;
         padding-top: 6px;
	margin-bottom: 0px;
}

#right .box { background: #; border-bottom: 2px solid #7F8D95; padding: 0px 0 10px 0; margin: 0 0 60px 0; }
#right .box ul { padding-right: 8px }
#right .box p { padding-right: 8px;  font-size: 11px; }
#right .box a { text-decoration: none; font-size: 11px; padding: 0 0 0 0;}
#right .box a:hover { text-decoration: underline; font-size: 11px; padding: 0 0 0 0;}
#right .box li a { text-decoration: none; font-size: 11px; padding: 0 4px 0 4px; }
#right .box li a:hover { text-decoration: underline; font-size: 11px; padding: 0 4px 0 4px; }
#right .box li { text-decoration: none; font-size: 11px; }





/* Form */




#footer { clear: both; border-top:2px solid #bbb; margin: 0 0 3em 0; color: #333; float: left; text-align: right; line-height:200%; width:750px;}
#footer .right  { float: right; text-align: right; }
#footer a { color:#CDE1F0; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


/*** Lightbox *****/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img{ width: auto; height: auto; border:1px solid #333; }
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #7A8891; 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: #7A8891;
         margin: 0 auto;
         line-height: 1.4em;
         overflow: hidden;
         width: 100%;
         height: 40px;
         }

#imageData{	padding:0 10px; color: #333; }
#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: #7A8891; }



/* Contact form */
fieldset { border:0;margin:0;padding:0; }
textarea, input, input.submit {
	color:#333;
         margin-left:4px;
         padding-left: 2px;
         border: 1px solid #777;
         margin-top:4px;
         font:11px Arial, Helvetica, sans-serif;
         line-height: 14px;
         width:177px;
         background-color:#B7BFC4;
         }

 input.submit   {
 font-size:11px; width:80px; background:#A5B0B7; margin-left:105px;
 }