/* CSS RESET */
html{color:#000;background:#001;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:14px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */


body {
	text-align:center;
	color:#ffe;
}
a {
	text-decoration:none;
	color:#ffe;	
}
a:hover {
	text-decoration: underline;
		color:#045AB4
}
#wrap {
	width:880px;
	text-align:left;
	margin:0 auto;background:url(images/banner.jpg);
}

.fl{float:left; width:880px;}
.fr{float:right; width:880px;}
.clearfix{ clear:both}

#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a{ border: none; color:#666; }

#outerImageContainer{ position: relative; background-color: #ffe; 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, #prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink, #nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #ffe; 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; }


/* header */
#header { position:relative; height:260px; }
#logo { position:absolute; top:0px; right:0px }
#logo h1 { font-size:36px; font-style: italic; color:#ffe }
#logo h2 { font-size:14px; padding-top:70px; padding-left:0px; }
#logo h3 { font-size:14px; padding-top:5px; padding-left:80px; }
#logo div { padding-left:190px; font-style: italic; font-size:18px; }
#nav { position:absolute; top:160px; left:200px; background:url(images/nav_hover.jpg); width:476px; height:46px; line-height:46px; padding:0px }
#nav li { float:left;  font-weight:700; width:92px }
#nav a { text-decoration:none; display:block; text-align:center; }
#nav a:hover { padding: 0 10px 0 0; }

/* content */
#content { }

.side { padding:0 0 0 120px; width:650px; display:inline; }
.side h1 { font-size:22px; padding: 0px 0px 20px 0px; }
.side h2 { font-size:13px; padding: 0px; font-weight: bold; }
.side h3 { font-size:12px; float:right; text-align:right; margin-bottom: 20px; }
.side h4 { font-size:14px; padding: 0px 0px 10px 0px; font-weight: bold; }
.side a img { float:left; padding: 0px 10px 0px 0px; }
.side p {margin-bottom: 20px; padding: 0px; font-size:12px; }

#rules ol { }
#rules Li {list-style: none; list-style-position: outside;  text-indent: -0px; margin-left: -0px; padding: 0px 0px 10px 5px; }


/* footer */
#footer { background:url(images/ft.jpg); height:133px; position:relative }
#ftinner{ position:absolute; bottom:20px; width:680px; margin-left:120px }
.ftlink { width:500px; }