body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	line-height:1.125em;
	margin: 0; /* zero  margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* step 1 of 2 to center container in IE 5+. */
	color: #000000;
	background-color: #ffffff;
}

#header {	
	position: absolute;
	left: 0px;
	top: 79px;	
    width: 334px;
	height: 88px;
	background-image: url(images/cc9.gif); z-index: 5; }	
	
#flag {
	position: absolute; left: 0; top: 0; 
	width:200px; z-index:7;}

#leftcontent{ 
	position: absolute;
	top: 165px;
	bottom: 0; 
	left: 0;
	width: 180px;
	height: 1200px;	
	background: navy;
	color: white;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.2em;
	font-weight: bold;
	border-right: red 3px solid;
	text-align: left;
	padding:0 5px 15px 15px;}

#maincontent{
	position: absolute;
	top: 0; 
	left: 222px; /*set this value the same as the width of #leftcontent div*/
	right: 0;
	bottom: 0;	 
	background: #fff; 
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;	 
	text-align: left;
	padding:25px; }
	
#title {  /* for the Member name, like City of Ballwin*/
	position:absolute;
	width:542px;
	height:auto;
	z-index:1;
	left: 256px;
	top: 89px;
} /*centers the title box in both FF and IE*/
		
#title p {font-size: 1em; font-weight: bold; color: #FF0000; text-align: center;}
		/*controls the title in the box in both FF and IE*/	
		
#POC {  /*index content and POC info*/
	position:absolute;
	top:262px;
	left:18px;
	margin-right: 20px;}
	
#table {  /*calendar and volunteer tables AND index content*/
	position:absolute;
	top:176px;
	left:18px;
	width:95%;
}
	
hr {border: none;
	color: #333366;
	background-color: #333366; /*need this for NS*/
	height: 4px;
	width: 100%;}	

/* this bunch verified in June 2010*/	
td p {font-size: .9em; text-align: left;} 
td p.date {font-size: .9em; text-align: center; color: red; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;} 	
p {	font-size: .9em; text-align:left;}	/*all fonts unless otherwise stated by divs*/
a:link {text-decoration: underline; color: #ffffff; background-color: transparent;	} /*nav*/
a:visited {text-decoration: underline; color: #ffffff; background-color: transparent; }	 /*nav*/
a:hover {text-decoration: underline; color: #ff0000; background-color: white;} /*nav*/	
#maincontent a:link { color: #0000FF; } /*blue*/
#maincontent a:hover {	color: #ff0000;	} /*red*/
#maincontent a:visited {color: #0000FF; } /*blue*/	
#leftcontent h4 {font: .9em; color:#ffffff;}





* html body{ /*IE6 hack*/padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfleftcontentDiv)*/}

* html #maincontent{ /*IE6 hack*/  height: 100%; width: 100%; }			 	

#maincontent .hilite a:link { color: #ffffff; text-decoration: none; }
#maincontent .hilite a:hover { color: #000000; text-decoration: none; }
#maincontent li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em;}

.hilite { background-color: #009933; color: #ffffff; }
.hilite a:link {background-color: #009933; text-decoration: none; }
.hilite a:hover { background-color: #009933; text-decoration: none; }