img, div { behavior: url(iepngfix.htc) }

body {	width: 100%; margin: 0;	text-align: center;	 height: 100%; font: normal 80%/160%  Georgia, "Times New Roman", serif; background: #FFF9E9 url(img/bg_home.jpg) no-repeat top center;}
p {font: normal 1em/160% Georgia, "Times New Roman", serif; margin: 5px 0; text-align: justify;}
#wrapper { width: 980px; margin: 10px auto; background:  url(img/bg_container.png) repeat-y; text-align: center; padding: 10px 0 0 0; position: relative;}
#container { width: 930px;	margin: 0 auto 0 auto; padding: 0; text-align: center; background: white url(img/bg_container.jpg) no-repeat; border-right: solid 1px #97938E; border-left: solid 1px #97938E; border-bottom: solid 1px #97938E; }
#logo { width: 155px; height: 220px; float: left; margin: 5px 0 0 5px; display: block; padding: 0;}

/*-----topmenu--------------------------------------*/
#nav {float: right; height:36px; background: url(img/bg_menu.png); color:#fff; text-shadow:1px 1px #888; z-index:500; margin: 90px 5px 0 0; padding: 0; width: 750px; height: 30px;}
.topmenu {list-style:none; font:16px Arial,Verdana; text-align:center; width:720px; margin: 8px 0 0 20px; float: left; padding: 0;}
.topmenu li {position: relative; float:left; margin: 0 30px; z-index:1000;}
.topmenu a {float:left; color:#D04A02; text-decoration:none; height:25px; }
.topmenu a:hover {color: #CC0043;}
.topmenu li#current a {color:black;}
.topmenu ul {display:none; position:absolute; font:normal 13px/150% Arial,Verdana; text-align: left; top:25px; left:0; display:none; list-style:none; width:150px; padding: 0; }

.topmenu ul.drop {position: absolute; left:0; top:22px; background: #F6D174; padding: 0; }
.topmenu ul.drop2 {position: absolute; left:150px; top:0; background: #F6D174; padding: 0; }
.topmenu ul.drop li, .topmenu ul.drop li:hover {width: 150px; margin: 1px 0;}
.topmenu ul.drop li a {margin: 0 5px; font:normal 14px/150% Arial,Verdana; text-align: left; color:#D04A02;}
.topmenu ul.drop li a:hover, .topmenu ul.drop li#current a {color:#D04A02;}
.topmenu ul.drop li:hover, .topmenu ul.drop li.menuhover { background: #FFEEAB; }

/*-------------------end of top menu --------------------------*/
h1 {position: absolute; top: -150px; left: 0; font: normal 1.9em/150% Georgia, "Times New Roman", serif; color:#D04A02;}
#content {width: 740px; height: auto; float: right; margin: 50px 10px 0 0; position: relative;}
#content p {width: 80%; text-align: justify; margin: 10px 0;}
#content ul {width: 80%; text-align: left; padding: 0 0 0 10px;}
#content .subhead {font: normal 1.4em/150% Georgia, "Times New Roman", serif; color:#D04A02; width: 90%; text-align: left; }
#content hr {width: 90%; float: left;}
#content .title {color: gray; font-size: .9em;}
#content b {color: #1457A2;}
#content blockquote {width: 78%; float: left; margin: 0; text-align: justify; border: solid 1px gray; padding: 10px; background: url(img/bg_quote.jpg) no-repeat bottom right; color:#A46A15;}
#content .row { width: 700px; clear: both; margin: 0 0 30px 0; float: left; }
.row .box { font-size: 80%; float: left; width: 220px; background: #E5E5E5; border: solid 1px #B5B5B5; text-align: center; margin: 0 10px;}
.row .box img {margin: 10px;}
.row .box .text {margin: 0 auto; text-align: justify; font: normal 1.1em/150% Georgia, "Times New Roman", serif; width: 90%;}

.floatleft {float: left; margin: 5px;}
.floatright {float: right; margin: 5px;}
/*----------------------*/


input, textarea {border: 1px solid gray;font: normal 1.2em Arial, Helvetica, sans-serif;	color: #656565;}
.spacer {  clear: both;  height: 10px; }
.border { border: 1px solid black; }

#footer {width: 950px; height: 120px; margin: 0 auto; padding: 0; text-align: right; clear: both; background: url(img/bg_footer.jpg) no-repeat;}
#footer .contact { float: left; width: 400px; margin: 80px 0 0 10px; text-align: left; font: normal .8em Arial, Helvetica, sans-serif; color: #656565;}
#footer .validity { float: right; width: 200px; margin: 80px 10px 0 0; text-align: right; font: normal .8em Arial, Helvetica, sans-serif; color: #656565;}
#footer a { margin: 15px 0 0 0; text-decoration: none; color: #656565;}

/*----------end of footer area -------------------*/

/*---gallery---*/
/*--Main Container--*/
.main_view {float: left; position: relative; margin: 0 0 50px 0;}

/*--Window/Masking Styles--*/
.window {height:222px;	width: 742px; background: white; border: solid 1px gray; text-align: center; overflow: hidden; 
/*--Hides anything outside of the set width/height--*/	position: relative;}
.image_reel { position: absolute; top: 1px; left: 1px;}
.image_reel img {float: left; border: none;}
.image_reel a {text-decoration: none; }

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 10px; right: -7px;
	width: 150px; height:37px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {	padding: 5px; text-decoration: none;	color: #fff;}
.paging a.active {	font-weight: bold;	background: #920000; border: 1px solid #610000;	/*-moz-border-radius: 3px; -khtml-border-radius: 3px;	-webkit-border-radius: 3px;*/}
.paging a:hover {font-weight: bold;}
/*-------------------------------------*/

/* Hides from IE5-mac \*/
* html body.artist p {display: inline-block; zoom:1; background: yellow;}
/* End hide from IE5-mac */ 

/*-------lightbox styles for gallery------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 1000; 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; }
#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(gallery/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(gallery/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; 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; }

.thumb { float: left; width: 190px; text-align: center; margin: 0 35px 10px 5px; background: url(img/bg_gallery.jpg) no-repeat; height: 215px;}
.thumb .caption {height: 18px; width: 100%; margin: 10px 0 5px 0; color: #3D3D3D;}
.thumb a img{border: 1px solid gray; padding: 1px; height: auto;}
.thumb a {text-decoration: none; height: auto;}
.thumb img a {margin: 10px auto; display: block; }

/* to display the PDF icon after text links pointing to a PDF file */
a[href$='.pdf'] { padding: 5px 20px 1px 0; background: transparent url(img/icon_pdf.gif) no-repeat center right; text-decoration: none; border-bottom: dotted 1px gray;}

/* use this class to make sure that images won't get iconized */
.imageLink { padding-right: 0px !important;	background: none !important;}

/*--new JQuery Script for Gallery--*/
.st_main {position: relative; float: right; width:700px; height: 400px;}
.st_main img.st_preview{
	position:absolute;
	right:0px;
	top:0px;
	height: 400px;
}
#st_pictitle {width: 300px; background: url(img/bg_st_title.png) repeat; border: dotted 1px #B3A391; position: absolute; bottom: 0; left: 0;}
.st_overlay{
	width:700px;
	height:400px;
	position:fixed;
	top:0px;
	left:0px;
	float: right;
	/*background:transparent url(img/bg_gallerybox.jpg) repeat-x bottom left;*/
	opacity:0.3;
}
.st_loading{
	width: 50%;
	position: absolute;
	top:50px;
	right:50px;
	background:#000 url(images/icons/loader.gif) no-repeat 10px 50%;
	padding:15px 40px 15px 60px;
	-moz-box-shadow:0px 0px 2px #000;
	-webkit-box-shadow:0px 0px 2px #000;
	box-shadow:0px 0px 2px #000;
	opacity:0.6;
}
ul.st_navigation{
	position:absolute;
	width:250px;
	top:60px;
	left:-300px;
	list-style:none;
}
ul.st_navigation li {
	float:left;
	clear:both;
	margin-bottom:8px;
	position:relative;
	width:100%;
}
ul.st_navigation li span.st_link{
	background-color:#EFE9E0;
	float:left;
	position:relative;
	line-height:20px;
	padding:0px 20px;
	-moz-box-shadow:0px 0px 2px #000;
	-webkit-box-shadow:0px 0px 2px #000;
	box-shadow:0px 0px 2px #000;
}
ul.st_navigation li span.st_arrow_down,
ul.st_navigation li span.st_arrow_up{
	position:absolute;
	margin-left:15px;
	width:40px;
	height:20px;
	cursor:pointer;
	-moz-box-shadow:0px 0px 2px #000;
	-webkit-box-shadow:0px 0px 2px #000;
	box-shadow:0px 0px 2px #000;
}
ul.st_navigation li span.st_arrow_down{
	background:#BCA892 url(images/icons/down.png) no-repeat center center;
}
ul.st_navigation li span.st_arrow_up{
	background:#BCA892 url(images/icons/up.png) no-repeat center center;
}
.st_wrapper{
	display:none;
	position: absolute;
    width:100%;
    height:126px;
    overflow-y:hidden;
	top:20px;
    left:0px;
}
.st_thumbs{
    height:126px;
    margin: 0;
}
.st_thumbs img{
    float:left;
    margin:3px 3px 0px 0px;
    cursor:pointer;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;
	opacity:0.7;
}
.st_about{
	display:none;
	position:absolute;
	top:50px;
    left:0px;
	opacity:0.6;
}
.st_subcontent{
	background:#000;
	padding:30px;
	-moz-box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	box-shadow:0px 0px 10px #000;
}