body {
 text-align: center;
 font: 9pt/16pt verdana, arial, helvetica;
}


#wrapper {
 width: 800px;
 margin: 0px auto;
 text-align: left;
 position: relative;
 border: 1px solid gray;
}

#contentArea
{
margin-left: 150px;
margin-right: 160px;
padding: .5em;
}

#leftPanel { 
 width: 140px;
 float: left;
 padding: .5em;
} 

#rightPanel {
 width: 160px;
 float: right;
 padding: .5em;
}

#footer {
 clear: both;
 padding: .5em;
 background-color: #99c4d7;
 border-top: 1px solid gray;
}

#siteImage span {
  display: none;
}

#siteLogo span {
  display: none;
}

h1 {
  font-size: 14pt;
}

h2 {
  font-size: 12pt;
}

h3 {
  font-size: 10pt;
}

/* Menu Styles */

#menu {
  border: 1px solid gray;
}

#menuList {

margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
}


#menu ul li{

list-style-type:none;
padding:0px;
margin:0px;

}


#menu ul li a{

background-color:#99c4d7;
display:block;

line-height:20px;
height:20px;
margin:0px;
 
font-family: Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:bold;
text-decoration:none;
padding-left:3px;
padding-top:7px;
color:#000000;

}



#menu li a:hover {

color:#FFFFFF;
background-color:#77B8CC;

}

/* Menu Styles Ends */