/* The body margins are set to surround the page with a nice border.  The padding is 0 so all elements are set this way. This is all the css for the main page, other pages are in the basic.css style sheet  */
	
	body 
	
		{	padding:0px;background-color:white;
			font-size:87.5%;
		}
	
		a {text-decoration: none; color:#333300;}
		a:link{ text-decoration: none !important; 
			color:#333300
		}
		
		a:hover{color: #4040a1}


	
	div#leftcontent 
	
	{
		position: absolute;
		left:0px;
		top:155px;
		width:149px;
		
		
	
		
	}
		
/*The following code is modified from original code from "A list Apart" http://alistapart.com/articles/taminglists by Mark Newhouse.  Deleted the background-color: 90bade below */		
		
		
		#button {
	width: 10em;
	border-right: 1px solid #cccc99;
	border-left: 3px solid #cccc99;
	padding: 0 0 1em 2px;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	
	color: #333;
	}

#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
		border-bottom: 1px solid #90bade;
		margin: 0;
		}


#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #cccc99;
		border-right: 10px solid #cccc99;
		background-color: #996600;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #369;
		color: #fff;
		}




	div#centercontent
	
	 {
		background: #ffffcc;
   		margin-top:0px;
   		color:#333300;
   		line-height: 1.2;		
   		margin-left: 151px;
   		margin-right:150px;
   		
		}
	
	
	div#rightcontent 
		
		{
		
			position: absolute;
			right:0px;
			top:155px;
			width:148px;
			
			
		}
	
	div#banner
	
		 {
			background:#996600;
			height:100px;
			border-top:1px solid #000;
			border-right:1px solid #000;
			border-left:1px solid #000;
			border-bottom: solid #000000;
			voice-family: "\"}\"";
			voice-family: inherit;
		
		}
		

		
	div	#banner_menu 
	
	{
		background:white; 
		background-color: #369;
		height:30px;
		border-top:1px solid #000;
		border-right:1px solid #000;
		border-left:1px solid #000;
		border-bottom: solid #000000;
		
		
		}
		
		
		 ul#topnav 
		 
		{
		
			padding: 0px;
			margin: 0;
			list-style-type: none;
			width: 100%;
			color: #fff;
			background-color: #930;
		}

		ul#topnav li 
	
		{ 
			display: inline; 
		}
		
		ul#topnav li a
		
		{
			float: left;
			width: 20%;
			color: #fff;
			background-color: #993300;
			padding: 0.2em 1em;
			text-decoration: none;
			border-right: 3px solid #993300;
			border-left: 8px solid #993300;
			text-align: center;
		}
		

		ul#topnav li a:hover
		
		{
			background-color: #369;
			color: #fff;
		
		}
		
/*footer links formatinr */

ul#footer_links
		 
		{
		
			padding: 0;
			margin: 0;
			list-style-type: none;
			float: left;
			width: 100%;
			color: #fff;
			background-color: black;
		}

		ul#footer_links li 
	
		{ 
			display: inline; 
		}
		
		ul#footer_links li a
		
		{
			float: left;
			width: 20%;
			color: #fff;
			background-color: black;
			padding: 0.2em 1em;
			text-decoration: none;
			font-size: small;
			font-style: italic;
			border-right: 3px solid black;
			border-left: 8px solid black;
			text-align: center;
			
		}
		

		ul#footer_links li a:hover
		
		{
			
			color: #993300;
		
		}
		

/*end of formatting for footer links */
	div#footer 
	
		{
			background: black;
			height:30px;
			border-top:1px solid #000;
			border-right:1px solid #000;
			border-left:1px solid #000;
			border-bottom: solid #000000;
			
		}
		
/* some hack follows for IE 5.0 */
		

	html>body #footer {
		height:30px;
		}	
		
/* some odds and ends to move eventually */		
		
	p,h1,pre {
		margin:0px 10px 10px 10px;
		}
		
	h1 { color: maroon; font-size:24px; padding-top:10px; text-align: center; }
		
	h2 {
		font-size: 14px;
	     padding-top:10px;
	     text-align: center
	    }
	     
	#banner h1 {
		font-size:14px;
		padding:10px 10px 0px 10px;
		margin:0px;
		}
	
	#rightcontent p {
		font-size:10px
		}
		
		
		/*some code to consider */
		
		h1{
  font-family:verdana;
  color:maroon;
  font-size:18px;
  margin-bottom:0;
}
h2{ font-family:verdana; color:maroon; font-size:16px; margin: 0 0 0 2em; }
h3{ font-family:arial; color:maroon; font-size:12px; text-decoration: none; margin: 0 0 0 2px; 

.underheader{
  margin-top:2px;
}
		
/* image formatting starts here  The float left breaks IE 6.0 for windows so no image is shown, but the text flows around the box */	

img#measure_image {margin: 10px;}
img#title_graphic {margin-left: 4px;margin-bottom: 2px}