/* CSS Future Template */

/* Necessary code used to zero out any default values given from Browsers */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

/* Here i set the background color, default font used, and default font color so that they are ready to be used without entering them every time for each piece of text on the HTML page */
body {
background-color:#666666 ;
font-family:Arial, Helvetica, sans-serif;
font-size: 80%;
text-align: center; /* THIS DOES NOT CENTER TEXT: it is an IE5 fix to correct the centering of the wrapper div, and must be used */
}

#wrapper {   
width:800px;    
background-color:#aabb88 ;   
text-align:left; 
background-image:url(../images/bar1.gif);
background-repeat:repeat-y; 
border:solid;
border-color:#000000;    
border-width:1px;
margin: 0px auto;  
}

#banner {  /* top-most section that contains the banner */
height:178px;
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
}
#banner a{outline:none;}
#banner h1{text-indent:-5000px;}

/* Description
----------------------------------------------- */
#rsstagline {
  background:#cddab5;
  padding:12px 0 0;
  position:relative;
  text-align:center;
  border-bottom:2px solid #99a97a;
  border-top:2px solid #99a97a;
  }
  
#rsstagline p {
  margin:0;
  padding:0 0 10px;
  }
 
#rsstagline em {
   display:inline;
  padding:0 0 0 50px;
  font:bold 12px/1.6em Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  min-height:12px;
  color:#aabb88;
  }
 
 #rsstagline a {
  color:#162d1f;
  text-decoration:none;
  outline:none; 
  }
 #rsstagline a:hover {
  color:#162d1f;
  text-decoration:underline;   
  outline:none; 
  }
/* Sidebar
----------------------------------------------- */
#sidebar{float:left; height:580px;}
.sidebar-title {
  margin:1em 0 0 0;
  font:bold 13px/2em Arial,Verdana,Sans-serif;
  color:#162d1f;
  text-transform:uppercase;
  padding:0 0 .0em 0px;
  letter-spacing:.1em;
  padding-left:10px;  
  }
#sidebar ul {	
  margin:0 ;
  padding:0;
  list-style:none;
  }
#sidebar li {
  margin:0;
  color:#162d1f;
  }
#sidebar li a {
  color:#162d1f;
  font: 13px Arial,Verdana,Sans-serif;
  text-decoration:none;
  display:block; 
  opacity:0.9;  
  width:180px;
  height:20px;
  padding-top:5px;
  padding-left:20px;
  outline:none;
  }
#sidebar li a:hover{
  color:#000;
  text-decoration:none;
  display:block;
  opacity:0.9;
  width:180px;
  background-color:#cddab5;
  height:20px;
  padding-top:5px;
  padding-left:20px;
  outline:none;
  }


#content {
margin:0px 20px 20px 210px;
}

#content p{
margin: 20px;
}

#content h2{
font-size:140%;
padding: 0;
margin: 20px;
border-bottom:1px solid #666;
}
#content a{text-decoration:underline; color:#000000;}#content a:hover{text-decoration:none; color:#FFFFFF;}
.clearit{  /* this is specifically used to push layers down and away from other elements. this is placed by itself in a div to work  NOT being used at the moment  */
clear: both;
}

#footer{
clear: both; 
border-top: 1px solid #6a7456;
background-color: #cddab5;
color: #000; /* this is a setting for the TEXT color  */
height:80px;
}
#footer p{
font-size:90%;
padding:3px;
}
.container p{padding-left:10px;}
.container ul{display:inline;list-style-type:none;}
.container ul .titles{ margin-left:30px; font-weight:bold; margin-top:10px; font-size:110%;}
.container ul li{ margin-left:50px;}
.container table{font-size:110%;}

.sponsors{float:right; padding:10px;}
.sponsors img{border:1px solid #6a7456;}
.aligner{clear:both;}
.sponsor_box{width:320px; text-align:center; border:2px solid #6a7456; padding-top:10px; float:left; background-color:#d8dcce; margin-right:2px; margin-top:2px;}

#footer2{
width:800px;    
background-color:#666 ;   
text-align:center;  
margin: 0px auto;
padding:10px;
color:#E1E1E1;
font-size:90%;
}
#footer2 a{
text-decoration:underline;
color:#E1E1E1;
}
#footer2 a:hover{
text-decoration:none;
color:#FFF;
}
#footerspan{padding-left:10px; padding-right:10px; color:#000;}