/* CSS Document */
body{background-image:url(images/header_slice.gif); background-repeat:repeat-x; background-position:top; color:#A4A4A4; padding:0px; margin:0px; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
ul, li, h1, h3, h4, h5 {margin:0px; padding:0px;}
ul{list-style-type:none;}
.align-right { float:right; margin: 0 0 20px 20px;}
.align-left { float:left; margin: 0 20px 10px 0;}



/*----TOP PANEL----*/

#icons {position:absolute; top:80px; left:890px;}

#header_container{height:350px; position:relative; margin:0 auto; padding:0px;}

#header{background-image:url(images/banner2.jpg); background-repeat:no-repeat; background-position:bottom right; width:600px; height:327px; position:relative; margin:0 auto; padding:2px 9px 0px 0;}

#header img{position:absolute; margin: 22px 0 0 0;}

#header ul{width:110px; height:145px; padding:60px 29px 20px 0; position:absolute; top:103px; left:0px;}

#header_banner{width:394px; height:199px; padding:38px 29px 20px 85px; position:relative; top:92px; left:460px;}

#header_banner img{position:absolute; margin: 0 0 0 0;}

#header ul li{border-bottom:#333333 dotted 1px; width: 150px; font:12px/24px Verdana, Helvetica, sans-serif; font-weight:bold; color: #000; padding-left:10px;}

#header ul li.contact{border:none;}

#header ul li a{font-family:Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#666;
}
#header ul li a:hover{color:#fff; text-decoration:none;}
#header h1{padding:149px 0px 0px 33px; width:547px; height:51px; font-family:Verdana, Helvetica, sans-serif; font-size:13px; font-weight:bold; color: #3B3B3B; position:absolute; top:108px; left:175px;}


/*----BODY1 PANEL----*/
#body1{width:778px; height:77px; position:relative; margin:0 auto; background:url(images/from_shadow.jpg) 0 100% no-repeat;}

#body1 form{width:690px; height:77px; margin:0; padding:0 0 0 88px;}

#body1 form label{width:177px; height:44px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:bold; color: #fff; background-color:#3B3B3B; display:block; float:left; background-image: url(images/level.jpg); background-repeat:no-repeat; background-position:left top; padding-left:60px; line-height:44px; margin-top:17px;}

#body1 form input{width:135px; height:18px; float:left; display:block; margin:28px 25px 0 0; padding:0 0 0 10px;}
#body1 form input.botton{width:56px; height:28px; float:left; background:url(images/button.gif) 0 0 no-repeat #3A3A3A; border:none; color:#fff; font:14px/28px Verdana, Arial, Helvetica, sans-serif; margin:26px 0 0; padding:0px;}
#divider{border-bottom:#333 dotted 2px; width:600px; padding:20px 0 0 0; left:400px;}

/*----/BODY1 PANEL----*/

/*----BODY MIDDLE PANEL----*/
#middlePan{margin:15px 0 0 0; padding:10px 0 0 0;}
#middleMainPan{width:600px; position:relative; margin:20px auto; padding:15px 0 0; background:url(images/body_shadow.jpg) 0 0 no-repeat;}
#middleMainPan p{width:600px; font:12px/14px Georgia, "Times New Roman", Times, serif; line-height: 25px; color:#666; text-align:justify; position:relative; margin:0 auto;}
#middleMainPan h3{font:12px/14px Georgia, "Times New Roman", Times, serif;}
#middleMainPan h4{font:12px/14px Georgia, "Times New Roman", Times, serif;}
#middleMainPan h5{font:12px/14px Georgia, "Times New Roman", Times, serif;}
#middleMainPan h2{width:200px; height:20px; display:block; top:15px; color:#d63236; font:18px/34px Georgia, "Times New Roman", Times, serif; font-weight:bold;}
#middleMainPan img{border: 1px solid #999; background: #fff; display:block; padding: 7px 7px 7px 7px;}
#middlePan h2{width:400px; height:20px; display:block; margin-top: 10px; color:#d63236; font:18px/34px Georgia, "Times New Roman", Times, serif; font-weight:bold;}
#middlePan p.lasttext{padding:0 0 25px 0;}

/*----BODY MIDDLE PANEL----*/

/*----BODY MIDDLE BOTTOM PANEL----*/
#middleBottom{width:600px; padding: 0 10px 20px 10px; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
#middleBottomText{width:600px; padding: 0 0 0 ; margin-left: auto; margin-right: auto}
#middleBottomLeft{width:190px; height:20px; float:left; padding:0 0 0 0; font:12px/12px Georgia, Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; margin-right: 10px;}
#middleBottomLeft h3{padding:0 0; width:185px; height:20px; text-align:center; position:absolute; display:block;  font-weight: bold; color:#151515; font:16px/28px Georgia, "Times New Roman", Times, serif;}
#middleBottomMid{width:190px; height:20px; float:left; padding:0 0 0 0; font:12px/12px Georgia, Verdana, Arial, Helvetica, sans-serif; margin-right: 10px;}
#middleBottomMid h4{padding:0 0; width:185px; height:20px; text-align:center; position:absolute; display:block;  font-weight: bold; color:#151515; font:16px/28px Georgia, "Times New Roman", Times, serif;}
#middleBottomRight{width:190px; height:20px; float:left; padding:0 0 0 0; font:12px/12px Georgia, Verdana, Arial, Helvetica, sans-serif; margin-right: 10px;}
#middleBottomRight h5{padding:0 0; width:185px; height:20px; text-align:center; position:absolute; display:block;  font-weight: bold; color:#151515; font:16px/28px Georgia, "Times New Roman", Times, serif;}
#middleBottom img{border: 1px solid #999; background: #fff; padding: 7px 7px 7px 7px; margin-bottom:auto;}
#middleBottom a{padding: 0 0 0 0; margin-bottom: auto;}


/*----BODY MIDDLE BOTTOM PANEL----*/



/*----BOTTOM PANEL----*/
#bottomPan{height:250px; position:relative; margin:0 auto; padding:20px 0 0; clear:both;}

#bottomMainPan{width:600px; position:relative; margin:0 auto; padding:0 0 0;}
#bottomBorderPan{width:600px; float:left;}

#bottomBorderLeft{width:180px; height:220px; float:left; padding:0 23px 0 0; font:13px/17px Georgia, Verdana, Arial, Helvetica, sans-serif;}
#bottomBorderLeft h2{border-bottom:#666 dotted 2px; padding:10px 0 13px 0; width:180px; height:20px; position:absolute; display:block; color:#151515; font:20px/36px Georgia, "Times New Roman", Times, serif;}
#bottomBorderLeft p{padding:65px 0 0 0; line-height:17px; float:left; width:185px; display:block; color:#333;}

#bottomBorderMid{width:180px; height:220px; float:left; padding:0 23px 0 0; font:13px/17px Georgia, Verdana, Arial, Helvetica, sans-serif;}
#bottomBorderMid h2{border-bottom:#666 dotted 2px; padding:10px 0 13px 0; width:180px; height:20px; position:absolute; display:block; color:#151515; font:20px/36px Georgia, "Times New Roman", Times, serif;}
#bottomBorderMid p{padding:65px 0 0 0; line-height:17px; float:left; width:185px; display:block; color:#333;}

#bottomBorderRight{width:180px; height:220px; float:left; padding:0 0 0 0; font:13px/17px Georgia, Verdana, Arial, Helvetica, sans-serif;}
#bottomBorderRight h2{border-bottom:#666 dotted 2px; padding:10px 0 13px 0; width:180px; height:20px; position:absolute; display:block; color:#151515; font:20px/36px Georgia, "Times New Roman", Times, serif;}
#bottomBorderRight p{padding:65px 0 0 0; line-height:17px; float:left; width:185px; display:block; color:#333;}

#bottomBorderPan ul{float:left; width:200px; padding:0 0 0;}
#bottomBorderPan ul li{width:225px; height:22px; margin:0 10px 0 0;}
#bottomBorderPan ul li a{width:200px; height:22px; display:block; color:#3D3C2C; font:14px/22px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 16px;}
#bottomBorderPan ul li a:hover{background:url(images/arrow-hover.gif) 0 8px no-repeat #BDBDBD; color:#3D3C2C; text-decoration:none;}
img.bottomShadow{display: block; margin:0 auto;}


/*----/BOTTOM PANEL----*/

/*----FOOTER PANEL----*/
#footermainPan{height:144px; background:url(images/footerbg.gif) 0 0 repeat-x #3B3B3B; position:relative; margin:0 auto;  color:#fff; font:13px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:30px 0 0;}

#footerPan{width:778px; position:relative; margin:0 auto;}

#footerlogoPan{display:block; width:215px; height:40px; position:absolute; top:0px; left:456px;}

#footerPan ul{width:546px; position:absolute; top:0px; left:0px;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:250px; background:#3B3B3B; color:#fff; display:block; position:absolute; top:80px; left:10px;}
#footerPan ul.templateworld li a{background:#3B3B3B; display:block; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}
#footerPan p.address{width:778px; color:#fff; position:absolute; top:50px; left:125px; font-size:12px;}
#footerPan p.copyright{width:500px; color:#fff; position:absolute; top:70px; left:220px;}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:49px; left:5px;}
#footerPanhtml a{width:65px; height:24px; display:block; background:url(images/html-normal.gif) 0 0 no-repeat #3B3B3B; color:#fff; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 5px;}
#footerPanhtml a:hover{background:url(images/html-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:50px; left:80px;}
#footerPancss a{width:49px; height:24px; display:block; background:url(images/css-normal.gif) 0 0 no-repeat #3B3B3C; color:#3B3B3B; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;}
#footerPancss a:hover{background:url(images/css-hover.gif) 0 0 no-repeat #3B3B3B; color:#3B3B3C; text-decoration:none;}

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

#lightbox a img{ border: #666 3px; }

#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;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px 10px 10px; color: #666; }
#imageData #imageDetails{ width: 100%; 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: 600px;
	height: 550px;
	background-color: #000;
	}