/****************************************************************************************
* SAVESMC WEBSITE PHP BETA TEST (Version 2.2 - topic pages)
  css programming (c) 2006: Phoenix Genesis / MBS LP
  website: http://www.vtutorials.com/clients/des/savesmc/
  
  ---> created: 10/08/06 -- revised: 10/20/06 <---

/****************************************************************************************
* LINKS
****************************************************************************************/

A {
  color: #CCCC99;
  text-decoration: none;
  }

A:visited {
  color: #A4A28D;
  text-decoration: none;
  }
  
A:hover {
  color: whitesmoke;
  text-decoration: underline;
  
    }
	
/****************************************************************************************
* TABLE HIGHLIGHT RULER
****************************************************************************************/

tr.ruled{
	background: #2A363F;
	
	}	

/****************************************************************************************
* SCROLLBARS
****************************************************************************************/

body {

	scrollbar-Track-Color: #222222;
    scrollbar-Face-Color: #637683; 
	scrollbar-DarkShadow-Color: #2e373d;
    scrollbar-Shadow-Color: #2e373d;
    scrollbar-Highlight-Color: #AFC1D4; 
    scrollbar-3dLight-Color: #2e373d;
    scrollbar-Arrow-Color: #000000;

}

/****************************************************************************************
* MASTHEAD WITH SAVESMC LOGO
****************************************************************************************/

div#header
{
    background-color: #000;
    margin: 2px;
    margin-top: 0px;
	/****************************************************************************************
    background-image: url('http://www.vtutorials.com/clients/des/savesmc/graphics/borderl.gif');
	****************************************************************************************/    
    height: 135px;
    overflow: hidden;
    display:block;
	text-align: center;
	text-valign: middle;
}



/****************************************************************************************
* NOTE: Remove for now.

div#header img
{
    margin-top: 2px;
	border: 0px solid #000;
    height: 110px;
	width: 892px;
    overflow: hidden;
}

****************************************************************************************/

/****************************************************************************************
* SAVE SMC TOP BANNER IMAGES - Note: Banner Width Should MATCH Page Width !!!
****************************************************************************************/

div.banner
{
    background-color: #000000;
	border-bottom: 0px solid #880000;
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  	text-transform:uppercase;
  	letter-spacing:.2em; 
    font-size: 10px;
	font weight: bold; 
	vertical-align: middle;
	text-align: center;
    margin-bottom: 0px;
    height: 120px;
    width: 1009px;
    margin-left: 0px;
	margin-right: 0px;
	margin-top: 4px;
    padding-bottom: 4px;
}

/****************************************************************************************
* MENU NAVIGATION
****************************************************************************************/

div#menu
{
    margin: 2px 0;
    height: 30px; 
	width: 1009px;   
    padding: 2px 0 0 0;
    background-image: url('http://www.vtutorials.com/clients/des/savesmc/graphics/borderd.gif');  
    overflow: hidden;

}
div#menu ul
{
    font-family: "Verdana", Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    padding: 0; 
    margin: 0;
    background-color: #595957;    
}

div#menu ul li
{
    list-style: none;
    float: left;    
    background-image: url('http://www.vtutorials.com/clients/des/savesmc/graphics/bordermenu.gif'); 
    margin: 0;
    padding: 0;
    
}
div#menu ul li a
{
    display: block; 
    text-decoration: none;
    margin: 0 0 0 3px; 
    padding: 0;
    color: #ddd;
    background-color: #637683;
    font-family: "Verdana", Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    line-height: 26px;
    font-size: 11px;
    width: 123px;    
    text-align: center;

}
div#menu ul li a.first
{
    margin-left: 0;
    width: 125px;
}
div#menu ul li a.last
{
    margin-right: 0;
    width: 125px;    
}
div#menu ul li a:hover
{
    color: #000;
    background-color: #AFC1D4;
}