@charset "utf-8";
/* CSS Document */

body {
background-color:white;
}     


#wrap {
	height:1000px;
	width:860px;
	margin:0 auto;
}              

h4 {

color:#eaeaea;
font-size:5pt;
}



#banner {
height:200px;
width:900px;

margin:0 auto;

}


#nav {

height:700px;
width:200px;
padding-top:10px;




}

#content {
height:790px;
width:550px;
margin-left:205px;
margin-top:-702px;

padding-left:5px;  




}


#footer {
height:130px;
width:900px;

margin:0 auto;
}


ul, ol, li {
list-style:none;
font-family:Verdana;
  
font-size:9pt;
}

p {

font-family:Verdana;
font-size:9pt;
}            

h3 {
	
	color:red;
}              

a:link {
	color:#6f6f6f;
	text-decoration:none;
}               

a:visited {
	color:#6f6f6f;
	text-decoration:none;
	
}  

a:active {
	color:#6f6f6f;
	text-decoration:none;
}                 

a:hover {
	color:#000000; 
	text-decoration:underline;
}

/* general styling for this example */
* { margin: 0; padding: 0; }
body { padding: 20px; }
/* begin gallery styling */
#jgal { list-style: none; width: 200px; }
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; margin-top:20px; }
#jgal li img { position: absolute; top: 315px; left: 650px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ } 


/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }