* {



margin:0;



padding:0;



}



img {



border: none;



}



body {



font-family:Arial, Helvetica, sans-serif;



font-size:16px;



background:#CCC	url(../images/background.gif);



}







#container {



width:1000px;



background:url(../images/content.gif);



margin:auto;



}







.containerhead {



width:1000px;



margin:auto;



}







#layoutHeader {



height:150px;



background:url(../images/header1.gif) no-repeat;



}







#layoutHeader h1 {



color:#FFF;



font-size:36px;



font-weight:700;



padding: 0;



margin-top: 0;



}







#layoutHeader h2 {



color:#FFF;



font-size:14px;



font-weight:700;



padding:0 20px;



}







#layoutHeader h1 a {



color:#FFF;



font-size:36px;



font-weight:700;



text-decoration:none;



}







#layoutHeader h2 a {



color:#FFF;



font-size:14px;



font-weight:700;



text-decoration:none;



}







#layoutCenterBody {



padding: 0 0 0 10px;



}







#layoutNavigation {



border:2px solid #050;



width:200px;



float:left;



background:url(../images/nav.gif);



margin:0 0 0 3px;



padding: 0;



}







#layoutNavigation .navTitle {



background:#050;



height:30px;



}







#layoutNavigation .navTitle h3 {



color:#FFF;



text-align:center;



font-size:12px;



font-weight:700;



padding:6px 10px;



}







#layoutBodyContent {



width: 700px;



margin-left:230px;



margin-right:20px;



margin-bottom:100px;



text-align:center;



min-height: 450px;





}







#layoutBodyContent a {



color:#050;



font-size:14px;



font-weight:700;



}







#layoutBodyContent h1 {



color:#15190A;



font-weight:700;



font-size:24px;



padding: 60px 0 10px;





}







#layoutBodyContent h2 {



color:#15190A;



text-align:left;



margin-left:40px;



font-weight:700;



font-size:16px;



margin-top:15px;



margin-bottom:10px;



}







#layoutBodyContent p {



text-align:left;



padding-bottom:10px;



margin:10px 40px 0;



}







.clearer {







}







#layoutFooter {



height:56px;



margin-left: -10px;



background:#050 url(../images/foot.gif) repeat-y;



text-align:center;



}







#layoutFooter p {



padding-top:20px;



color:#fff;



}







#layoutFooter a {



color:#fff;



text-decoration:underline;



}







#layoutFooter a:hover {



color:#BCBA9E;



text-decoration:none;



}







#layoutNavigation ul {



list-style-type:none;



margin:10px 0;



}







#layoutNavigation a {



display:block;



font-size:12px;



width:180px;



border-bottom:1px dotted #15190A;



margin:7px 10px;



}







#layoutNavigation a:link,#layoutNavigation a:visited {



color:#15190A;



text-decoration:none;



}







#layoutNavigation a:hover {



background-color:#050;



color:#fff;



}





.menu ul {



float:right;



list-style-type:none;



font-size:12px;



font-weight:700;



margin:0 10px 10px 0;



padding:0;



}







.menu li {



float:left;



position:relative;



z-index:100;



}







.menu table {



position:absolute;



border-collapse:collapse;



z-index:80;



left:-1px;



top:25px;



}







.menu a,.menu :visited {



display:block;



width:149px;



color:#fff;



background:#050;



text-decoration:none;



margin-right:1px;



margin-left:1px;



text-align:center;



border-top:1px #000 solid;



padding:7px 0;



}







.menu :hover {



color:#444;



background:#d4d8bd;



}







.menu ul ul {



visibility:hidden;



position:absolute;



width:149px;



height:0;



}







.menu ul li:hover ul,.menu ul a:hover ul {



visibility:visible;



}











.change {



display:block;



border:3px solid #000;



margin:10px auto;



}







.mainbody {



text-align:left;



text-decoration:none;



list-style-type:none;



margin:0 0 0 40px;



padding:0;



}







#artcon {



	width: 100%;



	background-color:#005500;



}



#artcon2 {



	width: 100%;



	background-color:#fff;



}



#artcon3 {



	width: 100%;



	background-color:#005500;



}











#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; }



#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{ background: url(../images/prevlabel.gif) left 15% no-repeat; }



#nextLink{ 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; 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; }







table {



	margin: 20px;



}