/* stylesheet_08.css */


/* comment out elements to use universal element selector 
html, body, div, span, applet, object, iframe, h1 h2 h3 h4 h5 h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
} */

* {
  margin: 0;
  padding: 0;
}

/* body text and page background */
body {
 text-align: center;  /* centers page content container IE5 */
 /* background: #184b94 url("images/chains.jpg") fixed; */
 background-color: #252525; /* previous #363636 */
 font-size: 11px; 
 line-height: 13px;
 color: #000;
 margin: 0;
 padding: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }

/* size wrapper */
#sizewrapper {
 width: 90.7em; /* 998px for a fixed layout, 99% for a liquid or fluid layout */
 margin: 0 auto 5px 3px;
/* background-image: url("../images/top_shaded_green_black.gif"); */
 background-image: url("images/g4.gif");
 background-repeat: repeat-x;
 border: 1px solid #000; 
 background-color: #000;
 text-align: left;  /* resets text alignment set in body element for use in IE5 */
}

/* on top of header text */
#toptext {
 text-align: center;
 font-size: 11px;
 color: #ccc;
 padding: 8px;
}

/* Page header style */
#header{
 height: 112px;
 background-color: #363;
 /* border-top: 0px solid #030;  try a darker color */
 /* border-bottom: 0px solid #ececec; */ 
 background-image: url("images/header_graphics.jpg"); 
 background-repeat: no-repeat;
 text-align: right;
 font-size: 12px;
 font-weight: bold;
 color: #030;
}


/* Style for main content column */ 
#main{ 
margin: 0.5em;
/* Left and right margins must match*/ 
/* match left and right column widths */ 
margin-left: 35em; 
margin-right: 27em;
} 

/* Style for left sidebar column */ 
#leftsidebar{ 
float: left; 
display: inline; 
padding: 0; 
margin: 0.5em; 
width: 34em;
/* Actual width is 35em */ 
} 

/* Style for right sidebar column */ 
#rightsidebar{ 
float: right; 
display: inline; 
padding: 0; 
margin: 0.5em; 
width: 26em;
/* Actual width is 27em */ 
} 


/* FOOTER LINKS */

#footerlinks {
 clear: both;
 /* width: 100%; makes entire width of page */
 color: #696;
 margin: 0.5em;
 background-color: #030; 
 border: solid 1px #696;
 padding: 14px 0px 15px 0px;
 text-align: center; 
} 

#footerlinks a:link {
 color: #669966;
 text-decoration: none;
 border-bottom: 1px solid #363;
}

#footerlinks a:visited {
 color: #363; 
 text-decoration: none;
 border-bottom: 1px solid #363; 
} 

#footerlinks a:hover {
 text-decoration: none;
 border-bottom: 1px solid #696;
}

#footerlinks a:active {
 color: #363;
 text-decoration: underline;
}

/* END FOOTER LINKS */


/* Page footer style */
#footer{
 clear: both;
 margin: .5em;
 background-color: #4c4c4c; 
 border: solid 1px #696;
 color: #7d7d7d;
 font-size: 10px;
}



/* HEADER LINKS */

#header #headerlinks {
 float: right;
 padding: 48px 90px 10px 10px;
 display: block;
 text-align: left;
 }

#header a:hover {
    text-decoration: none;
}

#header a, #header a:link {
  line-height: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
}

/* END HEADER LINKS */



/* TOP NAVIGATION */ 

#topnav{
 height: 20px;
 padding-left: 0;
 margin: 0;
 background-color: #000;
 color: #ececec;
 border-bottom: solid 1px #030;
 }

#topnav ul
{
padding-left: 0;
margin: 0;
background-color: #000;
color: #ececec;

}

#topnav ul li
{
 display: inline;
}

#topnav ul li a
{
float: left;
padding: 0em 2.1em 0em 2.1em;
background-color: #000;
color: #ececec;
text-decoration: none;
font-size: 11px;
line-height: 15px;
border: none;
border-right: 1px solid #999;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#topnav ul li a:hover
{
background-color: #030;
color: #de3d27;
text-decoration: none;
}

/* END TOP NAVIGATION */


h1 {
 text-align: center; 
 font-size: 25px;
 line-height: 30px;
 color: #030;
 font-weight: bold;
 margin: 0;
}

h2 { 
 text-align: center; 
 font-size: 20px;
 line-height: 25px;
 color: #030;
 font-weight: bold;
 margin: 0;
}

h3 { 
 text-align: center; 
 font-size: 15px;
 line-height: 20px;
 color: #030;
 font-weight: bold;
 margin: 0;
}

h4 { 
 text-align: center; 
 font-size: 12px;
 line-height: 17px;
 color: #030;
 font-weight: bold;
 margin: 0;
}

/* level 5 headings */
/* level 6 headings */


/* LISTS */

ul {
 list-style: url("../images/bullet.gif") outside circle;
 margin: 0; 
 padding: 3px 6px 3px 15px;
}

li
{
 font-size: 11px; 
 line-height: 15px;
 color: #000; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* END LISTS */



/* PAGE LINKS */

/* unvisited links */
a, a:link {
 color: #363; 
 text-decoration: none;
 border-bottom: 1px solid #999;
}

/* visited links */
a:visited {
 color: #030;
 text-decoration: none;
 border-bottom: 1px solid #999; 
}

/* hover links */
a:hover {
 color: #363;
 text-decoration: none;
 border-bottom: 1px solid #363;
}

/* active links */
a:active {
 color: #030;
 text-decoration: none;
 border-bottom: 1px solid #999;
}

/* END PAGE LINKS */


/* div boxes content background */
.contentbkground {
 padding: 5px;
 background-color: #363;
 border: solid 1px #ececec;
}

/* div boxes content background with top margin */
.contentbkground_margin {
 margin: 0.5em 0 0 0;
 padding: 5px;
 background-color: #363;
 border: solid 1px #ececec;
}

/* div boxes content */
.content {
 /* height: 80px; */
 margin: 0px;
 padding: 5px;
 background-color: #ececec;
 border: solid 1px #000;
 color: #000;
 text-align: left;
 }

.clearfloat {
  display: block;
  clear: both;
}

.onpage {
  margin: 0;
  padding: 0;
  border: 0;
  color: #363;
  text-decoration: none;
  border-bottom: none;
}

.date {
 font-size: 9px;
 color: #bb202d;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* photo and video title boxes */
.titles {
 background-color: #ccc;
 color: #030;
}

.hilitegreen {
background-color: #696;
}

.center {
 text-align: center;
}

blockquote {
 padding: 0 2em 0 2em
}

p { 
 margin: 0;
 padding: 2px;
 text-align: left;
}

p.sp { 
 margin: 0;
 padding: 25px;
 text-align: left;
}

/* float image to left of paragraph*/
img.floatleft {
 float: left;
 margin: 0 .5em 0 0;
 border: 0;
}

/* float image to left of paragraph no hw restrictions*/
img.floatleft_none {
 float: left;
 margin: 0 .5em 0 0;
 border: 0;
}

img.sponsors {
 margin: .5em;
 border: 0;
}

/* feature photo */
#feature_photo {
 height: 200px;
 background-color: #000;
 border: solid 1px #ececec;
 text-align: center;
 padding: 15px;
}

/* slide photo */
#slide_photo {
 border: solid 1px #ececec;
 padding: 5px 34px 5px 34px;
 text-align: center;
 margin: 0 auto
}

/* START SUBPAGES */

/* Style for main content column on sub pages*/
#main_sp {
margin: .5em;
margin-right: 10em;
background-color: #ececec;
}

/* Style for right sidebar column on subpages */
#rightsidebar_sp {
float: right;
display: inline;
margin: .5em; 
width: 9em;
background-color: #000;
}

/* END SUBPAGES */


/* SUBPAGE HEADINGS TITLES*/
.mainhead_sp {
 background-color: #4c4c4c;
 color: #ececec;
}

.linkshead_sp {
 background-color: #030;
 color: #ececec;
}

.content_sp {
 padding: 5px;
 /* border: solid 1px #ececec; */
}

#splinks {
 padding: 3px;
 /* border: solid 1px #ececec; */
}

#splinks a:link {
 color: #696;
 text-decoration: none;
 border-bottom: 1px solid #363;
}

#splinks a:visited {
 color: #363; 
 text-decoration: none;
 border-bottom: 1px solid #363; 
} 

#splinks a:hover {
 text-decoration: none;
 border-bottom: 1px solid #696;
}

#splinks a:active {
 color: #363;
 text-decoration: underline;
}

table tr td {
padding: 3px;
}
