body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;background-color: #fff; color: #000;
}


table#logo{
	width: 90%;
	background-color: #fff;	
	border-collapse: collapse;
	border-bottom: 1px solid #ccc;
	margin-left: 20px;
}


table{
		
	border-collapse: separate;
	border-spacing: 2px;
	color: #333;
	
}

td#gray {	
	background-color: #ccc;
	padding: 4px;
}

th#gray { 
	background-color: #ccc;
	text-align: center; 
	font-weight: bold};
	padding: 4px;
}



h1 {
	color: #ccc; font-size: 28px; margin-bottom: 20px; margin-top: 10px;
}

h2 {    
	color: #ccc; font-size: 20px; margin-top: 20px;
}

h3 {
	font-size: 18px; margin-top: 12px; margin-bottom: 0;
}


#main { color: #000; text-align: left; width: 70%; overflow: auto; float: left; margin-right: 20px; margin-left: 20px; padding: 3px; }

ul#menu {margin: 0; margin-left: 20px; margin-right: 20px; padding: 10px; list-style: none;
        background-color: #eee; width: 130px; border: 1px #ccc solid;
	float: left;}


ul#menu li {
       border: 0; margin: 0px; padding: 0;
     
}


ul#menu li a {text-decoration: none; 
             padding: 0.25em 0 0.25em 0.5em;
	     background-color: #eee; 
            }

ul#menu li a:hover {background-color: #999;}


ul#menu a {display: block; }
#content { width: auto; }