/*Style Sheet for TRA 4-H Index, And all TRA Pages*/

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

#wrapper {
    position: relative;
	margin:0 auto 0 auto;
	width: 825px;
	text-align: left;
	border: solid 2px #339966;
	background: white;}

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

#header {
    background-image: url (cloverhdr.jpg);
	width: 702px;
	height: 184px;}

#topnav {
	margin-top: 8px;
	text-align: center;}
	
#topnav ul {
	background: #fff;
	border-bottom: 0;
	float: left;
	margin: 0;
	padding: 0;
	width: 760px;}

#topnav li {
	float: left;
	height: 25px;
	list-style-type: none;
	margin: 0;
	padding: 0;}

#topnav li a {
	border-right: 4px solid #fff; /* creates border between links in topnav bar */
	color: #009933; /* determines topnav link color */
	display: inline;
	float: left; 
	font-size: 84%; /* reduces font size */
	font-weight: bold;
	margin: 0; 
	padding: 6px 11px; /* provides space above/below and in between text links */
	text-decoration: none; 
	border-bottom: none; /* prevents border from ocurring underneath link 
							since this is an <a> tag */
}

#topnav li a:hover { /* controls the topnav button rollover effect */
	background: #CCC;
	color: #999;}

#topnav li a:visited {
    background: #white;
	color: #339966;
	text-decoration: underline;}

li#first a {  /* controls the left margin and left border of the topnav bar */
	margin-left: 12px;
	}

div.content {
   font-family: "Times New Roman", Times, serif;
   font-size: x-large;
   text-align: center;
   color: #339966;
   background-color: white;
   font-weight: bold;}

div.content a {
   font-family: "Times New Roman", Times, serif; 
   font-size: x-large; 
   color: #339966;}
 
div.content a:visited {
   font-family: "Times New Roman", Times, serif;
   font-size: x-large;
   color: black;
   text-decoration: underline;}

div.content a:hover{
   color: #339966;
   background-color: #CCCCCC;
   display: text-only block;}

#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;}
	 
h1 {
   font-family: "Times New Roman", Times, serif;
   font-size: small;
   color: #339966;
   text-align: center;}
   
h1 a:visited {
   font-size: small;
   color: black;
   text-decoration: underline;}  
   
h1 a:hover{
   font-size: small;
   color: #339966;
   background-color: #CCCCCC;
   display: text-only block;}
 
h2 {
   font-family: "Times New Roman", Times, serif;
   color: #000000;
   font-size: small;
   text-align: center;}
 
h3 {
	font-family: "Times New Roman", Times, serif;
	color: #000000;
	font-size: large;
	text-align: center;}