@charset "utf-8";
/********************************************************/
/*                 Main layout Divs                     */
/********************************************************/
* {
  margin:0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  border: 0;
  }
body,td,th, p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #484F53;
  }
body {
  background: #42494C url(../gfx/bkg_body.gif) repeat-x top;
  margin: 0px auto;
	text-align: center;
  }
#wrapper {
  background: url(../gfx/bkg_wrapper.png) repeat-y center;
  }
#contentarea {
  margin: 0px auto;
  width: 950px;
  background: #D8DFD7 url(../gfx/bkg_content.gif) repeat-y left;
  text-align: center;
  }
body.team #contentarea {
  background: #D8DFD7 url(../gfx/bkg_content_teams.gif) repeat-y left;
  }
#header {
  width: 950px;
  height: 275px;
  background: url(../gfx/header_banner.jpg) no-repeat;
  text-align: center;
  border-bottom: 1px solid #fff;
  margin-bottom: 25px;
  }  
#subInfoPanel {
	width: 290px;
	float: left;
	margin: 0px 20px;
	text-align: left;
	padding-bottom: 8px;
	} 
body.team #subInfoPanel {
	width: 180px;
	}
#contentPanel {
	width: 570px;
	float: left;
	margin: 0px 20px;
	text-align: left;
	padding-bottom: 8px;
	} 
body.team #contentPanel {
	width: 450px;
	} 
#highlightPanel {
  float: left;
  margin-left: 5px;
  width: 212px;
  }
.highlight {
  border: 1px solid #A9BEC0;
  background-color: #EEF3ED;
  text-align: left;
  padding: 10px;
  margin-bottom: 12px;
  }
#subInfoPanel #highlightPanel {
  float: left;
  margin-left: 0px;
  width: 285px;
  }
#subInfoPanel .highlight {
  border: 1px solid #A8ACA6;
  background-color: #DADFD8;
  text-align: left;
  padding: 10px;
  margin-bottom: 12px;
  }
.clear {clear: both; height: 1px;}
#footer {
	clear: both;
	width: 950px;
	height: 69px;
	background: #447285 url(../gfx/bkg_footer.gif) repeat-x left;
	} 
#footer p {
	padding-top: 20px;
	color: #fff;
	} 
#footerShadow {
	clear: both;
	margin: 0px auto;
	text-align: center;
	width: 988px;
	height: 25px;
	background: url(../gfx/bkg_footer_shadow.png) no-repeat top;
	}
	
	
/********************************************************/
/*                   Top Menu Styles                    */
/********************************************************/ 
.siteNav {
  position: relative;
  margin: 0px auto;
  z-index: 100;
  width: 770px;
  }
.siteNav ul {
  padding:0;
  margin:0;	
  list-style-type:none !important;
  text-align: left;
  }
.siteNav ul ul {
  background-color: #fff;
  visibility: hidden;
  position:absolute;
  height:0;
  top:47px;
  left:0;
  width:160px;
  z-index: 500;
  }
.siteNav li {
  float:left;
  position:relative;
  padding: 10px 10px 20px 10px;
  margin: 12px 20px 0px 20px;
	list-style-type: none;
  } 
.siteNav a, .siteNav a:visited {
	display:block;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #B0DEEA;
  }
 .siteNav a:hover, .siteNav li.current a {
	color: #fff;
  }
.siteNav ul ul li {
 	margin: 0px;
	padding: 0px;
	width:160px;
	} 
.siteNav ul ul a, .siteNav ul ul a:visited { /* style the second level links */
	background-color:#355E73;
	color:#B0DEEA;
	font-size: 12px;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:145px;
	border-left: 1px solid #2D4F61;
	border-right: 1px solid #2D4F61;
	border-top: 1px solid #355E73;
	border-bottom: 1px solid #355E73;
  text-decoration: none;
	}
 .siteNav ul ul a:hover{
	color: #fff;
	background-color:#2D4F61;
	border-top: 1px solid #233E4C;
	border-bottom: 1px solid #233E4C;
  }
/* make the second level visible when hover on first level list OR link */
.siteNav ul li:hover ul, .siteNav ul a:hover ul {visibility: visible; }


/********************************************************/
/*                  Site Text Styles                    */
/********************************************************/ 
p {margin-bottom: 10px;}
h2 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 18px;
	color: #838789;
	text-transform : uppercase;
	padding-bottom: 10px;
	}
h2 strong {
	color: #2D4C5B;
	}
#subInfoPanel h2 {
	padding: 0px;
	margin: 0px;
	}
#subInfoPanel hr {
	height: 1px;
	border-top: 1px solid #D1D5D0;
	background-color: #D1D5D0;
	margin: 15px 0px;
	}
#subInfoPanel hr.topHR {
	height: 1px;
	border-top: 1px solid #fff;
	background-color: #fff;
	margin: 6px 0px 15px 0px;
	}
#subInfoPanel p {
	margin-top: 0px;
	}
h3 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	color: #446F84;
	text-transform : uppercase;
	padding-bottom: 10px;
	}
#contentPanel h3 {
	padding-top: 16px;
	}
#contentPanel hr {
	height: 1px;
	border-top: 1px solid #EDF1EB;
	background-color: #EDF1EB;
	margin: 12px 0px 0px 0px;
	}	
a { color: #8F044B; }
a:hover { color: #446F84; }

#content ul { 
	padding-left: 6px; 
	margin-bottom: 6px; 
	}
#content ul li { 
	padding-bottom: 4px; 
  padding-left: 16px; 
  background: url(../gfx/bullet.png) no-repeat left top;
	}
#content ol { 
	padding-left: 26px; 
	margin-bottom: 6px; 
	}
#content ol li { 
	padding-bottom: 4px; 
	list-style-type : lower-roman;
	}

td,th {
  vertical-align : top;
	padding: 5px 0px;
  }
.date {
	color: #8F044B;
	text-transform : uppercase;
	}
  
.highlight h3 {
  font-size: 12px;
  letter-spacing: 0.07em;
	color: #4A7A90;
	text-transform: uppercase;
  }
#matchPhotos {
  float: left;
  width: 200px;
  padding: 0px 20px 10px 0px;
  }
#matchPhotos img {
  padding: 0px;
  margin-top: 3px;
  margin-bottom: -5px;
  }
#matchPhotos p {
  clear: both;
  padding: 0px;
  margin: 0px;
  }