body 
  {
  font-family: "times new roman", times, sans-serif; 
  background: url(images/walllight.gif);
  color: black;
  text-align: center;
  } 
 
 #wrapper 
  {
   width: 800px;
   padding: 0;
   margin: 0 auto;
   }
   
#header 
  {
  background: black;
  color: white;
  text-align: center;
  padding: 4px;
  margin: 20px 0;
  border: ridge #369 8px;
  }    
   
         
 h1 
  {
  color: white;
  background: black;
  padding: 18px;
  font-size: 3em;
  margin: 5px;
  }
  

  
/*begin navigaton bar*/
#nav 
 { 
 text-align: center;
 font-weight: bold; 
 line-height: 2.5em; 
 color: black;
 background: transparent;
 padding: 10px 0; 
 }
 
#nav li
 {
 list-style-type: none;
 display: inline;
 }
 
#nav ul
 {
 padding: 0;
 margin: 0;
 }

#here
 {
 text-align: center;
 color: black;
 background: #369;
 padding: 8px 28px;
 border-top: #9cc solid 4px;
 border-left: #9cc solid 4px;
 border-right: black solid 4px;
 border-bottom: black solid 4px;
 }

a:link, a:visited, a:active
 {
 color: #9cc;
 text-decoration: none;
 background: black;
 padding: 10px 30px;
 border-top: #9cc solid 4px;
 border-left: #9cc solid 4px;
 border-right: #369 solid 4px;
 border-bottom: #369 solid 4px;
 }


a:hover 
 {
 text-decoration: none;
 color: black;
 background: #369;
 padding: 8px 30px;
 border-top: #9cc solid 4px;
 border-left: #9cc solid 4px;
 border-right: black solid 4px;
 border-bottom: black solid 4px;
 }


/*end navigation bar*/

#content
 {
 border: #369 8px ridge;
 background: black;
 color: white;
 padding: 25px;
 margin-top: 25px;
 overflow: auto;
 height: 100%;
 }
 /*hover*/

#menu {position:relative; margin: 0; padding: 0;}
#menu a.p1, #menu a.p1:visited {display:block; background: #fff; color: #fff; border:0; margin:0; padding:0;}
#menu a img {border:0; padding:0; margin:0;}
#menu a .border {border:1px solid black; padding:0; margin:0 6px; }
#menu a .hspace {padding:0; margin:0 4px; }
#menu a.p1:hover {text-decoration:none; padding:0; margin: 0;}
#menu a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu a.p1:hover .one {display:block; position:absolute; top:0px; left:175px; width:430px; height:300px; border:4px black solid;}
#menu a.p1:hover .two {display:block; position:absolute; top:50px; left:175px; width:430px; height:300px; border:4px black solid;}
#menu a.p1:hover .three {display:block; position:absolute; top:100px; left:175px; width:430px; height:300px; border:4px black solid;}
#menu a.p1:hover .four {display:block; position:absolute; top:175px; left:175px; width:430px; height:300px; border:4px black solid;}
#menu a.p1:hover .aone {display:block; position:absolute; top:0px; right:175px; width:500px; height:325px; border:4px black solid;}
#menu a.p1:hover .atwo {display:block; position:absolute; top:250px; left:175px; width:454px; height:312px; border:4px black solid;}
#menu a.p1:hover .pone {display:block; position:absolute; top:100px; right:175px; width:500px; height:318px; border:4px black solid;}
#menu a.p1:hover .ptwo {display:block; position:absolute; top:600px; right:175px; width:467px; height:319px; border:4px black solid;}
#menu a.p1:hover .pthree {display:block; position:absolute; top:1000px; right:175px; width:534px; height:386px; border:4px black solid;}
#menu a.p1:hover .pfour{display:block; position:absolute; top:1600px; right:175px; width:550px; height:361px; border:4px black solid;}
#menu a.p1:hover .pfive{display:block; position:absolute; top:2100px; right:175px; width:500px; height:329px; border:4px black solid;}
#menu a.p1:hover .psix{display:block; position:absolute; top:2600px; right:175px; width:450px; height:419px; border:4px black solid;}

/*end hover */
#content-left
 {
 float: left;
 background: white;
 color: black;
 padding: 10px;
 width: 150px;
 border: ridge #369 4px;
 height: 460px;
 } 
 
#content-right
 {
 float: right;
 background: white;
 color: black;
 padding: 10px;
 width: 500px;
 border: ridge #369 4px;
 height: 460px;
 }
 
#content-center
 {
  background: white;
  color: black;
  width: 700px;
  margin: 0 auto;
  text-align: left;
  padding: 10px;
  border: ridge #369 4px;
  }
    
 
.bold 
 {
 font-weight: bold;
 }

.space 
 {
 line-height: 150%;
 }
       
.arial 
  {
  font-family: arial, verdana, serif
  } 
       
.size 
  {
   font-size: 1.2em;
   } 
       
.italic 
 {
 font-style: italic
 }
      
        
 hr 
 {
 height: 2px; 
 width: 90%;
 }
        
 .hr2 
 {
 height: 4px; 
 width: 90%
 }
      
.color
 {
 color: #036;
 background: transparent;
 }      
     
a.link:link, a.link:active
 {
 color: #036;
 text-decoration: none;
 background: transparent;
 border: 0;
 padding: 0;
 } 
 
a.link:hover
 {
 color: #630;
 background: transparent;
 text-decoration: underline;
 padding: 0;
 font-size: 100%;
 }
  
a.link:visited
 {
 color: red;
 text-decoration: none;
 background: transparent;
 border: 0;
 padding: 0;
 } 
 
a.top:link, a.top:active, a.top:visited
 {
 color: #369;
 text-decoration: underline;
 background: transparent;
 border: 0;
 padding: 0;
 } 
 
a.top:hover
 {
 color: #630;
 background: transparent;
 text-decoration: underline;
 padding: 0;
 }