body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#header
{
color:#FFFFFF;
background-color: #000099;
font-size:2.5em;
font-weight:bold;
/* height: 1.75em; */
height: 130px
}

#bodycontainer
{
position: absolute;
width: 100%;
background-color:#003399;
}

#centercontent
{
background-color:#FFFFFF;
margin-left:10em; 
padding:0.5em;
overflow:auto;
}

#leftarea
{
font-size:0.9em;
position: absolute;
left:0;
width: 11em; /* this value coordinates with margin-left of centercontent */
}

#footer
{
color:#FFFFFF;
background-color: #000099;
font-size:0.7em;
height:1.0em;
padding:0.5em;
}

.footer_left
{
	float:left;
}

.footer_right
{
	display:inline;
	float:right;
}

.menu
{
margin: 0;
padding:0;
}

.menu li
{
list-style-type:disc;
margin-bottom: 5px;
}

.menu a
{
margin: 0 2px;
color: #FFFFFF;
background-color:#003399;
text-decoration: none;
}

.menu a:hover
{ 
font-weight:bold;
/*color:#FFCC33;
background-color:#003300;*/
}

p
{
margin: 0 0 10px 0;
}

.li_description
{
	margin-left:1em;
}

h2
{
	font-size:1.5em;
	text-decoration: underline;
}

h3
{
	font-size:1.0em;
}

/* hr
{
	color:#339900;
	background-color:#339900;
}*/

.inline_pics
{
	border:3px solid #339900;
	margin:10px;
}

.pic_left
{
	float:left;
	border:3px solid #339900;
	margin:0px 20px 15px 0px;
}

.pic_right
{
	float:right;
	border:3px solid #339900;
	margin:0px 0px 15px 20px;
}