body, td, p, div  { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: small; color: #000066; background: inherit; }

body { background:  url(images/bgstars.gif) #000000; 

scrollbar-face-color: #336699;
scrollbar-arrow-color: #ccc;
scrollbar-track-color: #ffddff;

scrollbar-highlight-color: #ff99ff;
scrollbar-3dlight-color: #057;
scrollbar-shadow-color: #057;
scrollbar-darkshadow-color: #057;
}

.body { background: #dddddd; color: inherit; margin: 2%; padding: 2%; border: thin solid black; }

.content { background: #eeeeee; color: inherit; 
  margin-left: 125px; margin-top: 20px; margin-bottom: 20px; padding: .5em;
  height: 550px;
  min-height: 300px;	
}
html>body .content { /* IE ignores this block as it doesn't understand the selector */
	height: auto; /* Reset the height for good browsers */
}

.image { float: right; margin: .25em; }

h1 { color: #9999ff; font-size: 1.8em; font-style: italic; text-align: center; margin-top: 0; background: inherit; }
h2 { color: #9999FF; font-size: 1.5em; background: inherit; }

a, a:link, a:visited { color: #036; background: inherit; }
a:hover { background: #ffddff; color: inherit; }

.navcontainer { float: left; height: 90%; }

.navcontainer ul
{
margin-left: 0; padding-left: 0; margin-top: 0; padding-top: 0;
list-style-type: none; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
}

.nav a
{ width: 100px; 
font-size: .8em; font-weight: 500; display: block; padding: 2px; margin: 1px;
background-color: #ffddff; color: #3333FF;
border-top: 2px solid #CCCCCC;
border-right: 3px solid #666666;
border-bottom: 2px solid #666666;
border-left: 3px solid #CCCCCC;
}

.nav a:link, .nav a:visited
{
color: #3333FF; text-decoration: none; background-color: #ffddff; 
}

.nav a:hover
{
background-color: #336699; color: #ffffff; 
border-top: 2px solid #77aacc;
border-right: 3px solid #005577;
border-bottom: 2px solid #995577;
border-left: 3px solid #77aacc;
}