html {
  background:#ffffff url(/img/html.bkg.jpg) repeat-x fixed left bottom;
  height:100%;
  padding:0px;
  font:normal 12px Arial,Geneva,sans-serif;
}
body {
  width:972px;
  border-right:1px solid #000000;
  border-bottom:1px solid #000000;
  border-left:1px solid #000000;
  margin:0px auto 10px auto;
  min-height:500px;
  background:#0099D8 url(/img/body.bkg.jpg) repeat-y scroll left top;
}
img {
  border-width:0px;
}

.center {
  text-align:center;
}


#banner {
  position:relative;
  z-index:1;
  height:224px;
  border-bottom:1px solid #000000;
  background:#0099D8 url(/img/banner.bkg.jpg) no-repeat scroll top left;
}
#banner #title {
  position:absolute;
  top:5px;
  right:5px;
  border-width:0px;
}
#banner #pwhl {
  float:left;
  margin:5px;
}

#main {
  position:relative;
  z-index:0;
  min-height:400px;
  background:transparent url(/img/main.bkg.jpg) no-repeat scroll left bottom;
}

/* #223F9A */

#main h1 {
  position:absolute;
  top:0px;
  left:0px;
  margin:0px;
  height:21px;
  padding:4px 0px 0px 24px;
  font:bold 14px Arial,Geneva,sans-serif;
  color:#ffffff;
  background:transparent url(/img/header.bkg.png) no-repeat scroll left top;
  width:948px;
}

#main #leftcolumn {
  width:200px;
  float:left;
  height:100% !important;
  padding:30px 0px 10px 0px;
}
#main #leftcolumn a {
  color:#ffffff;
}

#main #leftcolumn h3 {
  text-align:left;
  font-size:18px;
  margin:10px 10px 5px 10px;
}
#main #leftcolumn ul {
  width:180px;
  text-align:right;
  margin:0px 0px 60px auto;
  padding:0px;
  list-style-type:none;
}
#main #leftcolumn ul li {
  margin-bottom:0px;
}
#main #leftcolumn ul li a {
  padding:5px;
  display:block;
  color:#ffffff;
  font:bold 14px Arial,Geneva,sans-serif;
  background:transparent url(/img/menu.bkg.png) no-repeat scroll left top;
  text-decoration:none;
}
#main #leftcolumn ul li a:hover {
  color:#ffff55;
  background-position:right top;
}


/* Sponsors */
#main #leftcolumn ol {
  margin:0px 10px;
  padding:0px;
  list-style-type:none;
}
#main #leftcolumn ol li {
  margin:4px 0px;
  padding:3px;
  border:1px inset #223F9A;
  background:#0099D8 url(/img/sponsor.bkg.png) repeat-y scroll top left;
}
#main #leftcolumn ol li:last-child {
  border:0px none;
  background:transparent;
}
#main #leftcolumn ol li img {
  float:right;
}



#main #rightcolumn {
  width:230px;
  float:right;
  height:100%;
  padding:17px 10px 10px 10px;
}
#main #rightcolumn h3 {
  text-align:right;
  font-size:18px;
  margin:10px 0px 5px 0px;
}
#main #rightcolumn table {
  margin:0px auto;
}
#main #rightcolumn table.navTable {
  background-color:transparent !important;
}

#main #rightcolumn ul {
  text-align:right;
  margin:0px;
  padding:0px;
  list-style-type:none;
}
#main #rightcolumn ul li {
}
#main #rightcolumn ul li a {
  color:#ffffff;
}




/* Standings */
#main #rightcolumn table#standings {
  color:#ffffff;
}
#main #rightcolumn table#standings thead {
}
#main #rightcolumn table#standings tbody {
}
#main #rightcolumn table#standings tbody th {
  text-align:right;
  padding:0px 2px;
}
#main #rightcolumn table#standings tbody td {
  width:2em;
  text-align:center;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
  padding:0px 1px;
}


#main #content {
  margin:0px 250px 0px 200px;
  padding:17px 10px 10px 10px;
  background:#eeeeee url(/img/content.bkg.jpg) repeat-y scroll left top;
  border-right:1px solid #000000;
  border-left:1px solid #000000;
  min-height:500px;
}
#main #content #splash {
  width:500px;
  height:150px;
  border:1px solid #666666;
}
#main #content h2 {
  margin:10px 0px 5px 0px;
  padding-top:10px;
  border-bottom:1px solid #999999;
}
#main #content p {
  margin:0px 0px 1em 0px;
}

#main #content #footer {
  margin-top:20px;
  padding:3px;
  border-top:1px solid #666666;
  font-size:11px;
  color:#666666;
  text-align:center;
}



/* ***** Roster & Staff ***** */
#main #content ul.roster {
  margin:0px;
  padding:225px 0px 0px 0px;
  list-style-type:none;
  text-align:center;
  position:relative;
}
#main #content ul.roster li {
  display:inline;
  position:relative;
  text-align:left;
}
#main #content ul.roster li img.thumb {
  cursor:pointer;
  width:50px;
  height:75px;
}
#main #content ul.roster li div {
  display:none;
}
#main #content ul.roster li div var {
  position:absolute;
  top:0px;
  left:0px;
  width:110px;
  text-align:right;
  font:bold italic 96px Impact,Arial,sans-serif;
  opacity:0.2;
  filter:alpha(opacity=20);
  z-index:0;
}
#main #content ul.roster li div img.photo {
  float:left;
  margin:0px 10px 0px 110px;
  border:2px solid #888888;
  position:relative;
  z-index:2;
  width:133px;
  height:200px;
}
#main #content ul#rosterStaff li div img.photo {
  margin:0px 10px 0px 0px;
}
#main #content ul.roster li.develop div img.photo {
  border-color:#55aa55;
}
#main #content ul.roster li div h3 {
  margin:10px 0px;
  padding-top:10px;
  font:bold italic 18px Arial,sans-serif;
  border-bottom:1px solid #888888;
  position:relative;
  z-index:1;
}
#main #content ul.roster li div h3 img {
  float:right;
  margin-left:5px;
}
#main #content ul.roster li div a.statistics {
  float:right;
  margin:0px 0px 5px 5px;
}
#main #content ul.roster li div dl {
  margin:0px;
  height:160px;
  overflow:auto;
}
#main #content ul.roster li div dl dt {
  font-weight:bold;
  float:left;
  width:6em;
}
#main #content ul.roster li div dl dd {
  margin:0px;
  padding:0px;
}

#main #content ul.roster li.show {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  display:block;
  height:210px;
}
#main #content ul.roster li.show img.thumb {
  display:none;
}
#main #content ul.roster li.show div {
  display:block;
}


#main #content table.roster {
  margin:0px auto;
}
#main #content table.roster thead tr th {
  border-bottom:1px solid #999999;
}
#main #content table.roster tbody tr th,
#main #content table.roster tbody tr td {
  padding:2px 15px;
  border-bottom:1px solid #cccccc;
}
#main #content table.roster tbody tr th {
  text-align:right;
}


#main #content form#rosterForm {
  margin-top:30px;
}
#main #content form#rosterForm fieldset {}
#main #content form#rosterForm fieldset legend {
  font-size:12pt;
}
#main #content form#rosterForm fieldset ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}
#main #content form#rosterForm fieldset ul li {
  text-align:right;
  padding-bottom:4px;
  font-size:10pt;
}
#main #content form#rosterForm fieldset ul li:last-child {
  text-align:center;
  padding-bottom:0px;
}
#main #content form#rosterForm fieldset ul li label {
  float:left;
  font-weight:bold;
  font-size:11pt;
}
#main #content form#rosterForm fieldset ul li textarea {
  width:99%;
  font-size:10pt;
}





/* ***** EasyPHPCalendar Adjustment styles ***** */
#main #content form .mainTableTOC td div {
  white-space:normal;
}



#main #content table.develop {
  width:100%;
}
#main #content table.develop tr td {
  width:50%;
  vertical-align:top;
}
#main #content table.develop tr td h3 {
  margin:5px;
  text-align:center;
  font-size:18px;
}


#main #content dl.develop {
  text-align:right;
}
#main #content dl.develop dt {
  float:left;
  font-weight:bold;
}
#main #content dl.develop dd {
  height:1.5em;
}





@media print {
  html {
    background:#ffffff none;
  }

  body {
    width:auto;
    background:#ffffff none;
  }

  #banner {
    height:70px;
    background:#ffffff none;
  }
  #banner #title {
    height:120px;
  }

  #main {
    background:transparent none;
  }


  #main #rightcolumn {
    display:none;
  }

  #main #content {
    margin:0px 0px 0px 0px;
    background:#f6f6f6 none;
    border-right:0px none;
  }
  #main #content form {
    width:100% !important;
  }
  #main #content form .mainTableTOC {
    width:100% !important;
  }
  #main #content form .mainTableTOC td {
    width:14%;
  }
  #main #content form .mainTableTOC tr.rowsTOC td {
    border:1px solid #888888;
  }
  #main #content form .mainTableTOC td.monthYearRowTOC table td {
    visibility:hidden;
  }
  #main #content form .mainTableTOC td.monthYearRowTOC table td.monthYearTextTOC {
    visibility:visible;
  }


  #main #leftcolumn {
    display:none;
  }
}