@charset "iso-8859-1";

body{
font:.8em/1.8em verdana, arial,sans-serif;
background-image:url(img/background.png);/*change the body background image here*/	
background-repeat:x y;
background-attachment:fixed;
background-color:#0058ef;/*change body background color here*/
}
#wrapper{
position:relative;
text-align:left;
width:800px;
margin-right:auto;
margin-left:auto;
padding:0;
background-color:#000000;/*This is the background color for the center block or wrapper, where all your content is. In IE it will fill the whole block, in Mozilla and Fire Fox it will only fill in back of the header image, If you change this color then change it in content,left, and nav below*/
}
#header{
width:800px;
height:210px;
background-image:url(img/nichesavers.jpg);
background-repeat:no-repeat;
background-color:#000000;
}
#sidebar{
position: absolute;
background-color:#000000;  
font:.8em/1.8em verdana, arial,sans-serif;
color: #FFFFFF;
border-top:4px solid #D3D3D3;
border-left:1px solid #000000;
border-right:1px solid #D3D3D3;
border-bottom:1px solid #000000;
padding:10px 5px 6px 5px;
width:226px; 
height:1350px;
}

#content{
float:right;
background-color:#ffffff;
border-top:4px solid #D3D3D3;
border-right:4px solid #A9A9A9;
border-bottom:4px solid #D3D3D3;
border-left:4px solid #A9A9A9;
padding:10px 5px 6px 5px;
width:544px;  
height:1350px; 
}
#content h1{
font-size:200%;
color:#CC0000;
background-color:transparent;
}
#content h2{
font-size:150%;
color:#CC0000;
background-color:transparent;
}
.indent{
border:2px solid #c0c0c0;
padding:5px;
background-color:#ffff00;
}
.clear{
clear:both;
}

a:active     {  font-family: Verdana; font-size: 100%; color: #0066CC; text-decoration:none;}
a:link       {  font-family: Verdana; font-size: 100%; color: #0066CC; text-decoration:none;}
a:visited    {  font-family: Verdana; font-size: 100%; color: #0066CC; text-decoration:none;}

.leftimg{
float:left;
border:2px solid #000000;
margin-right:20px;
margin-bottom:6px;
}
#tabnav ul{
list-style-type:none;
margin:0;
padding-right:15px;
padding-bottom:24px;
border-bottom:2px solid #D3D3D3;
font: bold 11px verdana, arial, sans-serif;
background-color:#000000;
}
#tabnav li{
float:right;
height:21px;
color:#FFFFFF;
background-color:transparent;
text-decoration:none;
padding:1.5px;
}
#tabnav a:link{
display:block;
color:#FFFF00;
background-color:transparent;
text-decoration:none;
padding:4px;
}
#tabnav a:visited{
display:block;
color:#FFFFFF;
background-color:transparent;
text-decoration:none;
padding:4px;
}
#tabnav a:hover{
background-color:#000000;
color:#ffffff;
}
#footer{
clear:both;
margin-top:10px;
padding-top:10px;
background-color:#000000;
color:#ffffff;
}
#sub{
width:192px;
font-family: verdana, arial, sans-serif;
}
#sub ul{
list-style:none;
margin:0;
padding-left:15px;
}
#sub li{
border-bottom::1px solid #D3D3D3;
}
#sub li a{
display:block;
padding:5px 5px 5px 5px;
background:url("img/link1.gif");
color:#ffffff;
text-decoration:none;
}
#sub li a:hover{
display:block:
padding:5px 5px 5px 0.5em;
background:url("img/hover.gif");
color:#ffffff;
text-decoration:none;
}