/*Text*/
p { color: #999; font-size: 0.69em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.4em; text-decoration: none; margin: 2px 0 0; padding: 0; }
a { text-decoration: none; border-width: 0; outline-width: 0; }
img { margin-bottom: 6px; border-width: 0; outline-style: none; outline-width: 0; }
img.padr { margin-right: 8px; margin-bottom: 6px; border-width: 0; outline-style: none; outline-width: 0; }
p.white { color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; vertical-align: top; }
p.whitexs { color: #fff; font-size: 0.63em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.2em; }
p.bluexs { color: #0096ff; font-size: 0.63em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.2em; }
p.grey { color: #666; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; vertical-align: top; }
p.greyxs { color: #666; font-size: 0.63em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.23em; }
p.greyspace { color: #666; font-size: 0.63em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.23em; margin-bottom: 4px; }
p.whitespace { color: white; font-size: 0.63em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.23em; margin-bottom: 4px; }
p.footer { color: #fff; font-size: 0.7em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.1em; text-align: center; width: 100%; padding-top: 6px; padding-bottom: 6px; outline-width: 0; }
a.grey:link { color: #333; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a.grey:visited { color: #333; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a.grey:hover { color: #0096ff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a.grey:active { color: #333; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a.white:link { color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a.white:visited { color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a.white:hover { color: #00d1ff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a.white:active { color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a.blue:link { color: #0096ff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a.blue:visited { color: #0096ff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a.blue:hover { color: #00d1ff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a.blue:active { color: #0096ff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
h1.grey { color: #666; font-size: 0.78em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.2em; margin: 0 0 3px; padding: 0; }
h1.greysub { color: #666; font-size: 0.7em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.2em; margin-top: 0; margin-bottom: 3px; }
h1.blue { color: #00d1ff; font-size: 0.78em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.2em; text-align: left; margin: 0 0 3px; padding: 0; }
h1.bluexl { color: #00d1ff; font-size: 1.8em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.25em; text-align: left; margin: 7px 0 3px; padding: 0; }
h1.bluesub { color: #00d1ff; font-size: 0.7em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.2em; margin-top: 0; margin-bottom: 3px; }
h1.dbluesub { color: #0096ff; font-size: 0.7em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.2em; margin-top: 0; margin-bottom: 3px; }
h1.dblue { color: #0096ff; font-size: 0.78em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.2em; margin: 3px 0; padding: 0; }
h1.dbluexl { color: #0096ff; font-size: 1.8em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.25em; margin: 7px 0 3px; padding: 0; }
h1.white { color: #fff; font-size: 0.78em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.2em; margin-top: 3px; margin-bottom: 3px; }
h1.whitexl { color: #fff; font-size: 1.8em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.25em; margin: 7px 0 3px; padding: 0; }
h1.whitesub { color: #fff; font-size: 0.7em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.2em; margin-top: 0; margin-bottom: 3px; }
span.blue { color: #00d1ff; }
span.space { font-size: 2px; }
hr.minor { text-align: center; width: 100%; margin-top: 2px; margin-bottom: 2px; border-top: 0.01em solid #999; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; }
hr.major { text-align: center; width: 100%; margin-top: 10px; margin-bottom: 15px; border-top: 1px solid #666; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; }
hr.paraspace { text-align: center; margin-top: 2px; margin-bottom: 2px; width: 100%; border-width: 0; outline-width: 0; }
/*End Text*/


/*Layout*/
body { 
	background-color: #0096ff; 
	background-image: url(../img/mainbg.gif); 
	background-repeat: repeat-x; 
	text-align:center; 
	}

.outer { 
	background-position: 0 0; 
	text-align:center; 
	width:818px; 
	height: auto; 
	margin: 0 auto; 
	outline-width: 0; 
	}

.bodyblock { 
	text-align: center; 
	position:relative; 
	width:818px; 
	float: left; 
	min-height: 100%; 
	}

.hdr { 
	text-align: left; 
	width: 818px; 
	z-index: 1000; 
	float: left; 
	display: inline; 
	}

.hdrleft { 
	background-image: url(../img/headlogo.gif); 
	background-repeat: no-repeat; 
	text-align: left; 
	position: relative; 
	width: 657px; 
	height: 150px; 
	float: left; 
	overflow: hidden; 
	margin: 0; 
	padding: 0; 
	display: inline; 
	}

.hdrright { 
	text-align: right; 
	width: 161px; 
	overflow: hidden; 
	float: right; 
	padding-top: 35px; 
	}

.hdrlinks { 
	background-color: #000; 
	background-image: url(../img/linkboxbg.gif); 
	background-repeat: repeat-x; 
	text-align: right; 
	position: absolute; 
	right: 0; 
	bottom: 0; 
	width: auto; 
	height: 20px; 
	float: right; 
	overflow: hidden; 
	margin: 0; 
	padding: 6px 6px 0; 
	border-top: 0.1em solid #00d1ff; 
	border-right: 0.1em solid #00d1ff; 
	border-left: 0.1em solid #00d1ff; 
	outline-width: 0; 
	}


.linktab {
	background-color: #000;
	background-image: url(../img/linkboxbg.gif);
	background-repeat: repeat-x;
	text-align: left;
	width: auto;
	height: auto;
	margin: 0 0 14px;
	padding: 3px 7px;
	border: solid 0.1em #00d1ff;
	outline-width: 0;
	}
	
.highlight { 
	background-color: #efefef; 
	background-image: url(../img/highlightbg.gif); 
	background-repeat: repeat-x; position: relative; 
	padding: 5px; 
	width: auto; 
	height: 100%; 
	float: left; 
	overflow: hidden; 
	margin-bottom: 14px; 
	border: solid 0.01em #fff; 
	outline-width: 0; 
	}
.highlightfull { background-color: #efefef; background-image: url(../img/highlightbg.gif); background-repeat: repeat-x; margin-bottom: 14px; padding: 5px; position: relative; width: auto; height: auto; overflow: hidden; border: solid 0.01em #fff; outline-width: 0; }
.highlightfull-l { background-color: #efefef; background-image: url(../img/highlightbg.gif); background-repeat: repeat-x; position: relative; padding: 5px 5px 2000px; margin-bottom: -2000px; margin-right: 14px; width: 194px; overflow: hidden; float: left; outline-width: 0; display: block; }
	 
.highlightfull-r { background-color: #efefef; background-image: url(../img/highlightbg.gif); background-repeat: repeat-x; margin-bottom: -2000px; padding: 5px 5px 2000px; width: 184px; overflow: hidden; max-height: 300px; margin-left: 14px; outline-width: 0; }

.highlightxfit { 
	background-color: #efefef; 
	background-image: url(../img/highlightbg.gif); 
	background-repeat: repeat-x; position: relative; 
	width: auto; 
	height: auto; 
	float: left; 
	overflow: hidden; 
	margin-bottom: 14px; 
	border: solid 0.01em #fff; 
	outline-width: 0; 
	}
	
.onegreytop { 
	background-image: url(../img/grey1top.gif); 
	background-repeat: no-repeat; 
	width: 194px; 
	height: 4px; 
	overflow: hidden; 
	float: left; 
	margin: 0; 
	padding: 0; 
	display: inline; 
	}
	
.onegreymid { 
	background-color: #000; 
	background-image: url(../img/greymid.gif); 
	background-repeat: repeat-x; 
	text-align: left; 
	width: 180px; 
	height: auto; 
	float: left; 
	margin: 0; 
	padding: 0 7px; }

.onegreybase { 
	background-image: url(../img/grey1base.gif); 
	margin: 0 0 10px; 
	padding: 0; 
	width: 194px; 
	height: 4px; 
	overflow: hidden; 
	float: left; 
	}

.lcolsml { 
	text-align: left; 
	display: inline; 
	margin: 0; 
	padding: 0 14px 0 0; 
	position: relative; 
	width: 194px; 
	float: left; 
	vertical-align: top; 
	}

.lcolbig { 
	text-align: left; 
	position: relative; 
	width: 610px; 
	float:left; 
	margin: 0; 
	padding: 0 14px 0 0; 
	display: inline; 
	}

.rcolsml { 
	text-align:left; 
	width: 194px; 
	float: right; 
	margin-top: 0; 
	margin-right: 0; 
	margin-bottom: 0; 
	}

.rcolbig { 
	text-align: left; 
	width: 610px; 
	float: right; 
	margin: 0 0 0 0; 
	}

.ftr { 
	width: 818px; 
	float: left; 
	margin-top: 25px; 
	}

.picauto { 
	display: block; 
	width: auto; 
	height: auto; 
	float: left; 
	margin-bottom: 8px; 
	}
.picpad-r { display: block; margin-bottom: 8px; width: auto; height: auto; float: left; margin-right: 8px; }
.clear { 
	text-align: left; 
	overflow: hidden; 
	width: auto;
	overflow: hidden; 
	}
.threecolwrap { text-align: left; width: auto; overflow: hidden; padding-right: 14px; }
.clearone { 
	width: 180px; 
	overflow: hidden; 
	float: left; 
	display: block; 
	}

.clearone-l { position: relative; display: block; width: 194px; float: left; overflow: hidden; margin-right: 14px; padding: 0; }

.clearone-r { text-align: left; width: 194px; height: 100%; float: right; }

.alignleft 
	{float: left; 
	}

.alignright {
	float: right; 
	}

#multicolumn { 
	width: 610px; 
	-moz-column-count: 3; 
	-moz-column-gap: 14px; 
	-webkit-column-count: 3; 
	-webkit-column-gap: 14px; 
	column-count: 3; 
	column-gap: 14px; 
	}

#multicolumn-two { width: 402px; float: right; -moz-column-count: 2; -moz-column-gap: 14px; -webkit-column-count: 2; -webkit-column-gap: 14px; column-count: 2; column-gap: 14px; }

img.threecol { 
	width: 50%; 
	max-width: 610px; 
	height: auto; 
	min-width: 610px; 
	border: solid 0.01em #00d1ff; 
	}

img.thumbone { 
	width: 180px; 
	height: 125px; 
	overflow: hidden; 
	border: solid 0.01em #00d1ff; 
	}

.clip { position: absolute; width: auto; clip:rect(0 179px 124px 0); outline-width: 0; }
	
.clipwrapper { height:125px; margin-top: 4px; display: block; }

.thumbbox { 
	background-color: #000; 
	background-image: url(../img/linkboxbg.gif); 
	background-repeat: repeat-x; 
	position: relative; 
	width: 606px; 
	height: auto; 
	float: left; 
	overflow: hidden; 
	margin-bottom: 14px; 
	padding-top: 4px; 
	padding-bottom: 4px; 
	padding-left: 4px; 
	border: solid 0.01em #00d1ff; 
	outline-width: 0; 
	}

.thumbclip {
	position:absolute; 
	clip:rect(0 97px 55px 0); 
	outline-width: 0; 
	}
	
.thumbclipwrapper { position: relative; height:55px; float: left; }
	
.thumbclear { display: block; width: 97px; height: auto; float: left; padding-right: 4px; overflow: hidden; margin: 4px 0; }
/*End Layout*/

/*Lightbox CSS*/
#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; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; order-right-style: solid; order-top-style: solid; }
#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(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px/1.4em Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; overflow: auto; width: 100%	; border-left: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; order-bottom-style: solid; order-right-style: solid; }

#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: #333; }
/*End Lightbox CSS*/