html {background: #D7E2E8;}
body { font-family: verdana, arial; background: #D7E2E8 url(/site_media/images/pageBg.gif) repeat-x scroll 0 0; overflow-x:hidden;
overflow-y:scroll; }
h1 { font-size: 167%; }
h2 { font-size: 138.5%; margin-bottom: 3px;}
h3 { font-size: 100%; font-weight: bold;}
a { text-decoration: none; color: #206A98;}

.header {background-color: grey; }
div.spacer {  clear: both;  }
div#logo  { font-size: 200%; padding-top: 30px;}

.col2box { padding: 10px; border-top: 5px solid #EE1C23; overflow: hidden; }
.col3box { padding: 2px; border-top: 5px solid #EE1C23; overflow: hidden; }
.col1box { padding: 10px; }
.container { border: 1px solid silver; background-color: #FFFFFF;}
#col2 { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 3px; width: 58%; float: left; }
#col3 { padding: 3px; width: 38%; float: right; }
/* modifications to YUI base styling to split sidebar */
.yui-t6 #yui-main .yui-b { margin-right: 32em; }
div.yui-t6 div.container div#bd div#yui-main { margin-right: -32em; }

#bd {
	background: transparent url(/site_media/images/bg.gif) repeat-y scroll 0 0;
	padding: 5px;}

/* header */
#logo {float:left; padding: 10px;  text-align: center;}
#logoright { width: 150px; float: right; }
#searchbox{float:right; padding-top: 10px; padding-right: 10px; display: inline; }
#loginbox{float:right; padding-top: 10px; padding-right: 20px; display: inline; color: #999;}
.clbox{float:left; padding-top: 10px; padding-left: 20px; display: inline; color: #999; z-index: 3; position: absolute; }
.ccbox{float:left; padding-top: 10px; padding-left: 20px; display: inline; color: #999; z-index: 3; }
form .button  {
border:1px solid #666666;
font-size:0.7em;
height:auto;
margin:0pt;
padding:1px;
width:auto;
}

/* articles */
.article { margin-bottom: 10px; overflow: hidden; }
.article-wrapper { border-bottom:1px solid #CCCCCC; margin: 5px; padding: 5px; overflow: hidden; }
div.article-body div#myGallery { float: right; width: 300px; height: 250px; margin: 5px 5px 10px 20px; }
.article-headline { font-size: 131%; color: #206A98; font-family: times new roman; trebuchet;}
.homepage-article-headline { font-size: 100%; color: #206A98; font-family: times new roman; trebuchet;}
.article-headline-link { font-size: 116%; color: #206A98; font-family: times new roman, trebuchet;}
.article-subhead {padding: 3px;}
.article-byline { font-size: 85%; font-weight: bold;}
.article-body { font-size: 85%; text-align: justify; overflow: hidden;}
.article-author { font-size: 77%;}
.article-pubdate { font-size: 77%; padding: 5px; }
.articlethumbnail { float: left; display: inline; margin-top: 2px; margin-right: 10px; margin-bottom: 10px; overflow: hidden; border: 1px solid #cccccc; }
.article-photos { float: right; width: 300px; padding: 5px; overflow: hidden; text-align: center; }
.article-photos img { border: 1px solid #cccccc; margin: 5px; }
.article-photos ul { text-align: center; }
.article-photos ul li { display: inline; }
.article-photos ul li a.active { background-color:#EE1C23; color: white; text-decoration: none; }

.photocredit { float: right; text-align: right; white-space: nowrap; overflow: hidden; font-size: 90%; margin-bottom: 5px; color: gray; text-transform: uppercase; font-family: Verdana, sans-serif; }
.photocaption { font-size: 90%; font-family: Verdana, sans-serif; margin-bottom: 5px; color: gray; padding: 5px;}

/* articletools */
.articletoolset { text-align: right; text-transform: uppercase }
.articletools { margin-bottom: 0.5em }
.commentCount { float: left; font-weight: bold; }
ul.articletools li { display:inline; margin-left:0.5em }
ul.articletools li.commentCount img { font-weight:bold; margin:0pt 4px 0pt 0pt; }
ul.articletools li img { margin-left:8px; margin-right:3px; vertical-align:-0.2em; }
ul.share li { margin-left: 40px; margin-bottom: 5px; }
ul.share li img { margin-right:4px; vertical-align: bottom; }
.articletoolset a { text-decoration: none; }

/* editors choice tabbed box */

ul.subsection_tabs {
text-align: left; /* set font as desired */
border-bottom: 1px solid #999; /* set border COLOR as desired */
list-style-type: none;
padding: 2px 0 2px 4px;
font: bold .65em verdana, "Lucida Grande", Lucida, sans-serif;
display: block;
}

ul.subsection_tabs li {
display: inline;
}

ul.subsection_tabs li a {
    padding: 1px 4px 2px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #999; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #ededed; /* set unselected tab background color as desired */
color: #999; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 1px;
}

ul.subsection_tabs li a:hover {
    background: #fff; /* set desired hover color */
}

ul.subsection_tabs li a.active {
    background-color:#fff;
    border-bottom:1px solid #fff;
    color: black;
}

ol.mostviewedlist li {
    list-style-type: decimal;
    list-style-position: outside;
    margin-bottom: .4em;
    font: .9em verdana, "Lucida Grande", Lucida, sans-serif;
    margin-left: 2.5em;
}
div#editorschoice { padding-top: 5px; }
div#mostviewed { padding-top: 5px; }

ul.mostviewedlist li {
    list-style-image: none;    
    list-style-type: none;
    list-style-position: outside;
    margin-top: .2em;
    margin-bottom: .4em;
    font: .9em verdana, "Lucida Grande", Lucida, sans-serif;
    margin-left: 3.5em;
}
ul.mostviewedlist li strong {float: left; margin-left: -4em; font-size: 0.9em;}



/* search page */
.advancedsearchtext { padding:5px; }
ul.searchlist {list-style-type:none;}
ul.searchlist li {float: left;}
.article-result {border-top:1px solid #CCCCCC; margin: 5px; padding: 5px;}
#searchheader {}
#searchheading {float: left;}
#searchoptions {border-top:1px solid #CCCCCC; margin: 5px; padding: 5px; }
.highlight { background: yellow; font-weight: bold; }
#searchhelp { display: none; text-align: center; border-bottom: 1px solid #cccccc; padding: 10px;}
#searchhelptable { border: 1px solid #cccccc;}
#searchhelptable td {padding: 5px;}
.searchhelpheading { background-color:#206A98; border: 1px solid #cccccc; color: white; padding: 5px; margin-right: 5px;}
#advancedsearchtable td {padding:5px;}
.darkenBackground {
background-color: rgb(0, 0, 0);
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */
z-index: 20;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
text-align:center;
font-size: 300%;
color: white;
padding-top: 200px;
}
.darkenBackground img {vertical-align:middle;}
.photo-result-container { text-align: center; padding: 10px; }


/* pagination */
.pagination, .paginator { margin: 10px; }
.paginate-first { margin: 5px; }
.paginate-previous { margin: 5px; }
.paginate-current { margin: 5px; }
.prev, .next, .page, .paginate-link a { background-color: white; color: #EE1C23; padding-left: 4px; padding-right: 4px; border: 1px solid silver; text-decoration: none;}
.current, .paginate-current  { background-color: #EE1C23; color: white; padding-left: 4px; padding-right: 4px; border: 1px solid silver; }
.page, .prev, .next, .paginate-link { margin: 5px; }
.pagination a:hover, .paginate-link a:hover { background-color: #EE1C23; color: white; padding-left: 4px; padding-right: 4px; border: 1px solid silver;}
.paginate-next { margin: 5px; }
.paginate-last { margin: 5px; }
.paginate-pages { margin: 5px; font-weight: bold;}
.leftcolumn {text-align:justify;}
.disabled {color: grey;}

/* rss  */
div#colophon {display: block; overflow: hidden;}
div#colophon h2.colophonHeader { margin-bottom: 2px;}

#colophon li {    
    list-style-type: disc;
    list-style-position: outside;
    padding-bottom: .1em;
    margin-left: 20px;
    color: #206A98;
    opacity: 1;
}

#colophon p { margin-bottom: .5em; }

div#colophon img.RSSIcon {
    float: left;
    margin-right: 4px;
}

/* footer */
#ft { text-align: center;
color:#125581;
font-size:1.1em;
padding:1.1em 10px 3em;
position:relative;
}
ul#footermenu li { display: inline; }


.comments{ font-size: 80%; padding: 2px;}
.comment_odd { background-color: #EBEBEB; padding: 5px; border-bottom: 1px solid silver;}
.comment_even { padding: 5px; border-bottom: 1px solid silver;}

#mailfriend {padding: 10px; }

#myGallery
{
width: 540px !important;
height: 400px !important;
}
.team { margin-left: 30px;}
.result { margin: 2px; float: left; font-size: 80%; border: 1px solid silver; padding: 5px; background-color: #eeeeee;}
.resultsets {text-align: center; }
.resultset { color: #424242; }
.resultdate { color: #999999; }
.courtbooking {float: left; width: 100px; padding: 2px; margin: 2px;}
.courtbooking_dates {float: left; width: 60px; padding: 2px; margin: 2px;}
.booking_booked {float: left; width: 90px; background-color: #206A98; border: 1px solid silver; padding: 3px; font-size: 80%; color: #999;  min-height: 65px; max-height: 65px; overflow:auto; scrollbar:auto; margin: 2px; text-align: center; }
.booking_booked a {color: white;}
.booking_available {float: left; width: 90px; background-color: green; border: 1px solid silver; padding: 3px; font-size: 80%;  color: #999;  min-height: 65px; max-height: 65px; overflow:auto;  margin: 2px; text-align: center; }
.booking_available a {color: white; }
.booking_unavailable { float: left; width: 90px; background-color: white; border: 1px solid silver; padding: 3px; font-size: 80%;  color: #999;  min-height: 65px; max-height: 65px; overflow:auto; margin: 2px; text-align: center; }
.booking_unavailable a {color: #999; }
.booking_date {float: left; background-color: white; border: 1px solid silver; padding: 3px; font-size: 100%; font-style: bold;  color: black; width: 65px; min-height: 65px; max-height: 65px; overflow:auto; margin: 2px;}
.pickmatch {float: left; width: 90px;  border: 1px solid silver; padding: 3px; font-style: bold;  color: black;  min-height: 65px; bottom: 2px;}
.unscheduled {float: left; width: 90px;  background: yellow; color: #206A98; border: 1px solid silver; padding: 2px; margin: 2px; font-size: 80%;}
.overdue {float: left; width: 90px;  background: white; color: #999; border: 1px solid silver; padding: 2px; margin: 2px; font-size: 80%;}
#courtbookingkey {float: right; padding-left: 10px; width: 100px;}
.key {min-height: 10px; color: white; padding: 3px;}

#top {
background:transparent url(/site_media/images/bg_top.gif) no-repeat scroll 0 0;
height:30px;
}

#btm {
background:transparent url(/site_media/images/bg_btm.gif) no-repeat scroll 0 0;
height:30px;
}

#menu
{
  margin-left: 20px;
  height: 95px;
  width: 930px;
  background: transparent url(/site_media/images/topBG.gif) repeat-x scroll 0 0;
}
#menu .t_l, #menu .t_b, #menu .t_r
{
  width: 24px;
  height: 95px;
  float: left;
  background: url('/site_media/images/topL.gif') no-repeat;
}
#menu .t_b
{
  width: 912px;
  background: url('/site_media/images/topBg.gif') repeat-x;
}
#menu .t_r
{
  float: right;
  background: url('/site_media/images/topR.gif') no-repeat;
}
#menu .logo
{
  float: left;
}
#menu .mm
{
  float: right;  
}
.mm UL
{
  margin: 57px 0px 0px;
  padding: 0px;
}
.mm LI
{
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  display: inline;
  padding: 0px;
  margin: 0px;
}
.mm A
{
  height: 38px;
  display: block;
  float: left;
  text-align: center;
  line-height: 38px;
  font-size: 15px;
  font-weight: bold;
  font-family: Arial;
  color: #555;
  text-decoration: none;
}
.mm .t_s_off
{
  background: url('/site_media/images/tab_s_of.gif') no-repeat;
  width: 88px;
}
.mm .t_s_on
{
  background: url('/site_media/images/tab_s_on.gif') no-repeat;
  width: 88px;
}
.mm .t_l_off
{
  background: url('/site_media/images/tab_l_of.gif') no-repeat;
  width: 117px;
}
.mm .t_l_on
{
  background: url('/site_media/images/tab_l_on.gif') no-repeat;
  width: 117px;
}

ol li {
    list-style: disc url(/site_media/images/bullet.gif) inside;
    padding-left: 1em;}
    
.box {padding: 5px; border-right: 1px dashed silver; margin: 10px;}
.mbox {padding: 5px; padding-left: 0px; border-right: 1px dashed silver; margin: 10px; margin-left: 0px;}
.rbox {padding: 5px; margin: 10px;}        
.playerlist {float: left; width: 200px; padding: 10px; margin: 2px;}
.matchlist {float: left; width: 200px; padding: 10px; margin: 2px; font-size: 80%;}
.teamlist {float: left; width: 200px; padding: 10px; margin: 2px; font-size: 80%;}
.smalltext {font-size: 80%;}
.standing {background: red; border: 1px solid silver; min-height: 5px; color: white;}
.standing a {color: white;}
#teamstandinggraph { float: right; }

.withunderline { text-decoration: underline;}
.unscheduledmatches {float:left; padding-left: 10px;}
#collogo {float:right;}
#courtbookings { border-top: 1px dashed silver; }
.pickmatch a { color: #206A98; }
.unscheduledli { margin-bottom: 2px; background-color: yellow; border: 1px solid silver;}
.overdueli { margin-bottom: 2px; background-color: white; border: 1px solid silver;}
#cclub {margin-left: 80px;}
#cleague {margin-left: 150px;
background:  #fff;}
.message { background: green; color: white; border: 1px solid silver; padding: 3px; margin: 5px;}
.courtbooking_day {width: 900px; height: 80px; overflow: auto;  margin: 3px; }
.courtbooking_date, .courtbooking_instance { float: left; }
.courtbookingtime {font-weight: bold}
.gallery-photo, .photocontainer { float: left; padding: 10px; border: 1px solid silver; background-color: #ccc; margin: 10px; text-align: center; }
.photo { border: 1px solid silver; }
.pickmatch { background-color: #999; }
#photos {padding: 10px; }
.player-photo {border: 1px solid silver;}