/************** NEUTRALISE THE BROWSERS *******************/
* { margin: 0; padding: 0; }
img { border: none; }

/************** HTML ELEMENTS *****************************/
p, div, td {
    font-size: 11px;
    line-height: 15px;
}

h1, h2, h3 {
  line-height: 130%;
  margin-bottom: 10px;
}

h1 {
  color: #460017;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

h2 {
  color: #990033;
  text-transform: uppercase;
}

h3 {
  color: #6C6C6C;
  border: 5px;
  border-color: #FFFFFF;
  font-size: 16px;
  text-transform: uppercase;
  padding: 5px;
}

p {
  margin-bottom: 15px;
}

ol, ul {
  margin-left: 25px; 
  margin-bottom: 15px;
}

hr {
  margin-bottom: 10px;
}

pre {
  width: 700px;
 overflow: auto;
}


a {
  color: #460017;
  text-decoration: underline;
}

a:hover {
  color: #222;
  text-decoration: none;
}

a:active {
outline: none;
}

a:focus {
-moz-outline-style: none;
}

.photo {
  float: right;
  margin: 0 15px;
}

.photo img {
  margin: 4px;
  border: solid 1px #460017;
}

#printer {
  padding: 1px;
  font-size: 10px;
  color: #;
  text-align: right;
}


.block { display: block; }
.clear { clear: both; }


/********** LAYOUT **********/

body.pagebody {
  font-family: verdana, geneva, sans-serif;
  background: #980033 url(/images/setup/page_bg.jpg) top repeat-x;
}

#shadow {
  background: url(/images/setup/shadow.png) no-repeat center top;
}


#header {
  width: 913px;
  padding: 0px 0;
  margin: 0 auto;
  text-align: center;
  background: #444;
  overflow: hidden;
}

.body-container {
  width: 913px;
  margin: 5px auto;
/*  background: #fff; */
  background: url(/images/setup/body_container_bg1-730.jpg) repeat-y left top;
  overflow: hidden;
}

#leftcol {
  width: 168px;
  float: left;
   margin-right: 5px;
  overflow: hidden;
}

#mainbody {
  width: 730px;
  padding: 5px;
  float: left;
  overflow: hidden;
}

#rightcol {
  width: 300px;
  padding: 0px;
  float: right;
  overflow: hidden;
}

#footer {
  width: 913px;
  padding: 0px;
  margin: 0 auto;
  overflow: hidden;
  position:relative
}

.footer-text {
  height: 30px;
  padding-top: 10px;
  background: url(/images/setup/footer.jpg);
  text-align: center;
  font-family: arial;
  font-size: 13px;
  color: #FEFEFE;
}

.footer-text a{
  color: #fff;
}

#sponsors {
   width: 300px;
   background: #000;
   text-align: center;
}

/**********TWITTER*************/
#twitter-box  span {
   color: #fff;
   padding: 5px;
   display: block;
   background: #000;
   text-align: center;
}

/********** NAVIGATION **********/
#global-nav {
  width: 883px;
  padding-left: 30px;
  margin: 0px auto;

  background: url(/images/setup/global_nav_bg.gif) repeat-x left top #fff;
}

#global-nav ul, #global-nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#global-nav li.nav {
  float: left;
}

#global-nav li.dropdown-li {
  position: relative;
  z-index: 50;
}

#global-nav li.nav a {
  display: block;
  height: 38px;
  background: url(/images/setup/global_nav.gif) no-repeat;
}

#global-nav li.nav1 a {
  width: 80px;
  background-position: -30px 0px;
}

#global-nav li.nav1 a:hover, #global-nav li.nav1 a.current {
  background-position: -30px -38px;
}

#global-nav li.nav2 a {
  width: 144px;
  background-position: -110px 0px;
}

#global-nav li.nav2 a:hover, #global-nav li.nav2 a.current {
  background-position: -110px -38px;
}

#global-nav li.nav3 a {
  width: 105px;
  background-position: -254px 0px;
}

#global-nav li.nav3 a:hover, #global-nav li.nav3 a.current {
  background-position: -254px -38px;
}

#global-nav li.nav4 a {
  width: 241px;
  background-position: -359px 0px;
}

#global-nav li.nav4 a:hover, #global-nav li.nav4 a.current {
  background-position: -359px -38px;
}
#global-nav li.nav5 a {
  width: 115px;
  background-position: -600px 0px;
}

#global-nav li.nav5 a:hover, #global-nav li.nav5 a.current {
  background-position: -600px -38px;
}
#global-nav li.nav6 a {
  width: 160px;
  background-position: -715px 0px;
}

#global-nav li.nav6 a:hover, #global-nav li.nav6 a.current {
  background-position: -715px -38px;
}


#global-nav .submenu-container {
  visibility: hidden;
  width: 250px;
  background: #00170e;
  position: absolute;
  left: 0;
  top: 38px;
  z-index: 52;
}

#global-nav .submenu-container .submenu {

}

#global-nav .submenu-container ul li a {
  display: block;
  width: 230px;
  height: auto;
  padding: 0 10px;
  background: none;
  font-family: arial;
  font-size: 12px;
  color: #fff;
  line-height: 22px;
  text-decoration: none;
}

#global-nav .submenu-container ul li a:hover {
  background: #153025;
}

#global-nav #submenu-container9 {
 left: -58px;
}

#global-nav #submenu-container10 {
 left: -145px;
}
#navbar-secondary {

}


/********* ACCORDION NAV *******/
#accordion-wrapper {
  width: 190px;
  margin-bottom: 0px;
  overflow: hidden;
}

#accordion-wrapper .accordion-key {
  display: block;
  margin-bottom: 0px;
}

#accordion-wrapper .accordion-key img {
  display: block;
}

#accordion-wrapper .accordion-pane {
  width: 190px;
  padding-bottom: 8px;
  margin-bottom: 0px;
  background: #111;
  overflow: hidden;
}

#accordion-wrapper .accordion-pane a {
  display: block;
  width: 159px;
  padding: 0 8px;
  color: #fff;
  text-decoration: none;
  line-height: 26px;
  font-size: 12px;
}

#accordion-wrapper .accordion-pane a:hover {
  text-decoration: underline;
}

#accordion-wrapper .accordion-pane a.matched {
  font-weight: bold;
  background: url(/images/setup/) repeat-x left top;
}

#accordion-wrapper .accordion-pane .separator {
  height: 1px;
  background: #3E3E3E;
  overflow: hidden;
}

#accordion-wrapper .accordion-pane .navbar-secondary {
  width: 190px;
  background: #4C4C4C;
}

#accordion-wrapper .accordion-pane .navbar-secondary a {
  font-family: arial;
  color: #ffffff;
  line-height: 24px;
  font-size: 12px;
}


/********** HEADLINES **********/
#more-headlines {
   width: 435px;
   height: 360px;
  overflow: auto;
   background: #460017; 
}

#more-headlines .even {
   background: #460017; 
   padding: 5px 5px;
}

#more-headlines .odd {
   background: #1c0009;
   padding: 5px 5px;
}

#more-headlines span{
   color: #6c565d;
   display: block;
   font-size: 10px;
   font-weight: bold;
   font-family: arial;
   text-decoration: none;
}

#more-headlines a{
   color: #d8d8d8;
   display: block;
   font-weight: bold;  
   font-family: arial; 
   font-size: 12px;
   text-decoration: none;
}

#spotlight {
   width: 435px;
   height: 336px;
  overflow: hidden;
   background: #460017; 
}

#spotlight a {
 color: #e1e1e1;
  font-size: 14px;
  line-height: 20px;
 text-decoration: none;
  font-weight: bold;
}

#spotlight a:hover {
  color: #6C6C6C;
}

#spotlight .container {
  padding: 5px;
  color: #e1e1e1;
  font-size: 11px;
  line-height: 18px;
}

#spotlight img {
  float: left;
  padding: 5px 10px 5px 5px;
}

/********** ROSTERS **********/
table.roster {
  width: 730px;
  background-color: ;
}

tr.roster-header td {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #460017;
    padding: 5px;
}

tr.roster-header td a{
    color: #faa928;
}

tr.roster-row a{
    text-decoration: underline;
    color: #8c2633;
}

tr.roster-row a:hover {
    text-decoration: underline;
    color: #000000;
}

tr.roster-row0 td {
    background-color: #d1d1d1;
    font-size: 11px;
    padding: 5px;
}
tr.roster-row1 td {
    background-color: #FFFFFF;
    font-size: 11px;
    padding: 5px;
}

/********** BIOS SYSTEM PROVIDED**********/
.bio-wrapper .bio-container .head {
  padding: 20px;
  margin-bottom: 15px;
  color: #fff;
  background: url(/images/setup/bio_bg.jpg) no-repeat right bottom #000!important;
  overflow: hidden;
}

.bio-wrapper .bio-container a {
  color: #fff;
}

.bio-wrapper .bio-container .head span {
  color: #fff;
}

.bio-wrapper .roster-sidebar .roster-list,
.bio-wrapper .roster-sidebar .roster-title {
  background: #000!important;
} 

/********** BIOS OLD**********/
.bio {
    background-color: #460017;
    border: outset;
    border-width: 9px;
    padding: 5px;
}

.bio-name {
    background-color: #;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    padding: 3px;
    line-height: 20px;
}

.bio-data {
    color: #;
    font-weight: bold;
    font-size: 13px;
    padding: 5px;
}

.bio-data a{
  color: #000000;
}

.bio-data a:hover {
  color:#000000;
}

.bio-photo {
  float: left;
  padding: 10px;
}


/********** SCHEDULE **********/

table.schedule {
  width: 730px;
  background-color: ;
}

.schedule-data {
  width: 500px;
}

.schedule-data td {
    padding: 5px;
}

tr.schedule-header td {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #460017;
    padding: 5px;
}

tr.schedule-row td {
    background-color: #;
    font-size: 11px;
    padding: 5px;
}


tr.schedule-row0 td {
    background-color: #d1d1d1;
    font-size: 11px;
    padding: 5px;
}

tr.schedule-row1 td {
    background-color: #;
    font-size: 11px;
    padding: 5px;
}


/************* SCOREBOARD **************/
.upcoming {
  height: 377px;
  background: #111;
  color: #e1e1e1;
  overflow: auto;
}

.upcoming .boxscore {
  padding: 10px;
}

.upcoming a {
  color: #929292;
}

.standings {
  height: 322px;
  background: #111;
  color: #e1e1e1;
  overflow: auto;
}

.standings table {
  padding: 10px;
}

/********** Lightbox - Thumbnails ***********/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/setup/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/setup/overlay.png", sizingMethod="scale");
	}


#view-mode {  bottom:17px; color:#FFFFFF; font-size:10px; position:absolute; right:5px; }
#view-mode a { color:#fff }

