body
{
    font: normal 80%/140% , Verdana, arial helvetica, sans-serif;
	color: #000000;
	background-color: #F7F5EA;
    padding: 1em;
	margin:0;
}

h1, h2
{
    color: #630;
    font-size: 1.5em;
}

h2
{
    font-size: 1.2em;
}

a
{
    color: #00c;
    background: transparent;
}

#mainnav, #mainnav ul
{
    padding: .25em .25em;
    margin-left: 0;
    list-style-type: none;
    border: none;
    width: 13em;
}

#mainnav li
{
    border: none;
    font-weight: bold;
}


#mainnav a
{
    text-decoration: none;
    color: #3366CC; 
    font-weight: bold;
}


#mainnav a:hover{
    color: 	#000000;
}


#mainnav  a:active{
    color: #FF6600;  /*orange*/
}

#mainnav  a:focus{
    color: #FF6600; 
}

#mainnav ul
{
	padding: .2em 0 .2em .5em;
	margin-left: 0px;
	border-left-style: dotted;
	border-left-width: 3px;
	border-left-color: #999999;
	width: 13em;
	font-size: 90%;
}








#mainnav ul li  a
			{
				color: #90A4C0;
			}
			
			
			#mainnav ul li  a:hover
			{
				color: #000000;
			}
			
			#mainnav ul li  a:active
			{
				color: #FF6600;
			}

			#mainnav ul li a:focus
			{
				color: #90A4C0;
			}
			


/*******************
 #90A4C0 gray   
 #000000  black
 #FF6600 orange
 #3366CC;  blue
********************/