body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-align: center;
	margin: 0px;
	padding: 20px 0px 20px 0px;
}
#wrapper {
width: 956px;
padding: 10px;
margin: 0px auto 0px auto;
height: auto;
text-align: left;
border: 1px solid #ddd;
}
#header {
	margin: 0px;
	padding: 0px;
	height: 95px;
	width: auto;
	background-color: #fff;
	
}
#flash-banner{
width:70%; float:left; background-color:#0099CC; height:95px;
}


 #logo-link {  
	 width:200px;  
	 height:91px;  
	 text-decoration:none;  
	 display:block;  
	 background-image:url(logo.jpg);  
	 background-position:200px 0;
	  
 }  
 
 #logo-link:hover,#logo-link:active { background-position:0 0; }






.logo{ float:left;
	background-image:url(logo.jpg);
	background-repeat:no-repeat;
	height:91px;
	width:200px;
	left:-19000px;
	overflow:hidden;
	position:absolute;
	background-color:#993333;

	}




#container {
padding: 0px;
margin: 10px 0px 0px 0px;
background-attachment: scroll;
background-image: url(back.gif);
background-repeat: repeat-y;
background-position: 0px 0px;
height: 1%;
width: auto;
}
#left {
margin: 0px;
width: 160px;
padding: 10px 20px 10px 20px;
float: left;
}
#nav {
margin: 0px;
padding: 0px;
list-style-image: none;
list-style-type: none;
}
#nav li {
margin: 0px;
padding: 0px;
display: block;
background-attachment: scroll;
/*background-image: url(bullet.gif);*/
background-repeat: no-repeat;
background-position: 0px 50%;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
color: #666;
text-decoration: none;
display: block;
margin: 0px;
padding: 3px 15px 3px 15px;
width: 130px;
}
#nav li a:hover {
color: #999;
text-decoration: none;
}
#center {
height: auto;
width: 504px;
padding: 10px 20px 10px 20px;
float: left;
margin: 0px 0px 0px 6px;
line-height: 1.8em;
}
h1 {
font-size: 14px;
margin: 0px;
padding: 0px;
}
#right {
padding: 10px 20px 10px 20px;
height: auto;
width: 160px;
float: left;
margin: 0px 0px 0px 6px;
}
.clearer {
font-size: 0px;
line-height: 0px;
display: block;
margin: 0px;
padding: 0px;
clear: both;
height: 0px;
width: auto;
}
#footer {
margin: 10px 0px 0px 0px;
text-align: center;
padding: 15px 0px 15px 0px;
background-color: #f1f1f1;
}
#footer p {
color: #999;
margin: 0px auto 0px auto;
padding: 0px;
}
#footer a:link, #footer a:visited, #footer a:active {
color: #999;
text-decoration: none;
}
#footer a:hover {
color: #ccc;
text-decoration: none;
} 

 <!--

/* Remove the fixed width off the menu bar itself. We float
 * the menu bar so that the browser sizes its width just enough
 * to fit its content. Another option, would be not to float the
 * menu bar, which will allow it to expand horizontally to fill
 * what ever container it is in.
 */

ul.MenuBarVertical {
	width: auto;
	float: left;
}

/* We want our menu items to expand to fill up its container,
 * so make sure it is a non-floated block element.
 *
 * The bottom border property is used here as a hack around
 * an IE6 bug that causes white gaps to appear between positioned
 * elements when a class is programatically placed on one of them,
 * even if that class is not defined, or contains no CSS properties
 * that have any visual impact.
 */

ul.MenuBarVertical li {
	width: auto;
	display: block;
	float: none;
	border-bottom: solid 1px #EEE;
}

/* Remove any widths on sub menus. */

ul.MenuBarVertical ul {
	width: auto;
}

/* We don't want the text in any of our sub menus to
 * wrap, so we need to turn on "nowrap".
 */

ul.MenuBarVertical ul li {
	width: auto;
	white-space: nowrap;
}

/* Now that our menus auto size horizontally, we need to
 * make sure that we have some space for any sub menu indicators
 * so they don't overlap with the text in the menu item.
 */

ul.MenuBarVertical a.MenuBarItemSubmenu {
	padding: 0.5em 2em 0.5em 0.75em;
}

-->

#list-menu {
width: 150px;
/* this width value is also effected by
the padding we will later set on the links. */
}
#list-menu ul {
margin: 0; 
padding: 0;
list-style-type: none;
line-height:30px;
} 

#list-menu li {
margin: 2px 0 0;
} 
#list-menu a {
display: block;
width:150px;
padding: 2px 2px 2px 10px;
/*border: 1px solid #000000;*/
/*background: #dcdcdc;*/
text-decoration: none; /*lets remove the link underlines*/
} 

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #000000;
}

#list-menu a:hover {
border: 0px solid #000000;
background: #990000;
color: #ffffff;
} 



.text-team{ font-size:12px; color:#333333; font-weight:bold;}

