body {
font: 12px "bitstream vera sans", "Lucida Grande", 
"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #333; background: #a2aebc; margin: 0; padding: 0; }
	
/**********
 * titles *
 **********/

h1 {
clear: both;
font: 18px "bitstream vera sans", "Trebuchet MS", 
Verdana, Arial, Helvetica, sans-serif; color: #069; }
	
h2 {
font: bold 14px "bitstream vera sans", "Trebuchet MS",
Georgia, Arial, Helvetica, sans-serif;
color: #c30;
margin: 0.8em 0 0.2em 0; }

h3 {
font: bold 14px "bitstream vera sans", "Lucida Grande",
"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #333; margin-bottom: 0.5em; }

img { border: 0; }

/*********
 * links *
 *********/

a:link, a:visited, a:active { text-decoration: underline; color: #069; }
	
a:hover { text-decoration: none; color: #039; }

/*********
 * lists *
 *********/

ul { list-style-type: square; line-height: 1.5em; font-size: 12px; }

li { padding: 0.3em 0 0.3em 0; }


/*****************************************
 * header data: header ids and img class *
 *****************************************/

#header { height: 100px; background: #ffffff; }
	
#header_left { position: absolute; left: 20px; top: 20px; width: 100px; }

#header_center { position: absolute; left: 155px; top: 5px; width: 150px; }

#header_right { position: absolute; right: 20px; top: 25px; 
	width: 100px; text-align: center; }

/*****************************
 * top data: lists and links *
******************************/

#top { background: #a2aebc; }

#top ul { margin: 0; padding: 0 0 0 156px; white-space: nowrap; }

#top ul li { font: bold 12px "bitstream vera sans", "Lucida Grande", 
	"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	list-style: none; float: left; margin: 0; padding: 0; 
	line-height: normal; }

#top a:link, #top a:visited {
	float: left;
	font: bold 12px/16px "bitstream vera sans", "Lucida Grande", 
	"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #004B7B;
	text-decoration: none;
	padding: 4px 10px 4px 10px;
	margin: 0; }
	
#top a:link.active, #top a:visited.active { color: #fff; background: #004B7B; }
	
#top a:hover { text-decoration: none; background: #C6CACF; color: #333; }
	
/************************
 * main data: container *
 ************************/

#main { 
position: relative; 
clear: both;
padding: 1em 2em;
background-color: #fff; }

#main img { float: left; margin-right: 20px; margin-bottom: 20px; }


/*******************************
 * text and other util widgets *
 *******************************/



p { margin: .3em 0; padding: .3em 0; }




