/**** 
Help from 
	www.csscreator.com 
	http://www.domedia.org/oveklykken/css-buttons.php
	http://forums.devshed.com/t207084/s.html	
****/
html, body{ 
	margin:0; 
	padding:0; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	align:center;
	text-align: center; /*for IE*/
} 

a:hover { 
	color:#3EA905;
	background-color: white
}
a:link { 
	color:#3300CC;
	background-color: white
}

h1 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:36px
}

h2 { 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:30px
}

h3 { 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px
}


#pagecontainer{ 
	position: relative; /*The container must be positioned in order to contain positioned elements*/
	margin: 0 auto; /*This is the proper way to center an element*/
	text-align: left; /*corrects for IE hack*/
	width: 620px;
	border: 0px solid #3300CC;
	padding: 1px;
}

#header{ 
	height:248px; 
	width:100%; 	
	background-color:#3EA905; 
} 
 
#leftcol{
	width:160px; 
	float:left; 
	position:relative; 
	margin-left:-160px; 
	margin-right:1px; 
}

#footer{
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:gray;
	text-align: center;
	border-top: 1px solid gray;
	margin-top:1px; 
}
 
#outer{ 
	border:solid white 0px; 
	/*/*/ border-left-width: 160px ;  /* left column width. NN4 hack to hide borders */ 
	border-left-color: #3EA905;   /* left column color */ 
	border-left-style: solid; 
	background-color: #FFFFFF; /* center column color */ 
	width: auto; 
 } 
 
#inner{margin:0; width:100%;}
 
#maincol{ 
	float: left; 
	width: 100%; 
	position: relative; 
	margin: 0 -8px 0 -2px; 
}
 
#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
 
.content{
	padding:5px; /*padding for content */ 
	height: 250px; /*min height for IE*/
	min-height: 250px /*min height IE ignores*/
} 

*>.content {
	height: auto; /*for min height to expand, IE ignores*/
}

 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 

a.button {	
	font-weight: bold;	
	font-size: 9px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	padding: 4px 8px;
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid white;
	text-align: center;
	width: 20px;
	text-transform: uppercase;
}
a.button:link {
 	background-color: #3EA905;
 	color: #FFF;
	text-decoration: none;
	}
a.button:visited {
	background-color: #3EA905;
 	color: #fff;
	text-decoration: none;
	}
a.button:hover {
 	background-color: #3EA905;
 	color: #3300CC;
	border-color: black white white black;
	text-decoration: none;
	}
a.button:active {
 	background-color: #369;
 	color: #ccc;
 	text-decoration: none;
	}
a.activebutton,a.activebutton:hover,a.activebutton:visited,a.activebutton:active {
 	background-color: #369;
 	color: #ccc;
 	text-decoration: none;
	}

/*printer styles*/ 
@media print{ 
	/*hide the left column when printing*/
	#leftcol{display:none;} 
	#outer{border-left:0;} 
}