/*Style Sheet for Mesa 4-H Index*/

body {
	background-color: #408141;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #666666;}

#wrapper {
     position: relative;
     margin-left: auto;
     margin-right: auto;
     width: 600px;
	 border: solid 4px #339966;
	 background: white;}

#bg {
	padding: 30px 30px 40px 30px;
	background: white;
	width: 540px;}

#header {
	background: url (mesaheader.gif);
	position: relative;
	width: 600px;
	height: 184px;}

#topnav {
	margin-left: 10px;
	line-height: 10px;
	text-align: center;
	width: auto;}

#topnav ul {
    color: white;
	font-weight: bold;
    background: #339966;}
	
#topnav li {
    float: left;
	list-style-type: none;
	text-decoration: none;
	border-left: 5px solid #fff}
	
#topnav li a {
    color: white;
	font-weight: bold;
	background: #339966;
	display: inline;
    float: left;
	text-decoration: none;
    padding: 6px 2px;}

#topnav li a:hover {
     background-color: #FFFFFF;
	 color: #333333;
	 text-decoration: underline;}
	
#topnav li a:visited {
     background-color: #FFFFFF
     color: #black;
	 text-decoration: underline;}
	 
li#first a {
    margin-left: 30px;}

h1 {
   font-family: "Bradley Hand ITC";
   font-size: 24px;
   color: #339966;
   font-weight: bold;
   margin-top: 10px;
   text-align: center;
   text-decoration: none;}

h2 {
   font-family: "Bradley Hand ITC";
   font-size: 18px;
   color: #339966;
   text-align: center;}

h2 a {
   font-size: 18px;
   color: #339966;}  

h2 a:visited {
    font-size: 18px;
	text-decoration: none;
	color: #CCCCCC;}
	
h2 a:hover{
   font-size: 18px;
   color: #339966;
   background-color: #CCCCCC;
   display: text-only block;}

h3 {
   font-size: 10px;
   color: #000000;
   text-align: center;}
   
#footer {
    font-family: "Times New Roman", Times, serif;
	font-size: small;
    color: #339966;
    text-align: center;}
	
#footer a {
    font-size: small;
    color: #339966;
    text-align: center;}
	
#footer a:hover {
     font-size: small;
	 color: #339966;
	 background-color: #CCCCCC;}
	 
#footer a:visited {
     font-size: small;
	 color: black;
	 text-decoration: underline;}
	 
</style>