html {height: 100.02%}
	
body {
	color: #036;
	font: small/1.5 "trebuchet ms", verdana, arial, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff;}
	
div#wrapper {width: 640px; margin: 10px auto;}

div#header {
	background: #fff url(/smg/images/header.jpg) no-repeat;
	height: 150px;}

#content {
	float: left;
	padding-top: 100px;
	width: 100%;
	line-height: 1.5em;
	color: #036;
	margin-bottom: 15px;
	}
	
#eufocus #content {
	background: #fff url(/smg/images/alertereuf.gif) top left no-repeat;
	padding-top: 70px;}
	
#colaw #content {
	background: #fff url(/smg/images/colaw.gif) top left no-repeat;
	padding-top: 75px;}
	
#elr #content {
	background: #fff url(/smg/images/alerterelr.gif) top left no-repeat;
	padding-top: 70px;}
	
#housingview #content {
	background: #fff url(/smg/images/alerterhvsm.gif) top left no-repeat;
	padding-top: 45px;}
	
#tax #content {
	background: #fff url(/smg/images/taxonomy.gif) top left no-repeat;
	padding-top: 75px;}
	
#footer, ul.footer {
	clear: both;
	font-size: 90%;
	border-top: 1px solid #ccc;
	padding: 15px 0 0 15px}
	
h1 { font-size: 130%; color: #0a2972; margin-bottom: 0.5em; margin-top: 0;}

h2 {
	background: #fff;
	color: #036;
	border: 0; 
	padding: 0;
	font-size: 110%;
	margin: 0.5em 0;}
	
h3 {font-size: 105%; margin: 0.5em 0;}

h4 {font-size: 90%; padding: 0;}

p#letter { font-size: 140%; color: #0a2972; margin: 1em 0; border-bottom: 1px solid #ccc; width: 100%}

p {margin: 1em 0;}

a {text-decoration: none;}

a:hover {text-decoration: underline;}
	
#gutter {padding: 0 10px;}

input:focus {background:silver;}

th {background: #333; color: #fff}

th, td {text-align:left; border: 1px solid #ccc; padding: 0 0.5em}

.red {color:#990000}