/****************************************************************************************
* 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/
  
  NOTE: USE THIS STYLESHEET FOR THE PROFILE PAGES
  
  ---> created: 10/08/06 -- revised: 10/25/06 <---
****************************************************************************************/

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

A {
  color: #637683;
  text-decoration: none;
  font-weight: bold;
  }

A:visited {
  color: #637683;
  text-decoration: none;
  font-weight: bold;
  }
  
A:active {
  color: #AFC1D4;
  text-decoration: none;
  font-weight: bold;
  }
  
A:hover {
  color: whitesmoke;
  text-decoration: underline;
  font-weight: bold;
  
    }
	
/****************************************************************************************
* TABLE HIGHLIGHT RULER
****************************************************************************************/

tr.ruled{
	background: #333333;
	
	}	

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

body {

	scrollbar-Track-Color: #000000;
    scrollbar-Face-Color: #000000;
	 
	scrollbar-DarkShadow-Color: #111111;
    scrollbar-Shadow-Color: #3B3B3B;
	
    scrollbar-Highlight-Color: #3B3B3B; 
    scrollbar-3dLight-Color: #222222;
    scrollbar-Arrow-Color: #637683; 

}

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

div#header
{
    background-color: #000;
    margin: 2px;
    margin-top: 0px;   
    height: 135px;
    overflow: hidden;
    display:block;
	text-align: center;
	text-valign: middle;
}

/****************************************************************************************
* 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;
}

/****************************************************************************************
* SLUGLINE - HEADER DESCRIPTION FOR ARTICLES
****************************************************************************************/

div.slugline
{
    background-color: #949281;
	border-left: 4px solid #637683;
	border-right: 4px solid #637683;
	border-top: 4px solid #637683;
	border-bottom: 1px solid #637683;
    margin-bottom: 0px;
    height: 20px;
    width: 500px;
	text-align: center;
    font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    font-size: 16px;
	font-weight: bold;
	color: #3B3B3B;
    padding-left: 15px;
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 4px;
}

/****************************************************************************************
* STORY - ARTICLE TABLES NOTE: This is the Padded Version.
	So, use as single stand alone article or last one in a series.
****************************************************************************************/

div.summary
{
    background-color: #BBBEA8;
	border-left: 4px solid #637683;
	border-right: 4px solid #637683;
	border-top: 0px solid #637683;
	border-bottom: 4px solid #637683;
    margin-bottom: 1px;
    height: auto;
    width: 500px;
    text-align: justify;
    padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
    font-family: "Verdana", Arial, Helvetica, Sans-Serif;
	font-size:10px;
    font-weight: bold;
	color: #2e373d;
}

/****************************************************************************************
* ARTICLE - ARTICLE TABLES NOTE: This is the Non-Padded Version.
	So, use as article sandwiched between multiple articles and slugline header.
	For the middle article divide, I can go with "solid" or "dotted."
****************************************************************************************/

div.midsummary
{
    background-color: #BBBEA8;
	border-left: 4px solid #637683;
	border-right: 4px solid #637683;
	border-top: 0px solid #111;
	border-bottom: 1px solid #949281;
    margin-bottom: 0px;
    height: auto;
    width: 500px;
    text-align: justify;
    padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
    font-family: "Verdana", Arial, Helvetica, Sans-Serif;
	font-size:10px;
    font-weight: bold;
	color: #2e373d;
}