body{
  	  margin: 0; /* place items at top left in all browsers*/
			padding: 0; 
			background:#000000;
			color:#ffffff;
			font-family:Arial;
			font-size:11pt;
}
#header{
  position:fixed;
  width: 100%;
  height: 120px;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  color: #ffffff;
	background:url(images/header.jpg);
  background-color: #000000;
	background-repeat:no-repeat;
  border-bottom: 1px solid #c0c0c0;
	z-index:30;
} 

/******horizontal navigation*******/
#hnav{
  position:absolute;
  width: 99%;
	top:0;
	left:1%;
	color: #c0c0c0;
	text-align:center;
}

#hnav ul{
   margin: 0px;
	 padding: 0px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 8pt;
	 color: #FFF;
	 line-height: 30px;
	 white-space: nowrap;
}

#hnav li{
   list-style-type: none;
	 display: inline;
}

#hnav a{
	 text-decoration: none;
	 padding: 5px 5px;
	 color: #FFF;
}

#hnav li a:link,#hnav li a:visited,{
	 color:#ffffff ;
}

#hnav li a:hover{
	 color:#FBC073 ;
}
/******end of horizontal navigation*******/

#pagewrapper{
  position:absolute;
  width: 1024;/*fixed width*/
	top:0;
	left:0px;
	color: #ffffff;
}



#navigation{/*float navigation to left & set width*/
margin-left: 5px;
margin-top: 20px;
float: left;
width: 150px;
/*margin-top: 0px;*/
padding-top: 2em;
z-index:5;
} 

/*****vertical navigation bar list styles****/
#navigation ul 
{
list-style-type: none; 
padding: 0; /*remove indents Mozilla, Netscape, Safari*/
margin: 0; /*remove indents IE & Opera*/
font-family: Arial;
font-style:italic;
font-size:8pt;
} 
#navigation ul li { margin-top: 6px; } /*space between list items*/

#navigation ul li strong{
display: block;/*make nav links into a block*/
width: 115px;
margin-left: 0px;
padding: 1px 1px 1px 5px;
text-decoration: none;
color: #000000;
background:url(images/navimageon.jpg) #202020;/*rollover background for a links */
background-repeat: no-repeat;
cursor:pointer;
}

#navigation ul li a,#navigation ul li a:visited{
display: block;/*make nav links into a block*/
width: 115px;
margin-left:0px;
padding: 1px 1px 1px 5px;
text-decoration: none;
color: #FBC073;
background:url(images/navimageoff.jpg) #202020;/*rollover background for a links */
background-repeat: no-repeat;
} 

#navigation ul li a:hover{/*set hover image and color*/
color: #000000;
background-image: url(images/navimageon.jpg);
background-repeat: no-repeat;
} 

/*****end of vertical navigation bar list styles****/
#zoom a, #zoom a:visited,#zoom a:active{
background-image: url(images/gallery/magnify.jpg);
background-repeat: no-repeat;
padding-bottom:20px;
padding-left:20px;
}

#zoom a:hover{
background-image: url(images/gallery/magnify_on.jpg);
background-repeat: no-repeat;
padding-bottom:20px;
padding-left:20px;
}

#leftcol{/*set margin left and right for middle*/
float:left;
margin-top: 30px;
width:270px; /*fixed width*/
margin-left:0px;
padding: 10px 10px 10px 10px;
line-height: 150%;/*set content line height*/
/*min-height: 400px;*/
background:#000000;
color:#ffffff;
font-size:80%;
text-align: justify;
z-index:5;
} 

#large_col{
position:absolute;
top:40px;
left:160px;
width:800px;
padding: 10px 10px 10px 10px;
background:#000000;
color:#ffffff;
text-align:left;
font-size:85%;
z-index:5;
}

#rightcol{/*set margin left and right for middle*/
position:absolute;
top:40px;
left:450px;
width:450px; /*fixed width*/
padding: 10px 10px 10px 10px;
line-height: 150%;/*set content line height*/
background:#000000;
color:#ffffff;
text-align:center;
font-size:85%;
z-index:5;
} 

.imageborder{
   border:solid 1px #c0c0c0;
}

.padded_border{
 border:solid 1px #c0c0c0;
 margin:7px;
}

#footer{
/*position:fixed;*/
left:0px;
bottom:0px;
width:450px;
margin-top:25px;
padding:10px;
border-top: 1px solid #404040;
text-align: center;
font-size:85%;
color:#808080;
z-index:-1;
} 

#footer2{
position:absolute;
left:0px;
top:370px;

width:450px;
margin-top:25px;
padding:10px;
border-top: 1px solid #404040;
text-align: center;
font-size:85%;
color:#808080;
z-index:-1;
} 

A:link {text-decoration: none; color:#FBC073;}
A:visited {text-decoration: none; color:#FBC073;}
A:active {text-decoration: none; color:#FBC073;}
A:hover {text-decoration: none; color:#F99A1F;}

#image_cloak{
position:absolute;
top:0px;
left:0px;
z-index:50;
}