@charset "utf-8";
/* CSS Document */

/* BODY */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#FFF;
	background:url(images/bg/bg_wood.jpg) top center no-repeat fixed;
	background-color:#000;
	background-position:center;
}

h2 {
	text-shadow: 2px 2px 3px #000;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:-5px;
}

h3 {
	text-shadow: 2px 2px 3px #000;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:-5px;
}

p.textheader {
	text-shadow: 2px 2px 3px #000;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:-5px;
}

strong {
	color:#080;
	text-shadow: 2px 2px 3px #000;
}

/* id - can only be used once */
div#page {
	display:block;
	width:932px;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	margin:0 auto;
	position:relative;
}

div#photo {
	margin:0px 0px 12px 5px;
	padding:0px 0px 0px 0px;
	float:left;
}

div#links {
	width:365px;
	height:353px;
	margin:0px 0px 12px 5px;
	padding:0px 0px 0px 25px;
	background-image:url(images/bg/content.png);
	text-align:left;
	float:left;
}

span#sub {
	font-size:85%;
}

div#pdf {
	float:left;
	position:relative;
	margin-right:20px;
}

div.link {
	padding-bottom:10px;

}


/* class - can be used multiple times */
div.body {
	margin:0px 0px 12px 5px;
	padding:12px 12px 12px 12px;
	background-image:url(images/bg/content.png);
	float:right;
	width:500px;
}

div.header {
	display:block;
	width:930px;
	float:none;
}

div.welcome {
	width:525px;
	float:right;
	text-align:left;
}

div.scroll {
	height:500px;
	width:500px;
	overflow:auto;
	background-image:url(images/bg/content.png);
	padding:12px;
	margin:0px 0px 12px 5px;
	float:right;
	position:relative;
}

div.left {
	height:500px;
	width:500px;
	overflow:auto;
	background-image:url(images/bg/content.png);
	padding:12px;
	margin:0px 0px 12px 5px;
	float:right;
	position:relative;
	text-align:left;
}

div.leftKnow {
	height:830px;
	width:500px;
	overflow:auto;
	background-image:url(images/bg/content.png);
	padding:12px;
	margin:0px 0px 12px 5px;
	float:right;
	position:relative;
	text-align:left;
}

img.left {
	position:relative;
	right:175px;
}

div.footer {
	display:block;
	width:930px;
	margin:0 auto;
	float:none;
	clear:both;
}

p.copyright {
	font-size:10px;
}

/* LightBox - open a view window when image is selected */
/* LightBox - http://www.lokeshdhakar.com/projects/lightbox2/ */
#thumbnail {
	margin-bottom:25px;
}

#thumbnail img{
	margin-bottom:5px;
	margin-right:10px;
}

#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;
	background-image:url(images/lightBox/images/loading.gif);
}
	
#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/lightBox/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background:url(images/lightBox/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
	font:10 px Arial, Helvetica, sans-serif;
	text-align:left;
	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;
	font:10 px Arial, Helvetica, sans-serif;
	text-align:left;
}
	
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}	
	
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	text-align:left;
	/* padding-bottom: 0.7em; */
	outline:0;
}

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

/* Horizontal Menus - These are navigation styles - start */
div.buttonBg {
	display:block;
	width:950px;
	height:33px;
	left:10px;
	position:absolute;
	background-color:#000;
}


#nav{
	list-style:none;
	margin:0;
	padding-left:20px;
	float:left;
	background:url(images/layOut/buttons/buttonSprite_normal.jpg);
	width:930px;
}

#navtwo {
	clear:both;
	position:absolute;
	top:275px;
	left:65px;
	list-style:none;  /*-- take off the "bullet" --*/
	margin-bottom:15px;
	text-align:center;
	width:150px;  /*-- make the UL tag 150 px wide (same as our images) --*/
}

#nav li{
	float:left;
	width:150px;
}

#nav li a:link, #nav li a:visited{
	text-decoration:none;
	text-align:center;
	line-height:25px;
	color:#fff;
	text-shadow: 2px 2px 3px #000;
	font-weight:bold;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	
	
}

#nav li a:hover, #nav li a:active, #nav li a.active{
	background:url(images/layOut/buttons/overLight.png) repeat;
	color:#fff;
	font-size:14px;
}

#nav li a.active{
	cursor:default;	
	background:url(images/layOut/buttons/downDark.png) repeat;
	font-family:Arial, Helvetica, sans-serif;
}

#nav li a.last{
	border-bottom:none;
}


#navtwo li{
	float:left;
	width:150px;
	margin-bottom:15px;
}


#navtwo li a:link, #navtwo li a:visited{
	text-decoration:none;
	text-align:center;
	line-height:25px;
	color:#fff;
	text-shadow: 2px 2px 3px #000;
	font-weight:bold;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	
	
}

#navtwo li a:hover, #navtwo li a:active, #navtwo li a.active{
	color:#fff;
	font-size:14px;
	
}

#navtwo li a.active{
	cursor:default;	
	font-family:Arial, Helvetica, sans-serif;
}

#navtwo li a.last{
	border-bottom:none;
}



/*These are content styles */

#content{
	clear:both;	
	height:500px;
	background-color:#DDD;
}

#a:link { 
	color:#FFF;
}

/* Horizontal Menus - These are navigation styles - end*/

/* Comment - Forms */
div.comment { 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
}

span.required {
	color:#999;
	font-size:10px;
}

input.text {
	background-color:#FFF;
	color:#000;
	border:0 none;
	width:200px;
}

input.button {
	color:#090;
	text-shadow: 2px 2px 3px #000;
	border:0 none;
	background-color:transparent;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	cursor:pointer;
}

input.button:hover {
	color:#060;
	text-shadow: 2px 2px 3px #000;
	border:0 none;
	background-color:transparent;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}


textarea {
	background-color:#FFF;
	color:#000;
	border:0 none;
	overflow:auto;
	height:150px;
	width:275px;
}