body {

text-align: center;
}

div#wrap { 
width:797px; 
margin:0 auto;
text-align: left;
} 
/* "auto" makes the left and right margins center the wrapper */  

/* top logo */


div#toplogo {

width: 787px;
height: 100px;

background:url("../graphics/logo.jpg") no-repeat;
border: 0px solid gray;

}

/* horizontal Navigation Bar */


div#hnav {

width:787px;
height:15px;
border: 0px solid gray;
background-color: white;

}


 
/* navbar */

div#navbar ul {

float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
border-bottom: 1px solid gray;

}

div#navbar a {

float:right;
height:15px;
font-family: verdana, sans-serif;
font-size: 80%;
text-decoration:none;
color:gray;
background-color:white;
padding:0 0.6em;
border-right:1px solid gray;

}

div#navbar a:hover {

background-color:rgb(200,200,200);

}


div#navbar li {

display:inline

}


/* Main area */


div#mainarea {

width:787px;
height:90%;
border-left: 0px solid gray;
text-align:center;

}



/* Footer */


div#footer {

width:787px;
height:20px;
border-top: 1px solid gray;

}

/* Set's Style for the Copyright Paragrh text */

div#copyright p {
font-family: verdana, sans-serif;  
font-size: 70%; 
color: gray; 
margin-left: 5px;
font-weight: bold;
text-align:right;
clear: both;

}

div#leftnav {

float:left;
width:135px;
height:90%;
border-right: 0px solid gray;
font-family: verdana, sans-serif;  
font-size: 70%;
text-align:left;
text-decoration:none;
margin-top:10px;

}



div#leftnav a {

text-decoration:none;
color:black;
font-weight:bold;

}


div#leftnav a:hover {

text-decoration:none;
color:gray;
font-weight:bold;

}


div#leftnav a:active {

text-decoration:none;
color:black;
font-weight:bold;

}




div#mainpage {

float:left;
width:530px;
height:90%;
border: 0px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
padding:10px;

}

div#mainpage img {

margin-top:5px;

}



div#mainpage p, ol, ul {

font-family: verdana, sans-serif;  
font-size: 90%;
text-align:left;
text-decoration:none;

}


div#mainpage h1 {

font-family: verdana, sans-serif;  
font-size: 200%;
text-align:center;
text-decoration:none;

}

div#mainpage h2 {

font-family: verdana, sans-serif;  
font-size: 150%;
text-align:center;
text-decoration:none;

}

div#mainpage h3 {

font-family: verdana, sans-serif;  
font-size: 90%;
text-align:center;
text-decoration:none;

}

div#mainpage h4 { font-family: verdana, sans-serif; font-size: 90%; font-weight: bold; text-align:left; text-decoration:none; }

div#mainpage td {

font-family: verdana, sans-serif;  
font-size: 75%;
text-align:center;
text-decoration:none;

}

/* Set's the width and position */

div#insert {

float:right;
width: 90px;
height:90%;
text-align: right;
border: 0px solid gray;
margin-top:15px;
padding:0px;

}


/* Defines the links */

div#insert a {
color: black;
font-family: verdana, sans-serif;
font-size: 70%;
text-decoration: none;
text-align: right;

}

div#insert a:link { 
color: black;
text-decoration: none;
font-weight:bold;

 }


div#insert a:active { 
color: black;
text-decoration: none;
font-weight:bold;
 
 }

div#insert a:hover { 
color: gray;
text-decoration: none;
font-weight:bold;

 }