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

body {margin:0; padding:0; background:url(images/max-img-bkgd.jpg) repeat-x;}
p { font: 12px Arial, Helvetica, sans-serif; color: #626060; text-align:justify; }
td { font: 12px Arial, Helvetica, sans-serif; color: #626060;  }
b { font: bold 12px Arial, Helvetica, sans-serif; color: #bf2228; line-height: 23px;  }
h1 { font: bold 16px Arial, Helvetica, sans-serif; color: #000; }
h2 { font: 13px Arial, Helvetica, sans-serif; color: #807c7c; }
em { font: 11px Arial, Helvetica, sans-serif; color: #888686; text-align:justify; }
/*ul {font: 11px Arial, Helvetica, sans-serif; color: #b2b2b2; list-style:none; }*/
a:link { color: #e40000; text-decoration: none; }
a:visited { text-decoration: none; color: #e40000; }
a:hover { text-decoration: underline; color: #a8a7a7 }
a:active { text-decoration: none; color: #747171; }
ul{list-style-type:none;padding:0 0 0 5px;margin:0px;font: 12px Arial, Helvetica, sans-serif; color: #888686;}
td b { font: bold 10px Arial, Helvetica, sans-serif; color: #bf2228; line-height: 23px;  }


#wrap { float:left; width: 975px; height:auto;}

#left-wrap { float:left; width: 581px; height:1100px;}
#left-header { width: 581px; height:199px;}
#left-nav { width: 581px; height:36px; /*background:url(images/max-img_17.jpg);*/}
#left-text { width: 500px; height:auto; margin: 15px 0 0 35px;}
#divider { width: 500px; height:1650px;}
#left-text img { margin: 15px 0 15px 15px; float:right;}
#left-text2 { float:right; width: 200px; height:380px; margin: 15px 0 0 35px; border: 1px solid #b2b2b2; padding: 2px;}
#left-text-header { width: 198px; height: 20px; margin: 0; border: 1px solid #b2b2b2; background-color:#bf2228;}
#left-text-header b { font: bold 12px Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 0 5px; line-height:18px }
#left-text-header p { text-align: left; margin: 10px 5px 0 5px; }
#left-text ul{list-style-type: disc;padding:0 0 0 10px;margin:0px;font: 12px Arial, Helvetica, sans-serif; color: #b2b2b2;}
#camp { float:left; width: 160px; height:auto; border: solid 1px #CCC; padding:0px }
#camp p { text-align: left; margin: 10px 5px 0 3px; font:11px; }
#camp em { text-align: left; margin: 10px 5px 0 3px; font:10px; }

#right-wrap { float:left; width: 394px; height:auto;}
#right-text { float:left; width: 225px; height:auto; margin: 25px 0 0 10px; border: 1px solid #b2b2b2; padding: 10px;}
#sponsored-box { width: 500px; height:110px; }
#sponsored {float:left; width: auto; height:110px; }
#footer { float:left; width: 975px; height:100px;}
#footer p { text-align: left; margin: 10px 5px 0 10px; }

.wireframemenu{float:left; border: 1px solid #C0C0C0; background-color: white; border-bottom-width: 0; width: 225px;margin: 15px 0 0 35px }
* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */ width: 225px;}
.wireframemenu ul{ padding: 0; margin: 0; list-style-type: none; }
.wireframemenu a{ font: bold 13px Verdana; padding: 4px 3px; display: block; width: 100%; /*Define width for IE6's sake*/ color: #595959; text-decoration: none; border-bottom: 1px solid #C0C0C0; }
.wireframemenu a:visited{ color: #595959; }
html>body .wireframemenu a{ /*Non IE rule*/ width: auto; }
.wireframemenu a:hover{ background-color: #e40000; color: black; }

.preload1 {background: url(images/blank_over.gif);}
.preload2 {background: url(images/blank_overa.gif);}

#nav {padding:0; margin:0; list-style:none; height:36px; position:relative; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(images/blank.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px;background:url(images/blank.gif) right top;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(images/blanka.gif) no-repeat right top;}
#nav li a.top_link:hover {color:#fff; background: url(images/blank_over.gif) no-repeat;}
#nav li a.top_link:hover span {background:url(images/blank_over.gif) no-repeat right top;}
#nav li a.top_link:hover span.down {background:url(images/blank_overa.gif) no-repeat right top;}

#nav li:hover > a.top_link {color:#fff; background: url(images/blank_over.gif) no-repeat;}
#nav li:hover > a.top_link span {background:url(images/blank_over.gif) no-repeat right top;}
#nav li:hover > a.top_link span.down {background:url(images/blank_overa.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:50;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub
{left:0; top:31px; background: #fff; padding:3px; border:1px solid #bf2228; white-space:nowrap; width:140px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:140px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:20px; width:140px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#bf2228; color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#bf2228 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}

#nav li:hover ul li:hover > a.fly {background:#bf2228 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:130px; top:-4px; background: #fff; padding:3px; border:1px solid #bf2228; white-space:nowrap; width:140px; z-index:100; height:auto;}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: /*transparent url(images/blank.gif) no-repeat;  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;
	}

#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

/* form */

td { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #626060; text-decoration: none; }
td p { font: 10px Arial, Helvetica, sans-serif; color: #626060; text-align:justify; }
.required { color: #E60000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#pr { padding-left: 20px; padding-right: 60px; }
.input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #666666; text-decoration: none; background-color: #FFFFFF; border: 1px inset #CCCCCC; }
.page { color : #FFFFFF; text-decoration : none; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 9px; font-weight : normal; background-color: #DBD7BD; height: 11px; width: 13px; text-align: center; vertical-align: middle; } 
.button { background-color: #DBD7BD; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #5C5A4F; border-top: 1px solid #EAE8D9; border-right: 1px solid #A29B77; border-bottom: 1px solid #A29B77; border-left: 1px solid #EAE8D9; height: 22px; }
fieldset { margin:10px 0 0 0;}