/********* html elements *************/

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

td {
  vertical-align: top;
}

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

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


form {
  margin: 0px;
}


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


a {
  color: #230042;
}

a:hover {
  color: #393996;
}

h1 {
  color: #230042;
  font-size: 16px;
  text-align: left;
  line-height: 140%;
}

h2 {
  color: #230042;
  font-size: 14px;
  text-align: left;
  line-height: 140%;
}


h3 {
  color: #230042;
  font-size: 16px;
  text-align: left;
  line-height: 140%;
}

input.txtfield {
  color: #767676;
  border: solid 1px #230042;
  padding: 2px;
}


/********** LAYOUT **********/

body.pagebody {
  margin: 0px;
  padding: 0px;
  background: url(/images/setup/page_bg.gif) repeat;
}

.design {
  width: 990px;
  background: #230042;
}

#header {
  height: 137px;
}

#mainbody {
  padding: 10px;
}

#leftcol {
  width: 170px;
  background: url(/images/setup/leftcol_curve_bottom.jpg) no-repeat right bottom #7E50A7;
  padding: 0;
}

#leftcol .container {
  background: url(/images/setup/leftcol_curve_top.jpg) no-repeat left top transparent;
  margin: 0 auto;
  overflow: hidden;
}

#storebutton {
  text-align: center;
  padding: 3px;
}

#rightcol {
  width: 300px;
}

.poll {
  padding: 10px;
  color: #000000;
}

#footer {
  width: 990px;
  color: #CD94FF;
  background: url(/images/setup/footer_bg.gif) repeat-x left top #400179;
}

#footer td{
  padding: 0 15px;
}

.footer {
  margin: 25px 0 10px;
}

.bottomcurve {
  width: 990px;
  height: 7px;
  background: url(/images/setup/footer_curve.png) no-repeat left top;
}




/***** HEADER PHOTOS *****/
.headerSpacer {
  float: left;
}

.headerPhoto {
  background-image: none;
  background-repeat: no-repeat;
  background-position: center right;
}

.headerOverlay-L {
  background-repeat: no-repeat;
  background-position: top left;
  background-image: none;
  width: 335px;
  height: 137px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/setup/header-L.png', sizingMethod='scale');
}

.headerOverlay-L[class] {
  background-image: url('/images/setup/header-L.png');
}

.headerOverlay-R {
  background-repeat: no-repeat;
  background-position: top left;
  background-image: none;
  width: 335px;
  height: 137px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/setup/header-R.png', sizingMethod='scale');
}

.headerOverlay-R[class] {
  background-image: url('/images/setup/header-R.png');
}




/********** NAVIGATION **********/
.infolinks {
  width: 166px;
  margin: 0 auto 10px;
}

.infolinks a {
  display: block;
  margin-bottom: 2px;
}

#leftcol a {
  color: #FFFFFF;
}

#rightcol a {
  color: #FFFFFF;
}

#rightnav-container {
  background: url(/images/setup/rightnav_bg.jpg) no-repeat;
}

#rightnav {
  padding: 10px;
}

#rightnav a {
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 20px;
}

#rightnav a:hover {
  color: #7e50a7;
}

#section-header {
  width: 100%; /* IE6 fix */
  height: 34px;
  background: url(/images/setup/section_header_bg.jpg) repeat-x left top;
  margin: 0;
  padding: 0;
  clear: both;
  overflow: hidden;
}

#section-header .img-container {
  width: 470px;
  height: 34px;
  float: left;
  overflow: hidden;
}

#section-header .curve {
  width: 7px;
  height: 34px;
  float: right;
  background: url(/images/setup/section_header_curve.jpg) no-repeat left top;
}

#navbar-secondary {
  background: #7E50A7;
  padding: 3px;
  color: #FFFFFF;
  clear: both;
}

#navbar-secondary a {
  text-decoration: none;
  color: #FFFFFF;
}

#navbar-secondary a:hover {
  text-decoration: underline;
  color: #FFFFFF;
}

.navbar-buttons-lcol {
  width: 170px;
  text-align: center;
  margin-bottom: 15px;
  overflow: hidden;
}

.navbar-buttons-rcol {
  width: 296px;
  margin: 0 auto;
  overflow: hidden;
}

.navbar-buttons-rcol img {
  float: left;
  margin-left: 2px;
  margin-bottom: 2px;
}

#footer-logolinks {
  float: right;
  height: 90px;
  margin: 15px 0 10px;
  clear: both;
}

#footer-logolinks td {
  padding: 0 10px;
  vertical-align: middle;
}
/********** HEADLINES **********/


.top-story {
  padding-left: 5px;
  padding-right: 5px;
  clear: left;
}

.sportHeadlines-container {
  background: #FFFFFF url(/images/setup/sportHeadlines_bg.jpg) top no-repeat;
  width: 480px;
  height: 600px;
  overflow: auto;
}

.sportHeadlines {
  padding: 10px;
  color: #230042;
}

.sportHeadlines .date {
   font-weight: bold; 
}

.sportHeadlines a {
  color: #230042;
  text-decoration: none;
}

.sportHeadlines a:hover {
  color: #393996;
}

.caption {
  clear: left;
  float: left;
  padding: 1px;
  margin: 0px;
}

/********** ROSTERS **********/
table.roster {
  width: 745px;
  background-color: ;
}

tr.roster-header td {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #230042;
    padding: 5px;
}

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

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: 5px;
}
tr.roster-row1 td {
    background-color: #FFFFFF;
    font-size: 11px;
    padding: 5px;
}



/************ BIO ************/

#bio-wrapper {
  width: 728px;
  background: url(/images/setup/bio_bg.jpg) repeat-x left top #7d7d7d;
  padding: 20px;
  margin: 0;
  border-right: solid 1px #000;
  border-left: solid 1px #000;
  overflow: hidden;
}

.bio-wrapper-bottom {
  width: 770px;
  height: 5px;
  background: url(/images/setup/bio_wrapper_bottom.jpg) no-repeat left top;
}

#bio-head-container {
  width: 728px;
  background: #cdaee8;
  overflow: hidden;
}

.bio-photo {
  width: 152px;
  height: 202px;
  float: left;
  padding: 10px;
}

.bio-photo img {
  border: 1px solid #000000;
}

.bio-name-container {
  width: 549px;
  float: right;
  padding-right: 7px;
  margin-bottom: 11px;
  background: url(/images/setup/bio_head_curve.jpg) no-repeat right top;
  overflow: hidden;
}

.bio-name {
    background: url(/images/setup/bioname_bg.jpg) repeat-x left top #1a0b27;
    width: 529px;
    height: 41px;
    padding: 9px 10px;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}

span.name {
  line-height: 41px;
}

.bio-number  {
  display: block;
  float: left;
  margin-right: 10px;
  width: 45px;
  height: 41px;
  line-height: 41px;
  color: #611d9d;
  text-align:center;
  background: url(/images/setup/number_bg.jpg) no-repeat left top;
}

.bio-data {
  width: 485px;
  height: 81px;
  padding: 30px;
  float: right;
  margin-right: 11px;
  background: #7e50a7;
  color: #FFFFFF;
  font-size: 12px;
}

.bio-data #bio-left  div{
  width: 233px;
  margin: 10px 0;
  text-align: left;
}

.bio-data #bio-right  div{
  width: 233px;
  margin: 10px 0;
  text-align: left;
}

.bio-data span{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    margin-right: 5px;
}

.bio-data a {
  color: #ffffff;
}

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

.bio-synopsis {
  background: url(/images/setup/synopsis_curve.jpg) no-repeat right bottom #fff;
  color: #000000;
  padding: 15px;
} 

#bio-left {
  float: left;
}

#bio-right {
  float: right;
}

#hof-bio-wrapper {
  width: 730px;
  background: url(/images/setup/hof_bio_curve.jpg) no-repeat right top #b8a2cc;
  padding: 20px;
  margin: 0;
  overflow: hidden;
}

#hof-bio-head-container {
  width: 707px;
  height: 204px;
  padding: 8px 11px 8px 12px;
  background: url(/images/setup/hof_bio_head_bg.jpg) no-repeat left top;
  overflow: hidden;
}

#hof-bio-wrapper .bio-photo {
  padding: 0;
  float: right;
}

#hof-biodata-container {
  width: 543px;
  float: left;
  font-family: verdana;
  font-size: 14px;
}

.hof-bio-name {
  width: 533px;
  height: 41px;
  padding-left: 10px;
  margin-bottom: 20px;
  background: url(/images/setup/hof_name_bg.jpg) no-repeat right top;
  color: #fff;
  font-weight: bold;
  font-size: 22px;
}

#hof-bio-data  #bio-left div {
  font-size: 14px;
  font-family: verdana;
  text-align: right;
  margin-top: 15px;
  width: 180px;
}

#hof-bio-data  #bio-left div span {
  font-weight: bold;
}

#hof-bio-data  #bio-right div{
  font-size: 14px;
  font-family: verdana;
  text-align: left;
  margin-top: 15px;
  width: 350px;
}

#hof-bio-wrapper .bio-synopsis {
  background: url(/images/setup/hof_synopsis_curve.jpg) no-repeat right bottom #d0d0d0;
  color: #000000;
  padding: 15px;
} 

/********** SCHEDULE **********/
table.schedule {
  width: 745px;
  background-color: ;
}

.schedule-data {
  width: 500px;
}

.schedule-data td {
    padding: 5px;
}

tr.schedule-header td {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #230042;
    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;
}

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

#upcoming {
  background-color: #ffffff;
  height: 200px;
  overflow: auto;
}

#upcoming a {
  color: #230042;
}

#upcoming a:hover {
  color: #393996;
}


.box-container {
  padding: 10px;
}

/********** COMPOSITE *************/
.calendar {
  border-collapse: collapse;
  background-color: #FFFFFF;
  color: #000000;
  text-align: center;
  width: 745px;
}

.calendar td {
  border: 1px solid #000000;

}

.calendar td a {
  font-size: 10px;
  font-weight: bold;
}

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

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

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

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

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

.calendar-event {
  font-size: 10px;
}

.calendar-event td a {
  font-size: 10px;
  font-weight: bold;
}

.calendar-event td a:hover {
  text-decoration: underline;
}

/********** Specific Container Styles ***********/

#upcoming-wrapper {
  width: 300px;
  margin: 0 auto 10px;
  overflow: hidden;
}
#upcoming-wrapper .container {
  padding: 10px;
  height: 277px;
  background: url(/images/setup/container_gradient.gif) repeat-x left top #fff;
  overflow: auto;
}

#search-wrapper {
  width: 166px;
  margin: 0 auto 10px;
  overflow: hidden;
}
#search-wrapper .container {
  padding: 10px;
  background: url(/images/setup/searchbox_curve_bottom.gif) no-repeat left bottom #A77DCD;
  overflow: hidden;
}
.search-button {
  width: 60px;
  height: 18px;
  border: none;
  background: url(/images/setup/search_button.gif) no-repeat left top;
}


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


 /********* STATS ***********/

.stats-wrapper th {
  background: #230042;    /* set the primary color here */
  color: #fff;
}

.stats-wrapper a {    /* set the link color here */
  color: #333;
  text-decoration: underline;
}

.stats-wrapper a:hover {    /* set the link color here */
  color: #000;
}

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

#accordion-wrapper .accordion-key,
#accordion-wrapper .accordion-key img {
  display: block;
  margin-bottom: 3px;
}

#accordion-wrapper .accordion-pane {
  width: 166px;
  text-align: left;
  overflow: hidden;
}

#accordion-wrapper .accordion-pane a {
  color: #e5e5e5;
  font-family: arial;
  padding: 0 5px;
  font-size: 11px;
  text-decoration: none;
  display: block;
}

#accordion-wrapper .accordion-pane a:hover {
  background: #e3c5ff; 
  color: #5c5a5a;
}

#accordion-wrapper .accordion-pane a.matched {
  font-weight: bold;
  color: #fff;
}