html, body {
  padding: 0;
  margin: 0;
  border: none;
  height: 100%;
}

h1,h2,h3,div,td {
    font-family: verdana, geneva, sans-serif;
    font-size: 11px;
    line-height: 15px;
    margin: 0px;
    padding: 0px;
}

img {
   border: 0px;
   margin: 0px;
}

p {
    font-family: verdana, geneva, sans-serif;
    font-size: 11px;
}


form {
  margin: 0px;
}

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


.photo {
  float: right;
  padding: 5px;
  background-color: #000000;
  color: #FFFFFF;
}


a {
  color: #003366;
}

a:hover {
  color: #000000;
}

h1 {
  color: #333333;
  line-height: 130%;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

h2 {
  color: #ebae00;
  text-transform: uppercase;
  text-decoration: none;
}


/********** NAVIGATION **********/

body.pagebody {
  margin: 0px;
  padding: 0px;
  background-color: #ccc;
}

.header-table,
.design { width:910px; margin:0 auto }

.design {
  width: 910px;
  background: #000;
  height: 100%;
}

#header {
  height: 60px;
  background-color:#231f20;
}

#leftcol {
  width: 150px;
  color: #fff;
}

#middle-col {
  width: 420px;
  background: #ffffff;
  padding: 15px 5px;
}

#whole-col {
  width: 720px;
  background: #fff;
  padding: 15px 5px;
}

#right-col {
  width: 290px;
  padding: 5px 0;
  color: #fff;
  background: #000;
  border-left: solid 10px #000;
}

#right-col .container {
  width: 290px;
  margin: 0 auto 10px;
  color: #000;
  overflow: hidden;
}

#container{
  background: #EBAB00;
  height: 175px;
  color: #000000;
}

#container a {
  color: #000000;
}


.container .head {
  display: block;
  margin-bottom: 2px;
}

.poll {
  padding: 10px;
}

.search-form {
  width: 146px;
  padding: 10px 2px;
  margin: 2px 0 20px;
  background: #EBAB00;
}

.go {
  width: 27px;
  height: 24px;
  background: url(/images/setup/go_button.gif) no-repeat left top;
  margin: 5px auto;
  border: none;
}

#footer {
  height: 50px;
  text-align: center;
  color: #FFFFFF;
}



/********** NAVIGATION **********/
#navbar-edu {
  width: 910px;
  height: 27px;
  overflow: hidden;
}

#navbar-edu img {
  display: block;
  height: 27px;
  float: left;
}

#navbar-buttons-lcol img, #navbar-buttons-rcol img {
  display: block;
  margin: 0 auto 20px;
}

#navbar-buttons-rcol img {
  margin-bottom: 4px;
}

.leftnav a {
  text-decoration: none;
  padding-left:5px;
  color: #ebae00;
}

.leftnav a:hover {
  color: #FFFFFF;
}

#navbar-secondary {
  background: #EBAB00;
}

#navbar-secondary ul, #navbar-secondary li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#navbar-secondary ul {
  text-align: center;
}

#navbar-secondary li {
  display: inline;
  padding-right: 8px;
  margin-right: 6px;
  border-right: solid 1px #000;
}

#navbar-secondary li.last {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}

#navbar-secondary ul li a {
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
  line-height: 28px;
}

#navbar-secondary ul li a:hover {
  text-decoration: underline;
}

/******* ACCORDION NAV *******/
#accordion-wrapper {
  width: 150px;
  margin: 0 auto 10px;
  overflow: hidden;
}

#accordion-wrapper .accordion-key,
#accordion-wrapper .accordion-key img {
  display: block;
}

#accordion-wrapper .accordion-pane {
  width: 150px;
  padding: 5px 0;
  margin-bottom: 3px;
  background-color: #EBAB00;
}

#accordion-wrapper .accordion-pane a {
  color: #003366;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  padding-left: 5px;
  line-height: 1.4em;
  text-decoration: none;
}

#accordion-wrapper .accordion-pane a:hover {
  text-decoration: underline;
}

/********** HEADLINES **********/

#morenews {
  width: 420px;
  height: 300px;
  margin: 0 auto 20px;
  overflow: auto;
}

#morenews td {
  padding: 5px 10px 5px 5px;
}

#morenews a {
  color: #990000;
  font-weight: bold;
}


#morenews a:hover {
  color: #ebae00;
}

.featured {
  text-align: justify;
}

.featured a {
  color: #000000;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
}

.featured a:hover {
  color: #ebae00;
}


.featured-story {
  margin-bottom: 15px;
  clear: both;
  overflow: hidden;
}

.featured-story a {
  color: #990000;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
}

.featured-story a:hover {
  color: #ebae00;
}

.caption-left {
  float: left;
  margin-right: 20px;
}

.caption-right {
  float: right;
  margin-left: 20px;
}


.caption {
  clear: right;
  float: right;
  padding-left: 7px;
  margin: 0px;
}

#aotw {
  width: 280px;
  padding: 10px 5px;
  background: #ebab00;
}

#aotw a {
  color: #000;
}


/********** ROSTERS **********/
tr.roster-header td {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #000000;
    padding: 2px;
}

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

tr.roster-row a{
    text-decoration: underline;
    color: #336699;
}

tr.roster-row a:hover {
    text-decoration: underline;
    color: #000000;
}

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

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

.bio {
    background: #;
    padding: 5px;
    height: 225px;
}

.bio-name {
    color: #000000;
    font-weight: bold;
    font-size: 16px;
  padding: 10px;
}

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

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

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

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

.design .bio-wrap .head {background:#000;color:#FFF}
.design .bio-wrap .head h2 {font-family:arial, helvetica;font-size:16px;line-height:20px;padding:0}
.design .bio-wrap .headshot {width:110px}
.design .bio-wrap .biodata {padding:0 310px 0 125px}
.design .bio-wrap .metadata {font-family:arial, helvetica}

.design .bio-wrap a{
color:#ebae00;
text-decoration: underline;
}

.design .bio-wrap a:hover{
color:#ebae00;
text-decoration: none;
}


/******* TAB CONTENT **********/
/******* TAB CONTENT **********/
.tab {
  width: 290px;
  color: #fff;
  background-color: #000000;
}

.scoreboard {
  padding: 5px;
  background-color: #000000;
  height: 188px;
  overflow: auto;
  color: #fff;
  border: 1px solid #ebab01;
}

.scoreboard a {
  color: #ebab01;
}

.upcoming {
  padding: 5px;
  height: 188px;
  overflow: auto;
  color: #fff;
  border: 1px solid #cc6601;
}

#tablist, #tabcontentcontainer {
  width: 290px;
  margin: 0 auto;
  overflow: hidden;
}

#tabcontentcontainer{
  height: 200px;
}
.tabcontent {
  display: none;
}

/********** FADING SCROLLER **********/

div.scroller {
  font-weight: bold;
  font-size: 8pt;
  padding-left: 5PX;
}

.scroller a {
  font-size: 8pt;
  text-decoration: underline;
}

.scroller-score {
  float: right;
  font-size: 8pt;
  padding-right: 10px;
}

/********** SCHEDULE **********/
table.schedule {
  width: 95%;
  background-color: ;
}

.schedule-header {
  background-color: #333333;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
}

tr.schedule-header td {
  padding-left: 5px;
}

tr.schedule-row0 td {
    background-color: #;
    padding: 2px;
}
tr.schedule-row1 td {
    background-color: #ffffff;
    padding: 2px;
}

.home-opp {
  text-transform: uppercase;
}

.schedule-row td {
}


/********** DATEBOOK *************/
table#calendarView {
  width: 245px;
  border-collapse: collapse;
  background: #262626;
  text-align: center;
}

table#calendarView td {
  border: 1px solid #FFFFFF;
  font-weight: bold;
  color: #FFFFFF;
}

table#calendarView td a{

}

.calendar-month  {
  color: #;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
}


.calendar-month a {
  color: #;
}

.calendar-month a:hover {
  color: #B59C01;
}

.calendar-header {
  background-color: #000000;
  font-weight: bold;
  color: #FFFFFF;
}

.calendar-sport {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

.calendar-date {
  float: left;
  color: #000000;
  background-color: #086342;
  width: 15px;
}

.calendar-event {
  font-size: 10px;
  background-color: #086342;
  color: #FFFFFF;
}

.calendar-event a {
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

.calendar-event a:hover {
  color: #000000;
  cursor: pointer;
  cursor: hand;
}

.event {
  background-color: #464646;
  color: #FFFFFF;
}

.event a {
  font-weight: bold;
}

.event a:hover {
  color: #FFFFFF;
}

.event-schedule {
  background-color: #000000;
  color: #FFFFFF;
  width: 245px;
  margin-left: 5px;
  height:180px;
  overflow: auto;

}

.event-info {
  padding: 5px;
}


/************ STANDINGS *****************/

.briefstats {
  width: 290px;
  background: #EBAB00;
}

.briefstats th, .briefstats td {
  padding: 1px 10px;
}

.briefstats th {
  padding-bottom: 5px;
}

/********** 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");
	}

/********** 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 #000000!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: #000000!important;
} 

/********* STATS ***********/
.stats-wrapper {
color: #000;
background: #FFF;
}
.stats-wrapper th {
background: #ebab01; /* set the primary color here ? dark color required */
color: #000000;
}
.stats-wrapper a { /* set the link color here */
color: #000000;
text-decoration: underline;
}
.stats-wrapper a:hover { /* set the link color here */
color: #000;
}