body 
{
border-style:solid;
border-width:0px;

background-image:url('baroegpics/back.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center; 
		background-color:#000000;
		color:#FFFFFF;
		font-family:arial;
		font-size:14px;
line-height:120%;
		scrollbar-base-color:#330000;
		scrollbar-track-color:black;
		scrollbar-face-color:#8B0000;
		scrollbar-highlight-color:#FFFFFF;
		scrollbar-3dlight-color:#FF0000;
		scrollbar-darkshadow-color:#000000;
		scrollbar-shadow-color:brown;
		scrollbar-arrow-color:#000000;

}

a:link,a:visited
{
	text-decoration:none;
	color:#FF0000;
}

a:hover,a:active 
{
	color:#CC0000;
}

div.container
{
position:relative;
width:auto;
margin-top:5%;
margin-right:10%;
margin-left:10%;
}


div.left
{
float:left;
position:absolute;
}

div.content
{
height:800px;
width:auto;
overflow:auto;
padding-left:200px;
padding-right:30px;
text-margin:10%;
z-index:-1;
}

td.agenda
{
padding:5px;
width:10%;
cellspacing:0;
border:1;
background-color:transparant;
text-align:right;
vertical-align:text-top;
font-family:arial;
font-size:12px;
} 

td.agenda2
{
padding:5px;
width:90%;
cellspacing:0;
border:1;
background-color:transparant;
font-family:arial;
font-size:14px;
} 

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 10em;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.35em;
		margin-bottom : 0px;
		width: 10em;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 8em;
		margin-top : -1.5em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 10em;
		w\idth : 12.5em;
		display : block;
		color : red;
		font-weight : normal;
		text-decoration : none;
		background-color : black;
		background-color:transparant;
		border : none;
		padding : 0em;
	}
	
	#nav li a:hover {
		color:#CC0000;
		background-color : none;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	#content {
		margin-left : 12em;
	}

 
<script type="text/javascript"><!--//--><![CDATA[//><!--
 
sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
 
//--><!]]>