.bar{ scrollbar-arrow-color:#194168;
	scrollbar-base-color:#000000;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#072962;
	scrollbar-face-color:#365E51;
	scrollbar-highlight-color:#CCCCCC;
	scrollbar-shadow-color:#FFFFFF;
	}	

.grad 	{
		FILTER: progid:dximagetransform.microsoft.gradient(startcolorstr=#36475F,endcolorstr=#C7D9D4,gradienttype=1);
		}

/* basic elements */
body { 
	font: 10pt/18pt georgia; 
	color: #555753;  
	background: #365E51
	margin: 2px; 
	}
p { 
	font: 10pt/18pt georgia; 
	margin-top: 0px; 
	
	}
h3 { 
	font: italic normal 14pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}
a:link { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #36475F;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #36475F;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #5E8DA9;
	}

.input-box
{
color: #000;
background: #C7D9D4;
border: #5E8DA9 solid 1px
}

.form-color
{
color: #000;
background: #5E8DA9;
border: #5E8DA9 solid 1px
}


.submit-button
{
color: #C7D9D4;
background: #365E51;
border: 2px #C7D9D4 outset
} 

#navcontainer
{
width: 25em;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-left: 3em;
margin-bottom: 1em;
font: 12 point;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #5E8DA9;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #5E8DA9;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 2px 2px 2px 0.5em;
border-left: 10px solid #36475F;
border-right: 10px solid #508fc4;
background-color: #365E51;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}