/******** NEUTRALISE BROWSERS *******/
* {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}

/* ---------- CLEARFIX ---------- */
.clearfix:after{
	content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix{
    display:inline-block;
}
.clearfix{
    display:block;
}
* html .clearfix{
    height:1px;
}

/******** HTML ELEMENTS *********/

body {
	font-family: arial, tahoma, verdana, geneva, sans-serif;
	line-height: 100%;
	font-size: 12px;
}

h1, h2, h3 {
	line-height: 130%;
	margin-bottom: 10px;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

h2 {
	text-transform: uppercase;
}

p {
	margin-bottom: 15px;
}

ol, ul {
	margin-left: 25px; 
	margin-bottom: 15px;
}

hr {
	margin-bottom: 10px;
}

pre {
	width: 730px;
	overflow: auto;
}

a {
  color: #507ebb;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}

/* ********** GLOBAL ********** */
body {
	background-image: url("images/page-bg.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-color: rgb(10,81,161);
	margin: 0;
	padding: 0;
}
#wrapper {
	width: 990px;
	margin: 0 auto 0 auto;
	background-color: white;
}

#global-nav-container {
  width: 980px;
  padding: 0 2px;
  border-right: solid 3px #2f69ab;
  border-left: solid 3px #2f69ab;
  background: #fff;
  overflow: hidden;
}

#global-nav {
  width: 930px;
  margin: 0 auto;
  padding-left: 50px;
  background: url(/images/setup/global-nav-bg.jpg) no-repeat center top #2f69ab;
  overflow: hidden;
}

#global-nav a.nav {
  display: block;
  width: 186px;
  height: 36px;
  line-height: 36px;
  float: left;
  overflow: hidden;
}

#global-nav a.nav span.label {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  display: block;
  width: auto;
  float: left;
  margin-right: 2px;
}

#global-nav a.nav span.arrow {
  display: block;
  width: 10px;
  height: 36px;
  float: left;
  background: url(/images/setup/arrow.jpg) no-repeat 1000px 1000px;
}

#global-nav a.nav:hover span.arrow {
  background-position: left center;
}

#global-nav a.nav:hover,
#global-nav a.nav:hover span.label {
  text-decoration: none;
  color: #dac16d;
}

/* ********** HEADER ********** */
#header {
	background-image: url("images/header-logo.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-color: rgb(255,255,255);
	padding: 0 2px 0 2px;
	border-left: 3px solid rgb(47,105,171);
	border-right: 3px solid rgb(47,105,171);
	height: 213px;
}
#header .link {
	height: 213px;
	width:600px;
	float: left;
	cursor: pointer;
}
#header .float-image {
	width: 287px;
	height: 104px;
	float: right;
	padding: 15px 30px 0px 0px;
}
#header .float-image IMG {
	position: absolute;
	width: 287px;
	height: 104px;
}

/* ********** NAVBAR ********** */
#navbar {
	background-image: url("images/header-menu-bar.jpg");
	background-position: top;
	background-repeat: no-repeat;
	padding: 0 2px 0 2px;
	border-left: 3px solid rgb(47,105,171);
	border-right: 3px solid rgb(47,105,171);
	width: 980px;
	height: 36px;
}
#navbar .items {
	padding-left: 48px;
}
#navbar .items DIV {
	float: left;
	height: 36px;
	margin-right: 2px;
}
#navbar .items DIV.over {
	background-image: url("images/header-menu-bar.jpg");
	cursor: pointer;
}
#navbar DIV.item-1 {
	background-position: -50px 0px;
	width: 149px;
}
#navbar DIV.item-1.over {
	background-position: -50px 36px;
}

#navbar DIV.item-2 {
	background-position: -201px 0px;
	width: 72px;
}
#navbar DIV.item-2.over {
	background-position: -201px 36px;
}

#navbar DIV.item-3 {
	background-position: -275px 0px;
	width: 188px;
}
#navbar DIV.item-3.over {
	background-position: -275px 36px;
}

#navbar DIV.item-4 {
	background-position: -465px 0px;
	width: 195px;
}
#navbar DIV.item-4.over {
	background-position: -465px 36px;
}

#navbar DIV.item-5 {
	background-position: -662px 0px;
	width: 127px;
}
#navbar DIV.item-5.over {
	background-position: -662px 36px;
}

#navbar DIV.item-6 {
	background-position: -791px 0px;
	width: 147px;
}
#navbar DIV.item-6.over {
	background-position: -791px 36px;
}

/* ********** CONTENT ********** */

#content {
	background-image: url("images/content-bg2.jpg");
	background-repeat:repeat-y;
	background-position: top center;
	padding: 0 2px 0 2px;
	border-left: 3px solid rgb(47,105,171);
	border-right: 3px solid rgb(47,105,171);
}
#content .content-left {
	border-top: 2px solid white;
	width: 180px;
	float: left;
}
#leftbar {
	background-image: url("images/content-left-leftbar-top.jpg");
	background-repeat: no-repeat;
	background-position: top center;
}
#leftbar .items {
	background-image: url("images/content-left-leftbar-bottom.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;
}
#leftbar .items .item {
	background-image: url("images/content-left-leftbar-arrow.gif");
	background-repeat: no-repeat;
	background-position: 8px 17px;
	padding: 10px 0 10px 20px;
	margin: 0 7px 0 5px;
	font-weight: bold;
	font-size: 14px;
	line-height: 120%;
	color: #EEE;
	border-top: 1px solid rgb(2,69,145);
	border-bottom: 1px solid rgb(17,88,168);
	text-shadow: #222 -2px 1px 2px;
}
#leftbar .items .item a{
	color: #FFF;
}
#advertis {
	text-align: center;
	padding: 30px 0 30px 0;
}
#content .content-center {
	border-top: 2px solid white;
	margin: 0 1px 0 1px;
	width: 498px;
	float: left;
}

#headlines .headlines-title {
	height: 46px;
	text-align: center;
	padding-top: 1px;
}
#headlines .headlines-title IMG {
	height: 44px;
	width: 494px;
	border: 1px solid rgb(5,44,88);
}
#headlines .slider {
	height: 420px;
}
#headlines .slider .slide {
	position: absolute;
	background-color: rgb(10,81,161);
	width: 498px;
}
#headlines .slider .slide .image IMG{
	width: 494px;
	border: 1px solid rgb(5,44,88);
	height: 300px;
}
#headlines .slider .slide .image {
	padding: 1px;
	height: 302px;
}
#headlines .slider .slide .headline {
	background-image: url("images/content-center-slider-headline-bg.jpg");
	background-position: top;
	background-repeat: repeat-x;
	background-color: rgb(9,77,154);
	padding: 10px 5px 10px 5px;
	border-bottom: 1px solid rgb(5,44,88);
	height: 95px;
}
#headlines .slider .slide .headline .title {
	height: 15px;
}
#headlines .slider .slide .headline .title a{
	color: white;
	font-weight: bold;
	font-size: 12px;
}
#headlines .slider .slide .headline .date {
	padding: 3px 0 5px 0;
	font-size: 10px;
	color: rgb(148,178,212);
	height: 10px;
}
#headlines .slider .slide .headline .text {
	line-height: 130%;
	overflow-y: auto;
	overflow-x: hidden;
	height: 65px;
	color: white;
}
#headlines .thumbs {
	background-image: url("images/content-center-slider-headline-bg.jpg");
	background-position: top;
	background-repeat: repeat-x;
	background-color: rgb(9,77,154);
	border-top: 1px solid rgb(9,77,154);
	border-bottom: 1px solid rgb(5,44,88);
	padding: 10px 0 10px 0;
	text-align: center;
}
#headlines .thumbs IMG{
	margin: 0 2px 0 2px;
	border: 1px solid white;
	background-color: rgb(203,203,203);
	padding: 1px;
	cursor: pointer;
}

#more-news {
	background-color: rgb(145,145,145);
	border-top: 2px solid white; 
	border-bottom: 2px solid white; 
	padding-bottom: 1px;
}
#more-news .news {
	background-color: white;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 450px;
}
#more-news .header{
	text-align: center;
	height: 46px;
}
#more-news .header IMG{
	width: 498px;
	height: 46px;
}
#more-news .title {
	height: 15px;
}
#more-news .title a{
	color: #0a51a1;
	padding: 15px 5px 5px 10px;
	font-weight: bold;
	font-size: 12px;
}
#more-news .new {
	background-image: url("images/content-center-more-news-bg.jpg");
	background-position: top;
	background-repeat: repeat-x;
	background-color: rgb(245,245,245);
	color: #555;
	border-top: 2px solid white;
}
#more-news .new .date {
	font-weight: bold;
	padding: 15px 5px 5px 10px;
}
#more-news .new .text {
	line-height: 130%;
	text-align: justify;
	background-image: url("images/content-center-more-news-bg3.jpg");
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 0 10px 15px 10px;
}
#content .content-right {
	border-top: 2px solid white;
	width: 300px;
	float: left;
}
#content .content-right .block {
	padding: 1px 2px 2px 2px;
}
#content .content-right .block .block-title {
}
#content .content-right .block .block-content-top {
	background-image: url("images/content-right-block-top.jpg");
	background-position: top;
	background-repeat:no-repeat;
	padding-top: 10px;
}
#content .content-right .block .block-content-bottom {
	background-image: url("images/content-right-block-bottom.jpg");
	background-position: bottom;
	background-repeat:no-repeat;
	padding: 0 3px 10px 4px;
}
#content .content-right .block .block-content-center {
	text-align: center;
	color: white;
}

#tabs_panels
{
	padding: 5px;
}
#tabs_panels .tabs
{
	height: 30px;
	background-image: url(../images/content-right-tabpanel-tab-bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}
#tabs_panels .tabs .tab
{
	width: 87px;
	height: 20px;
	float: left;
	background-image: url(../images/content-right-tabpanel-tab.gif);
	background-position: top right;
	text-align: center;
	padding-top: 10px;
	cursor: pointer;
	font-weight: bold;
}
#tabs_panels .tabs .active
{
	background-position: top left;
}
#tabs_panels .panels
{
	background-image: url(../images/content-right-tabpanel-bg.jpg);
	background-repeat: repeat-x;
	background-color: rgb(24,23,24);
	border: 1px solid rgb(47,47,47);
	border-top: 0;
	padding: 5px;
}
#tabs_panels .panels .panel
{
	padding: 10px 5px 5px 5px;
	text-align: left; 
}
/********** ROSTERS **********/
table.roster{
  width: 100%;
  background-color: ;
}

tr.roster-header td {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #0a51a1;
    padding: 2px;
}

tr.roster-header td a{
    color: #FFFFFF;
}

tr.roster-header td a:hover {
    color: #0a51a1;
    text-decoration: underline;
}

tr.roster-row0 td {
    background-color: #d1d1d1;
    font-size: 11px;
    padding: 2px;
}

tr.roster-row0 td a{
    color: #000000;
}

tr.roster-row0 td a:hover {
    color: #0a51a1;
}

tr.roster-row1 td {
    background-color: #;
    font-size: 11px;
    padding: 2px;
}

tr.roster-row1 td a{
    color: #000000;
}

tr.roster-row1 td a:hover {
    color: #0a51a1;
}

/**************** BIOS ***************/
.bio {
    background: #0a51a1;
    border: outset;
    padding: 5px;

}

.bio-name {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 20px;
  padding: 30px;
}

.bio-data {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
    padding: 5px;
}

.bio-data span{
    color: #d1d1d1;
    font-weight: bold;
}

.bio-data a:hover {
  color:#FFFFFF;
}

.bio-photo {
  float: left;
  padding: 10px;
}




/* ********** FOOTER ********** */
#footer .footer-inside {
	background-color: white;
	padding: 0 2px 2px 2px;
	border-left: 3px solid rgb(47,105,171);
	border-right: 3px solid rgb(47,105,171);
}
#footer .footer-inside .sponsors {
	border-top: 3px solid rgb(173,173,173);
	background-image: url("images/footer-inside-bg.jpg");
	background-position: bottom;
	background-repeat:repeat-x;
	text-align: center;
}
#footer .footer-inside .sponsors IMG{
	padding: 0 15px 0 15px;
}
#footer .footer-inside IMG {
	margin: 0 10px 0 10px;
}
#footer .footer-separator {
	background-image: url("images/footer-separator.jpg");
	width: 990px;
	height: 36px;
}
#footer .footer-outside {
	background-color: rgb(10,81,161);
}
#footer .footer-outside .menu {
	text-align: center;
	padding: 25px 0 30px 0;
	color: white;
}
#footer .footer-outside .menu a{
	color: white;
	margin: 0 5px 0 5px;
}
#footer .footer-outside .banner {
	text-align: center;
	padding-bottom: 50px;
}