/* CSS document by Jeff Wood for Wood Web Design */


body {
  background-color: #8D9298;
  background-image: url(assets/bg_grit.jpg);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9em;
  color: #333333;
  margin: 20px 0;
  padding: 0px; 
}

html {
  scrollbar-arrow-color: #999999;
  scrollbar-face-color: #fafafa;
  scrollbar-base-color: #dddddd;
  scrollbar-3dlight-color: #bbbbbb;
  scrollbar-darkshadow-color: #bbbbbb;
  scrollbar-shadow-color: #e9e9e9;
}

#header {
  background-image: url(assets/header_logo.jpg);
  background-repeat: no-repeat;
  height: 159px;
}

/* ------ LAYOUT CONTAINER ------ */
#layout {
  width: 766px;
  margin: 0 auto;
  background-color: #FFFFFF;
  background-image: url(assets/img_shadows.jpg);
  background-repeat: repeat-y;
}

/* ------ COLUMNS ------ */
#columnwrapper {
  margin: 0 auto;
  width: 750px;
  padding: 3em 0 0 0;
}

/* ------ Index Page ------ */

#mainbox {
  float: left;
  width: 400px;
}

#sidebox {
  float: left;
  width: 350px;
}

/* ------ CONTAINERS ------ */
/*Main Content*/
#maincontent {
  padding: 0px 15px 20px 15px;
  font-size: 0.85em;
}

#maincontent p {
  line-height: 1.6em;
  margin: 8px 0 12px 0;
}

#maincontent li {
  line-height: 1.4em;
  padding: 5px 0 5px 0;
}

#onecol {
  padding: 0px;
  font-size: 0.85em;
}

#onecol p {
  line-height: 1.6em;
  margin: 8px 0 12px 0;
}

a:link, a:visited, a:active {
  color: #333333; 
  font-weight: bold; 
  text-decoration: underline;
} 

a:hover {
  color: #333333; 
  font-weight: bold; 
  text-decoration: none;
}

#imageleft {
  padding: 5px 9px 5px 0px;
  float: left;
}

#imageright {
  padding: 5px 3px 5px 9px;
  float: left;
}

/*Sidebar*/

#slideshow {
  margin: 0 0 0 20px;
  width: 312px;
}

#showheader {
  background-image: url(assets/header_slideshow.gif);
  background-repeat: no-repeat;
  height: 20px; 
  margin: 0 0 0 20px;
}

#showborder {
  border: 6px solid #999999;
}

#sponsors {
  margin: 0 0 0 20px;
  padding: 0px;
  border: 6px solid #BBBBBB;
  width: 300px;
}

#sponsorsheader {
  background-image: url(assets/header_sponsors.gif);
  background-repeat: no-repeat;
  height: 20px; 
  margin: 15px 0 0 20px;
}  

#sponsors img {
  padding: 6px 6px 6px 6px;
}

#sidecontent {
  font-size: 0.85em;
  color: #000000;
  padding: 1px 10px 0px 10px;
  margin: 0px 0px 15px 20px;
  background-image: url(assets/bg_metal.jpg);
  background-repeat: repeat-y;
  width: 280px;
  border: 6px solid #F9B40F;
  
}

#sidecontent p {
  line-height: 1.3em;
  margin: 12px 0;
}

#sidecontent li {
  line-height: 1.4em;
  padding: 5px 0 5px 0;
}

#sidecontentheader {
  background-image: url(assets/header_difference.gif);
  background-repeat: no-repeat;
  height: 20px; 
  margin: 15px 0 0 20px;
} 

/* ------ BOTTOM CONTENT ------ */
#statsRSS {
  width: 200px;
  margin-top: -15px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 0px 10px 0px; 
}

#bottomcontent {
  background-image: url(assets/img_bottom.jpg);
  background-repeat: no-repeat;
  height: 48px;
  width: 766px;
  float: center;
}

/* ------ HEADINGS ------ */

  
h1, h2, h3, h4 {
  font-family: Arial, Helvetica, sans-serif;
  line-height: normal;
}

h1 {
  font-size: 1.35em;
  margin: 1.5em 0em .7em 0em;
}

h2 {
  font-size: 1.3em;
  margin: 1.5em 0em .7em 0em;
}

h3 {
  font-size: 1.2em;
  margin: 1.5em 0 0 0;
}

h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.15em;
  margin: 1.5em 0 .25em 0; 
}  

h5 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.10em;
  margin: 1.5em 0 .25em 0; 
}

#maincontent h1.topheading {
  margin: 0px 0px 8px 0px;
}

#onecol h1 {
  margin-top: 3px;
}  

/* --- Text Styles for Brackets --- */

h4.greenhead {
color: #009933;
}

h4.bluehead {
color: #0033CC;
}

h4.redhead {
color: #B00000;
}

h4.blackhead {
color: #000000;
}

.whitetext {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: bold;
color: #FFFFFF;
margin-right: 3px;
}

.championtext {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #333333;
margin-left: 3px; 
margin-right: 3px;
letter-spacing: -0.03cm;
} 

/* ------ MISCELLANEOUS ------ */
.clearit {
  font-size: 0;
  line-height: 0;
  height: 0;
  clear: both;
}

/* ------ FOOTER CONTAINER ------ */

#footerbox {
  width: 750px;
  margin: 0 auto;
  font-size: 0.75em;
  color: #000000;
}

#footerbox a:link, #footerbox a:visited {
  color: #000000; 
  font-weight: bold; 
  text-decoration: underline;
} 

#footerbox a:hover {
  color: #000000; 
  font-weight: bold; 
  text-decoration: none;
}

#address {
  padding: 10px 0 0 20px;
  float: left;
}

#otherinfo {
  padding: 10px 20px 0 0;
  float: right;
  text-align: right;
}
  
/* ------ SKIP LINKS ------ */
/*Skip Links Container*/
#skips {
  position: absolute;
  top: 6px;
  right: 15px;
  margin: 0 15px 0 0;
}
/*Skip Link Link Styles*/
#skips a, #skips a:visited, #skips a:hover {
  color: #8D9298;
  cursor: default;
  font-size: 0.1em;
}
.p7fix a:active, #skips a:active, #skips a:focus {
  color: #FFFFFF;
  background-color: #4a4a4a;
  cursor: pointer;
  font-size: .8em;
}