<style type="text/css">

.mattblacktabs{
width: 800px;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
width: 800px;
border-left: 1px solid white;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: normal 12px Helvetica;
list-style-type: none;

}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 8px 30px 5px 5px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
border-top: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: red; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
width: 800px;
max-height: 100%;
font-family: Helvetica, Verdana, Arial, sans-serif; 
font-size : 0.9em;
line-height : 160%
background : black;

}

#framecontent{
position: fixed; 
top: 0; 
left: 20%; 
width: 800px; 
height: 70px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #ffffff;
color: white;

}


#maincontent{
position: fixed; 
top: 70px; /*Set top value to HeightOfFrameDiv*/
left: 0;
right: 0;
bottom: 0;
overflow: auto;



}

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

}

* html body{ /*IE6 hack*/
padding: 80px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

body {color : #000000; 
background-color : #808080 ;
margin-top : 0%;
margin-left : 0%;
margin-right : 0%;
margin-bottom : 0%;
font-family: Helvetica, Verdana, Arial, sans-serif; 
font-size : 0.9em;
line-height : 100%;
text-align : justify;
}
      
      p{ line-height : 160%;
      text-align : justify;
      color : #ffffff; 
      background-color : #808080 ;
      margin-top : 0%;
      margin-left : 20%;
      margin-right : 20%;
      margin-bottom : 1.5%;
      font-family: Helvetica, Verdana, Arial, sans-serif;
      letter-spacing : 0.05em;
      word-spacing : 0.1em;            
      }      

      h1{color : #d0d0d0;
      
      font-family : Helvetica, Verdana, Arial, sans-serif;
      font-weight : normal;
      letter-spacing : -0.04em;
      word-spacing : -0.1em;
      text-align : left;
      font-size : 4em;
      line-height : 0%;
      margin-top : 1.8%;
      margin-left : 0%;
      margin-right : 20%;
      margin-bottom : 1.5%;      
      }
      
      h2{color : #f0f0f0; 
      font-family : Helvetica, Verdana, Arial, sans-serif;
      letter-spacing : 0.05em;
      word-spacing : 0.05em;
      text-align : left;
      font-weight : normal;
      font-size : 2em;
      line-height : 0%;
      margin-top : 5%;
      margin-left : 20%;
      margin-right : 20%;
      margin-bottom : 5%;      
      }
      
      h3{color : #ffffff;
      font-family : Helvetica, Verdana, Arial, sans-serif;
      letter-spacing : 0.05em;
      word-spacing : 0.05em;
      text-align : left;
      font-weight : normal;
      font-size : 1.5em;
      line-height : 0%;
      margin-top : 2.5%;
      margin-left : 20%;
      margin-right : 20%;
      margin-bottom : 2.5%;      
      }
      
      .image {background-color : #808080;
      font-family : Helvetica, Verdana, Arial, sans-serif;
      letter-spacing : 0.0em;
      word-spacing : 0.2em;
      text-align : center;
      font-weight : normal;
      border-style : solid;
      border-width : 10px;
      border-color : #808080;
      float : center;
      }
      
     a:link {color: #ff0000;
     font-weight: normal;
     text-decoration : none}
     a:visited{color: #ff0000;
     font-weight: normal;
     text-decoration : none}
     a:hover{color: #bb0000;
     font-weight: normal;
     text-decoration : none}     
     a:active{color:#303030;}

      #content {color : #121212; 
      background-color : #808080 ;
      margin-top : 7%;
      margin-left : 10%;
      margin-right : 10%;
      margin-bottom : 15%;
      line-height : 160%;
      border-style : solid;
      border-width : 2px;
      border-color : #121212
      }       
      
.floatleft { 
/*float: left;*/
text-align : center;
width: 60%;
margin: 5px 20% 1.5% 20%;
background-color: #fff;
text-padding: 3px;
border-bottom: 3px solid #fff;
border-top: 3px solid #fff;
}

div.floatleft img
{
border-top: 5px solid #fff;
border-right: 2px solid #fff;
border-bottom: 5px solid #fff;
border-left: 2px solid #fff;
}
      
.floatright { float: right;
width: 405px;
margin: 0 20% 10px 10px;
background-color: #fff;
padding: 3px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff; }
      
div.floatright img
{
border-top: 2px solid #fff;
border-right: 2px solid #fff;
border-bottom: 3px solid #fff;
border-left: 2px solid #fff;
}

blockquote {
border : 2px solid #fff;
width: 58.5%;
margin: 0 20% 10px 20%;
padding: 0.5%;
text-align : justify;
color : #ffffff; 
background-color : #808080 ;
font-family: Helvetica, Verdana, Arial, sans-serif;
letter-spacing : 0.05em;
word-spacing : 0.1em;     
      
quotes: "\201C" "\201D";
}




</style>
