body {  
background: #ffffff url(../images/body_new.gif) repeat;
margin: 0;
padding: 0;
text-align: center;	 
}

* {
padding: 0px;
margin: 0px;
}

#container {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: left;
}

#content {
width: 100%;
height: 100%;
background: #000000;
padding-top: 0px;
text-align: left;
}

#sideimage {
width: 100%;
height: 350px;
background: url(../images/sideimage.jpg) no-repeat;
padding-top: 0px;
margin-left: 0px;
text-align: left;
}

#pageHeader {
width: 800px;
background: ;
margin-left: 0px;
margin-top: 0px;
}

#pageHeader h1,h2 { 
display: none;
}

#banner {
width: 100%;
height: 115px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
background: #000000 url(../images/bannerbg_new.gif) repeat-x;
}

#banner .p1 {
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;	
color: #000000;
font-weight: normal;
text-align: left;
padding-top: 0px;
padding-left: 0px;
}

#navbar {
position: relative;
width: 900px;
height: 20px;
margin-top: -20px;
margin-left: 467px;
}

#navbar ul {
list-style-type: none;
text-align: left;
padding-top: 2px;
padding-left: 0px;
font: 11px Arial,helvetica,sans-serif;
font-weight: normal;
color: #ffffff;
word-spacing: 10px;
margin: 0;
}

#navbar ul li {
display: inline;
}

#navbar ul li a{
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;	
font-weight: normal;
color: #99cc33;
text-decoration: none;
background-color: #ffffff;
}

#navbar ul li a:hover {
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;	
font-weight: normal;	
color: #000000;	
text-decoration: none;
background-color: #99cc33;
}

#navbar ul li a#active {
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;	
font-weight: normal;	
color: #99cc33;	
text-decoration: none;
background-color: #ffffff;
}

#text {
background: #ffffff;
width: 476px;
height: 350px;
overflow-y: auto;
background-attachment: scroll;
margin-top: -350px;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 467px;
}

#text .p1 {
width: 430px;
font: 11px Arial,helvetica,sans-serif;
color: #666666;
margin-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
text-align: justify; 
}

#text .p2 {
width: 430px;
font: 12px Arial,helvetica,sans-serif;
color: #333333;
margin-left: 15px;
padding-top: 10px;
padding-bottom: 3px;
font-weight: normal;
text-align: left;
border-bottom: 1px dashed #333333;
}

#text .p3 {
width: 430px;
font: 11px Arial,helvetica,sans-serif;
color: #666666;
margin-left: 15px;
padding-top: 5px;
padding-bottom: 0px;
word-spacing: 4px; 
}

#text .p4 {
width: 430px;
font: 14px Arial,helvetica,sans-serif;
color: #333333;
margin-left: 15px;
padding-top: 10px;
padding-bottom: 5px;
text-align: justify; 
}

#text .p5 {
width: 430px;
font: 11px Arial,helvetica,sans-serif;
color: #333333;
margin-left: 15px;
padding-top: 15px;
padding-bottom: 0px;
font-weight: normal;
text-align: left;
}

#text a:link, a:visited, a:active {	
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;	
text-decoration: none;
color: #000000;	
font-weight: normal;
}

#text a:hover {	
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;	
font-weight: normal;	
color: #ffffff;	
text-decoration: none;
background-color: #99cc33;
}

#links {
background: #ffffff;
width: 476px;
height: 350px;
overflow-y: auto;
background-attachment: scroll;
margin-top: -350px;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 467px;
}

#links .p1 {
width: 430px;
font: 11px Arial,helvetica,sans-serif;
color: #666666;
margin-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
text-align: justify; 
}

#links .p2 {
width: 430px;
font: 12px Arial,helvetica,sans-serif;
color: #000000;
margin-left: 15px;
padding-top: 10px;
padding-bottom: 3px;
text-align: justify;
border-bottom: 1px dashed #333333; 
}

#links .p4 {
width: 430px;
font: 14px Arial,helvetica,sans-serif;
color: #333333;
margin-left: 15px;
padding-top: 10px;
padding-bottom: 5px;
text-align: justify; 
}

#links a:link, a:visited, a:active {	
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;	
text-decoration: none;
color: #000000;	
font-weight: normal;
}

#links a:hover {	
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;	
font-weight: normal;	
color: #ffffff;	
text-decoration: none;
background-color: #99cc33;
}

#footer {
width: 100%;
height: 22px;
background: #ffffff url(../images/footer_new.gif) repeat-x;
margin-left: 0%;
margin-top: 0px;
margin-bottom: 0px;
}

#footer .p1 {
font-family: Arial, Helvetica, sans-serif;	
font-size: 10px;	
color: #000000;
font-weight: normal;
text-align: left;
padding-top: 5px;
padding-left: 20px;
}

#footer a{
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;	
font-weight: normal;
color: #99cc33;
text-decoration: none;
background-color: #ffffff;
}

#footer a:hover {
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
font-family: Arial, Helvetica, sans-serif;	
font-size: 11px;	
font-weight: normal;	
color: #000000;	
text-decoration: none;
background-color: #99cc33;
}

#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: #000000; 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(../images/prevlabel.gif) left 1% no-repeat; }


#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 1% no-repeat; }



#imageDataContainer { 
font: 10px Verdana, Helvetica, sans-serif; 
background-color: #000000; margin: 0 auto; 
line-height: 1.4em; 
overflow: auto; 
width: 100%; 
}



#imageData {
padding:0 10px;
color: #999999;
}


#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: 55px; 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; }