html,body{
	margin:0 0 1px 0;;
	padding:0;
        height: 100%;
}

body{
	font: 76% arial,sans-serif;
	text-align:center;
}

p{
	margin:0 10px 10px;
}

hr {
	height: 1px;
	background: #ccc;
	border: none;
}

table{
	border: none;
}

.co{
	font-size: 13px;
	font-weight: bold;
}

#head_menu {
	margin-top: -17px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.team_pic{
	vertical-align: top;
	text-align: center;
	width: 130px;
	padding: 10px 0px;
}

#team_header {
	border-top: solid #ccc 1px;
	background-color: #eee;
	border-bottom: solid #ccc 1px;
	padding: 2px;
}

.team_title{
	font-size: 16px;
	font-weight: bold;
}

.team_cat{
	font-size: 13px;
	font-weight: bold;
	line-height: 120%;
}

.team_role{
	font-size: 15px;
	font-weight: bold;
	line-height: 150%;
}

#team_rank_pic{
	margin-top: 0px;
	float: right;
}
	
#header{
	height: 120px;
	background: url("images/banner.jpg") no-repeat;
}

#container{
	text-align:left;
}

#content p, team_content p{
	line-height:1.4;
}

#container{
	width:900px;
	margin:0 auto;
}

#wrapper{
	float:left;
	width:100%;
}

#content{
	background: url("images/content_bg.gif") no-repeat;
	margin: 0 150px;
	padding: 15px;
}

#team_content{
	float: left;
	background: url("images/content_bg.gif") no-repeat;
	margin-left: 150px;
	margin-right: 0px;
	padding: 15px;
}

#navigation{
	background: url("images/menu_bg.gif") no-repeat bottom;
	float:left;
	width:150px;
	margin-left:-900px;
	min-height: 420px;
	line-height: 20%;
}

.menu, .current {
	border-bottom: solid #ccc 1px;
	height: 15px;
	width: 140px;
	background-color: #dbdbf9;
	padding: 5px;
}

.current {
	background-color: #eee;
}

.menu:hover {
	background-color: #ccc;
}

#extra{
	float:left;
	width:150px;
	margin-left:-150px;
}

#footer{
	margin-top: 500px;
	clear:left;
	width:100%;
	text-align: center;
	color: #555555;
}

#directions {
position: relative;
top: -25px;
left: 10px;
}

.awards {
	text-decoration: none;
	font-size: 13px;
	font-weight: bold; 
}

.awards_norm {
	text-decoration: none;
	font-size: 13px;
}

/***** Common Content Formatting *****/

a {	color: #224466; outline: none; }
a:visited { color: #337799; }
a:hover, a:focus { color: #334466; }
a:active { color: #000; }

#navigation a{

	text-decoration: none;
	font-size: 13px;
	font-weight: bold; 
	line-height: 90%;
	color: #40404b;
}

#navigation a:hover{
	color: #224466;
}

.text, .text a{
	color: #3f3f5c;
	font-size: 13px;
	text-decoration: none;
	text-align: justify;
}

.disclaimer_text{
	font-size: 11px;
}

.text a:hover{
	text-decoration: underline;
}

#footer a:visited,a{
	color: #555555;
}

#navigation img{
	border: 0px;
}



/********** lovely pop-up inages! ***********/
.thumbnail, .map_thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover, .map_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span, .map_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
right: 120px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img, .map_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
top: -40px;
right: 120px; /*position where enlarged image should offset horizontally */
}

.map_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
top: -120px;
right: 120px; /*position where enlarged image should offset horizontally */
}


.open {	display: block;	}
.closed { display: none; }

li {
list-style-type: square;
padding-top: .2em;
padding-bottom: .2em;
font-size: 12px;
}
        
li img {
vertical-align: middle;
}


.team_link a{
        text-align: center;
	font-size: 9px;
        color: #BB5555;
}
