* /* Our "universal rule" */ 
{ 
padding: 0; 
margin: 0; 
border: 0; 
} 
body {
background: #556955;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
} 
#mainContainer {
background: #ffffff;
position: relative;
width: 880px; 
margin: 0 auto; /* We are going to center this design */ 
text-align: left; /* Since we used text-align: center in the body to be sure some older IE versions are going to center our design, we now align the text left */ 
} 
#header {
	background: #ffffff;
	color: #333333;
	height: 170px;
padding: .5em;

} 
#main {
	float: right;/* Our main area is going to be left aligned. */
	width: 680px; /* Our total width for main is 600px */ 
	background: #ffffff;
	padding: .5em;
text-align: left; 

} 
#column { 
float: left; /* Our column is going to be left aligned. */ 
width: 240px /* Our total width - content width is 200px */ 
background: #ffffff;
} 

#footer {
	clear: both;
	width: 880px;
	margin: 0 auto;
	background: #ffffff;
	text-align: center;
	padding-bottom: 1em;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;



} 
#navbar{
background: #ffffff;
padding: .5em;}
p {
	padding-top: .5em;
		padding-bottom: .5em;
}
.dotted {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#navcontent li {
	background-color: #556955;
	margin: 0px;
	padding: 6px;
	width: 110px;
	list-style-type: none;

}
#navcontent li a{
	color: #FFFFFF;
	text-decoration: none;

}
#navcontent li a:hover{
	color: #efffFF;
	text-decoration: underline;

}
.table, .table td {
	border: 1px solid #666666;
	padding: 4px;}