body{
margin:0;
padding:0;
line-height: 1.5em;
color: #2b2b2b;
font-family: verdana, arial, tahoma, sans-serif;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #fff url(images/headerbg.jpg);
}

#topsection h1{
margin: 0;
padding-top: 15px;
font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
color: #8b0000;
visibility: hidden;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 0; /*200px; /*Set right margin to RightColumnWidth*/
padding-top: 10px;
}

#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
padding-top: 90px;
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
/*background: #FDE95E url(images/new_classes.gif) no-repeat top center;*/
visibility: hidden;
text-align: center;
}

#footer{
clear: left;
width: 100%;
background: black;
font-size: 80%;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

div.article{
font-size: 1em; 
/*font-style: italic;*/
color: #fff;
background: #000 url(images/flames.jpg) no-repeat bottom center;
border: 1px solid #000;
padding: 4px;
text-align: center;
}

span.article{
float: right;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddcolortabs{
margin-left: 4px;
padding: 10px 0 0 0;
width: 95%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
text-align: center;
}

#ddcolortabs ul{
font: bold .7em Verdana, Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


#ddcolortabs a{
float:left;
color: white;
background: #8b0000 url(images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(images/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #d50509;
}

#ddcolortabs a:hover span{
background-color: #d50509;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #d50509;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #8b0000;
border-top: 1px solid #EAEAEA; /*Remove this to remove border between bar and tabs*/
}

#links a img {border: 1px solid #c0c0c0;}

  /*Credits: Dynamic Drive CSS Library */
  /*URL: http://www.dynamicdrive.com/style/ */
  
  a.boldbuttons{
  background: transparent url('images/roundedge-blue-left.gif') no-repeat top left;
  display: block;
  float: left;
  font: bold .9em verdana; /* Change 13px as desired */
  line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
  height: 30px; /* Height of button background height */
  padding-left: 8px; /* Width of left menu image */
  text-decoration: none;
  color: white; /*button text color*/
  }
  
  a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
  color: white; /*button text color*/
  }
  
  a.boldbuttons span{
  background: transparent url('images/roundedge-blue-right.gif') no-repeat top right;
  display: block;
  padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
  }
  
  a.boldbuttons span.fixedwidth{
  width: 300px;
  }
  
  a:hover.boldbuttons{ /* Hover state CSS */
  text-decoration: none;
  cursor: pointer;
  }
  
  
  .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
  overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
  width: 100%;
  }