/* **** NOTES **** */
/* 
I have tried to comment this style sheet as much as possible to show you where things take place.
 
There is a large utilization of descendant selectors, so if you are not familiar with those,
 hopefully the 
comments will help.
 
*/

/* Global Styles */
html,body{margin:0;padding:0}
body{font: 76% Arial,
 Verdana, serif, sans-serif; background-color:#000;}

/*
 TEXT STYLES */
p{padding:0 5px 0px; font-size: 1em; line-height: 1.3em; letter-spacing: 1px;}

h1 { font-size: 2.5em; margin-top: 0;  text-transform:uppercase; letter-spacing: 1px;}
h2
 { font-size: 2em; color: #a0a0a0; line-height: 1.3em; letter-spacing: -1px;}
h3 
{ font-size: 1.5em; color: #000000;}
h4 
{ font-size: 1.25em; color: #0000003;}
h5 
{font-size: 1em; font-weight:bold;}
h1,h2,h3,h4,h5 
{padding:0 5px 0px;}
#navigation p,
 #extra p {color:#fff;}
a:link 
{ color: #425; text-decoration:none; border-bottom: 1px solid #b71; padding:1px;}
a:visited 
{color: #452; text-decoration:none; border-bottom: 1px solid #b71; }


a:hover {background-color: #a0a0a0; color:#fff; }
acronym 
{border-bottom: 1px dotted #000000; cursor:help; } 
label.header 
{font-size:larger; color: #000000; font-weight:bold;
 text-transform:uppercase; margin-bottom: 0; padding-bottom:0; } 
  
 /* label.header is the label for the search box but can be used 
for other forms by using class="header" in a label */
form,submit 
{ padding:0; margin:0; } /* removes extraneous padding around the form */
code 
{ border: 1px dotted #b71; border-left: 3px solid #b71;
 background-color: #dda; padding: 1em; margin-left: 3ex; color:#a0a0a0;}
blockquote
 { border: 1px solid #b71; background-color: #a0a0a0;  margin: 3ex; font-style:italic;}

/*
 HEADER SECTION */
div#header 
{margin:0; padding:0; background: transparent url(images/grass_sm.jpg) 
no-repeat right center; height:8em;}
div#header h1 a
 { height: 3em; min-height:8em; line-height:80px;margin:0; color: #fff;
 border-bottom: none; padding:0;}
div#header h1 a:hover
 {background-color: transparent; border-bottom: none; color: #79B30B}
div#header 
p#skip{position: absolute; top: 3px; right: 3px; margin:0; padding: 0;}
#skip a,#skip 
a:visited {color:#fff; border-bottom: 1px solid #b71;}

/* CONTENT SECTION
 */
div#wrapper{float:left;width:100%;}

div#content{margin:
 0 200px; padding-bottom: 2em; background-color: #fff; color: #000;}
div#content 
p{line-height:1.4;}
div#content h2#topper 
{background:#a0a0a0; color:#000000; margin-top:0; padding-top:0;}
div#content a:visited 
{color: #452; text-decoration:none; border-bottom: 1px solid #b71; }

/*

 VERTICAL NAVIGATION */
div#navigation{float:left;
 width:200px;margin-left:-100%; color:#fff;}
.navcontainer 
{ width: 198px; border-right: 1px solid #000; padding:0; margin-bottom: 1em;
 
background-color: transparent;}
.navcontainer ul 
{ list-style: none; margin: 0; padding: 0; border: none;
 width: 198px; min-width:198px; }
.navcontainer li 
{ margin: 0; }
html>body .navcontainer li a 
{ width: auto;}
.navcontainer li a,.navcontainer li a:visited 
{ 
          display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #452;
 
         border-right: 10px solid #452; background-color: #472; 
      
    text-decoration: none; font-weight:bold; width: 167px; min-width:165px; 
  
        color: #fff; border-bottom: 1px solid #a0a0a0; 
}
.navcontainer li a:hover,.navcontainer
 li#active a { 
          border-left: 10px solid #fff; border-right: 10px solid #fff; 
       
   background-color: #a0a0a0; color: #fff; font-weight:bold;
}
.navcontainer li.menutitle 
{border-left: 10px solid #202020 ; border-right:10px solid #202020;
  font-size:larger;
text-align:center;
 color: #B71; font-weight:bold; padding-bottom:1ex;
 border-bottom:none; text-transform:uppercase;}
.navcontainer li#last a 
{ border-bottom:none;} 
 /* the last one in the list should get the id of 'last' in the list to remove the
 bottom border */

/* --- These are the subnavigation for sublinks.
 --- */
.navcontainer li ul li { display:none;}
 /* this hides all sublinks if it is not the currently active link
 */
.navcontainer li#active ul li { display: block;}
 /* this expands all sublinks if it is the currently active link
 */
.navcontainer li#active ul li a:link, .navcontainer 
li#active ul li a:visited { border-left-color:#202020;
 border-right-color: #202020; background-color: #000; padding: 5px 0 5px 11px;}

.navcontainer
 li#active ul li a:hover { background-color:#fff; color:#000;}
/* EXTRA SECTION */
div#extra 
{float:left;width:198px;margin-left:-200px;
 background-color: #000; border-left: 2px solid #202020;}

/* 


{ color:#fff; }
div#footer ul
 {list-style-type:none; margin:0; padding:.8em 0; text-align:center;}
div#footer 
ul li {display:inline; padding: 0 4px;}

/* General Image Stuff */
img.sm
 { width: 160px; }

/* TABLES */ 
table {border: 2px solid #452;
 border-collapse:collapse; width:90%; margin-left: 3ex; }
td 
{background-color: #fff; padding:3px; border: 1px solid #fff}