
body{
background-color: #444444;
margin-left:auto; 
margin-right:auto;
}
#container{
margin-left:auto; 
margin-right:auto;
margin-top:15px;
}
#outline{
border: 1px solid #5f5f5f;
width: 800px;
}
#fullheight{
margin:0px;
align:center;
}
#title{
color:#6F6F6F;
font-family:arial narrow;
font-size: 48px;
letter-spacing: -3;
margin:0px;
padding-left:25px;
}
#subtitle{
color:#ffffff;
font-family:arial;
font-size: 16px;
letter-spacing: 15;
margin:0px;
padding-left:25px;
}
.blackBox{
background-color: #2f2f2f;
margin-left:0px;
padding:0px;
}
.contentBox{
width:270px;
background-color: #ffffff;
color:#cccccc;
font-family: sans-serif;
font-size:12px;
margin-left:10px;
padding:10px;
border: 1px solid #895F34;
}
.header{
color:#cc1100;
font-family:arial narrow;
font-size:16px;
font-weight:bold;
letter-spacing:2;
}
.footerBox{
background-color: #4f4f4f;
height:200px;
width:800px;
color: #ffffff;
margin-top:0px;
padding:20px;
border-top: 1px solid #5f5f5f;
position: relative;
z-index: 61;
}
.footerLink a{
color: #ffffff;
font-family: arial;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}
.footerLink a:hover{
color: #ffffff;
font-family: arial;
font-weight: bold;
font-size: 11px;
text-decoration: underline;
}
.footerText{
color:#ffffff;
font-family: sans-serif;
font-size:12px;
padding:10px;
}
div.tabArea {
font-size: 12px;
font-weight: bold;
height: 19px;
padding-top:5px;
}

div.scrollTabArea {
font-size: 12px;
font-weight: bold;
height: 19px;
padding-bottom:5px;
}

a.tab {
color: #ffffff;
font-family:arial;
font-size: 11px;
background-color: #3f3f3f;
border: 1px solid #4f4f4f;
border-bottom-width: 0px;

margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 18px;
padding-right: 18px;
text-decoration: none;
position: relative;
z-index: 60;
}
a.tab:hover {
background-color: #4f4f4f;
}
a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
color: #cc3333;
background-color: #4f4f4f;
border: 1px solid #5f5f5f;
border-bottom-width: 0px;
position: relative;
z-index: 62;
}
.sectionTitle{
font-size:30px; 
color:#6F6F6F;
font-family:book antiqua;
}

.accentText{
color:#cc3333;
font-family: arial;
font-size: 11px;
font-weight: bold;
}

.scroller{
align:right;
margin-right:10px;
background: #cc3333;
border: 1px solid #cc3300;
height: 24px;
width: 200px;
}

.reficons 
{
OVERFLOW: hidden; 
WIDTH: 800px; 
POSITION: relative; 
HEIGHT: 150px; 
BACKGROUND-COLOR: #2f2f2f;
}
.reficons IMG {
MARGIN-BOTTOM: 1px; 
WIDTH: 150px; 
BORDER-TOP-STYLE: none; 
MARGIN-RIGHT: 0px; 
BORDER-BOTTOM: #43434e 1px solid; 
BORDER-RIGHT-STYLE: none; 
BORDER-LEFT-STYLE: none; 
HEIGHT: 101px
}
.reficontext {
PADDING-RIGHT: 10px; 
PADDING-LEFT: 5px; 
FONT-SIZE: 12px; 
MARGIN: 2px 0px 0px; 
VERTICAL-ALIGN: top; 
COLOR: #ffffff; 
LINE-HEIGHT: 13px; 
FONT-FAMILY: trebuchet ms,tahoma,arial,helvetica; 
TEXT-ALIGN: left;
}

.reficonsubtext{
font-size: 10px;
color: 5f5f5f;
}

#reficonsbar {
padding-top: 10px;
border-bottom:1px solid $5f5f5f;
position:absolute;
width:1812px;
height:101px;
top:0px;
left:0px;
}

.footer {
MARGIN-TOP: 1px; 
FONT-SIZE: 10px; 
WIDTH: 800px; 
COLOR: #dadbe2; 
FONT-FAMILY: trebuchet ms,verdana,tahoma,arial,helvetica; 
HEIGHT: 22px; 
BACKGROUND-COLOR: #727272; 
TEXT-ALIGN: left
}
.footer P {
MARGIN-LEFT: 5px
}


a.scrollTabLeft {
color: #ffffff;
font-family:arial;
font-size: 11px;
background-color: #4f4f4f;
border: 1px solid #5f5f5f;
border-right: 0px;
border-bottom: 0px;
border-bottom-width: 0px;
text-decoration: none;
position: relative;
z-index: 60;
margin-left: 188px;
margin-right: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 30px;
}

a.scrollTabRight {
color: #ffffff;
font-family:arial;
font-size: 11px;
background-color: #4f4f4f;
border: 1px solid #5f5f5f;
border-left:0px;
border-bottom-width: 0px;
text-decoration: none;
position: relative;
z-index: 60;
margin-left: 0px;
margin-right:0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 10px;
}

a.scrollTabLeft:hover {
text-decoration:underline;
}

a.scrollTabRight:hover {
text-decoration:underline;
}