.shadetabs{

padding: 3px 0;

margin-left: 0;

margin-top: 1px;

margin-bottom: 0;

font: bold 10px Verdana;

list-style-type: none;

text-align: left; /*set to left, center, or right to align the menu as desired*/

}



.shadetabs li{

display: inline;

margin: 0;

}



.shadetabs li a{

text-decoration: none;

padding: 3px 7px;

margin-right: 3px;

border: 1px solid #778;

color: #2d2b2b;

background: white url(shade.gif) top left repeat-x;

}



.shadetabs li a:visited{

color: #2d2b2b;

}



.shadetabs li a:hover{

text-decoration: underline;

color: #2d2b2b;

}



.shadetabs li.selected{

position: relative;

top: 0px;

}



.shadetabs li.selected a{ /*selected main tab style */

background-image: url(shadeactive.gif);

border-bottom-color: white;

}



.shadetabs li.selected a:hover{ /*selected main tab style */

text-decoration: none;

}



.contentstyle{

border: 1px solid gray;

width: 95%;

margin-bottom: 1em; padding: 10px;

}



































#list-menu {

	width: 115px;

/* this width value is also effected by

the padding we will later set on the links. */

}





#list-button ul {

	margin: 0; 

	padding: 0;

	list-style-type: none;

} 





#list-button li {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin: 2px 0 0;

} 





#list-button a {

	display: block;

	width:115px;

	padding: 2px 2px 2px 15px;

	border: 1px solid #D4D4D4;

	background: #F3F3F3;

	text-decoration: none;

}





#list-button a:link, #list-button a:active, #list-button a:visited {

	color: #000000;

}





#list-button a:hover {

	border: 1px solid #000000;

	background: #333333 url(images/background1.gif);

	color: #ffffff;

}