@charset "utf-8";
/* CSS Document */

/* ------------ Globals ------------ */
* {margin:0; padding:0;}
img {border:0 none;}

/* ------------ Layout ------------ */
body {background:rgb(255,255,255) url(/images/bg.gif) repeat-x 0 0; font-family:verdana,arial,sans-serif; color:rgb(0,0,0); font-size:62.5%; margin:0 0 20px 0;}
#global-container {width:949px;}
#global-header {width:936px; height:147px; padding:26px 0 0 13px;}
#global-menu {clear:both; width:949px; height:30px;}
#global-content {clear:both; width:949px;}
#global-crumbs {clear:both; width:949px;}
#global-footer {clear:both; width:940px; border-top:2px solid rgb(196,196,196); margin:10px auto;}

/* ------------ #global-menu ------------ */
#global-menu ul {list-style-type:none;}
#global-menu ul li {display:block; float:left; padding:0; margin:0; position:relative; z-index:auto !important; z-index:1000 /*IE6*/;}
#global-menu ul li a {display:block; line-height:25px; padding:0 18px 0 18px; float:none !important; float:left /*IE6*/; font-size:1.4em; color:rgb(255,255,255); font-family:"Trebuchet MS","Times New Roman"; text-decoration:none; font-weight:normal;}
#global-menu ul li a:hover {padding-bottom:5px;}
#global-menu ul li ul {display:none;}
#global-menu ul li.stick a {line-height:30px;}
#global-menu ul li.stick a:hover,#global-menu ul li.stick:hover a {padding-bottom:0;}

/* ------------ #global-menu .nodeX ------------ */
#global-menu ul li.node0 a {background:rgb(161,155,131);}
#global-menu ul li.node1 a {background:rgb(161,208,176);}
#global-menu ul li.node2 a {background:rgb(218,59,10);}
#global-menu ul li.node3 a {background:rgb(22,115,133);}
#global-menu ul li.node4 a {background:rgb(132,81,21);}
#global-menu ul li.node5 a {background:rgb(147,186,43);}
#global-menu ul li.node6 a {background:rgb(115,99,135);}
#global-menu ul li.node7 a {background:rgb(200,194,36);}
#global-menu ul li.node8 a {background:rgb(161,155,131);}
#global-menu ul li.node9 a {background:rgb(132,81,21);}

/* Non-IE6 Hovers */
#global-menu ul li:hover a {padding-bottom:5px;}
#global-menu ul li:hover ul {display:block; width:13.0em; position:absolute; z-index:999; top:2.4em; margin-top:0.1em; left:0;}
#global-menu ul li:hover ul li a {display:block; width:13.0em; height:auto; line-height:25px; padding:0 10px 0 10px; color:rgb(255,255,255); background:rgb(52,59,67); font-weight:normal;}
#global-menu ul li:hover ul li a:hover {background:rgb(142,145,150);}

/* IE6 Hovers */
#global-menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
#global-menu ul li a:hover {padding-bottom:5px;}
#global-menu ul li a:hover ul {display:block; width:13.0em; position:absolute; z-index:999; top:1.8em; t\op:1.8em; left:0; marg\in-top:0.1em;}
#global-menu ul li a:hover ul li a {display:block; w\idth:13.0em; height:1px; line-height:25px; padding:0 10px 0 10px; background:rgb(52,59,67); font-weight:normal;}
#global-menu ul li a:hover ul li a:hover {background:rgb(142,145,150);}

/* ------------ #global-crumbs ------------ */
#global-crumbs ul {list-style-type:none; margin:10px 0 0 10px;}
#global-crumbs ul li {
	display:block; float:left; padding:0; margin:0; position:relative; z-index:auto !important; z-index:1000 /*IE6*/;
	background: url(/images/bg_global-crumbs.gif) no-repeat 4px -1px !important;
	color:rgb(80,80,80);
	padding:0 0 0 15px;
	font-weight:bold;}
#global-crumbs ul li a {color:rgb(253,134,0); text-decoration:underline; font-weight:normal;}
#global-crumbs ul li a:hover {text-decoration:underline;}

/* ------------ #global-content ------------ */
#global-content a, #global-content a:visited {color:rgb(253,134,0); text-decoration:underline;}
#global-content a img {border:solid 1px rgb(200,200,200);}
#global-content a:hover{}
#global-content a:hover img {border:solid 1px rgb(150,150,150);}
#global-content li {margin-left:20px; padding:2px 0;}

/* ------------ #global-contet #left-sidebar ------------ */
#left-sidebar {float:left; width:256px;}

/* ------------ #global-content #left-sidebar.item-list ------------ */
#left-sidebar .item-list {padding-bottom:10px;}
#left-sidebar .item-list ul {list-style-type:none;}
#left-sidebar .item-list li {margin:0; padding:0;}
#left-sidebar .item-list a {display:block; padding:5px 5px 6px 10px; color:rgb(131,81,20); text-decoration:none; font-size:1.2em; background:rgb(255,255,255) url(/images/bg_item-list_li.gif) repeat-x 0 bottom;}
#left-sidebar .item-list a:hover {background-color:rgb(240,240,240);}

/* ------------ #global-contet #right-sidebar ------------ */
#right-sidebar {float:right; width:370px; padding-top:15px;}

/* ------------ #global-content #center-court------------ */
#center-court {float:left; width:683px; padding:5px;}
#center-court p{font-size:1.3em; margin:0 0 20px 0; text-align:left;}
#center-court ul {margin:0 0 10px 30px;}
#center-court ol {margin:0 0 10px 30px;}
#center-court li {font-size:1.3em;}
#center-court h1 {clear:both; display:block; color:rgb(253,134,0); font-weight:normal; font-size:3.0em; padding:10px 0 10px 0; font-family:"Trebuchet MS","Times New Roman";}
#center-court h2 {clear:both; margin:0 0 10px 0; font-size:1.8em; color:rgb(253,134,0); font-weight:bold; font-family:"Trebuchet MS","Times New Roman"}
#center-court h3 {margin:0 0 10px 0; font-size:1.4em; color:rgb(253,134,0); font-weight:bold; font-family:"Trebuchet MS","Times New Roman"}
#center-court h4 {margin:0 0 10px 0; font-size:1.4em; color:rgb(83,83,83); font-weight:bold; font-family:"Trebuchet MS","Times New Roman"}
#center-court img {clear:both; float:none; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(200,200,200);}
#center-court h1.page-title {padding:10px 0 0 0;}

/* ------------ #global-content #center-court.content-block ----------- */
#center-court .content-block {margin-bottom:10px !important; margin-bottom:5px /*IE6*/;}
#center-court .content-block .caption {font-size:10px; font-weight:normal; text-align:center; color:rgb(80,80,80); font-family:verdana;}
#center-court .content-block .caption img {float:none; display:block; margin:0 0 3px 0;}
#center-court .content-block .left {clear:both; float:left; margin:3px 10px 7px 0;}
#center-court .content-block .center {clear:both; float:none; display:block; margin:0 auto;}
#center-court .content-block .right {clear:both; float:right; margin:3px 0px 7px 10px;}
#center-court .content-block .side {clear:none;}
#center-court .content-block img {padding:1px; border:1px solid rgb(200,200,200);}
#center-court .content-block p {font-size:1.3em; margin:0 0 10px 0; text-align:left;}
#center-court .content-block h2 {margin-bottom:0;}
#center-court .content-block h2 a {color:rgb(253,134,0);}
#center-court .content-block hr {clear:both; color:rgb(150,150,150); border:0 none;}

/* ------------ #global-content #center-court #home-features ----------- */
#home-features {width:554px; margin:0 auto;}
#home-features .classes {float:left; width:179px; margin-right:7px;}
#home-features .classes a img {display:block; padding:0; margin:0 0 1px 0; border:1px solid rgb(218,59,10);}
#home-features .classes a:hover img {border:1px solid rgb(0,0,0);}
#home-features .supplies {float:left; width:179px; margin-right:7px;}
#home-features .supplies a img {display:block; padding:0; margin:0 0 1px 0; border:1px solid rgb(22,115,133);}
#home-features .supplies a:hover img {border:1px solid rgb(0,0,0);}
#home-features .gallery {float:left; width:179px;}
#home-features .gallery a img {display:block; padding:0; margin:0 0 1px 0; border:1px solid rgb(132,81,21);}
#home-features .gallery a:hover img {border:1px solid rgb(0,0,0);}
#home-features .images {width:179px; height:151px; overflow:hidden;}
#home-features p {text-align:center; font-size:10px; color:rgb(93,93,93);}

/* ------------ #global-body #center-court #events-form ----------- */
#classes-form {width:170px; padding:10px; border:1px solid rgb(150,150,150); background:rgb(240,240,240);}
#classes-form label.left {float:left; width:180px; padding:2px; font-size:90%;}
#classes-form input.field {width:160px; padding:2px; border:solid 1px rgb(150,150,150); font-family:verdana,arial,sans-serif; font-size:110%; background:rgb(255,255,255);}
#classes-form textarea {width:160px; padding:2px; border:solid 1px rgb(150,150,150); font-family:verdana,arial,sans-serif; font-size:110%; background:rgb(255,255,255);}
#classes-form input.button {padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(200,200,200); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(0,0,0); font-size:110%;}
#classes-form input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80);}
#classes-form p {margin-bottom:5px;}
#classes-form .errors {font-size:0.8em; padding:5px 0 5px 0;}

/* ------------ #global-body #center-court.contactform ----------- */
#contactform {width:418px; margin:2.0em auto; padding:10px 10px 0 10px;}
#contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(150,150,150);}
#contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
#contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:90%;text-align:right;}
#contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(150,150,150); font-family:verdana,arial,sans-serif; font-size:110%;}
#contactform input.field {width:275px; padding:2px; border:solid 1px rgb(150,150,150); font-family:verdana,arial,sans-serif; font-size:110%; background:rgb(240,240,240);}
#contactform textarea {width:350px; padding:2px; border:solid 1px rgb(150,150,150); font-family:verdana,arial,sans-serif; font-size:110%; background:rgb(240,240,240);}
#contactform input.button {float:right; width:9.0em; margin:0 20px 10px 0; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(200,200,200); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(0,0,0); font-size:110%;}
#contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80);}

/* ------------ #global-footer------------ */
#global-footer p {color:rgb(80,80,80); font-size:1.1em; padding:5px 0 0 0;}
#global-footer p a, #global-footer p a:visited {color:rgb(255,141,0); text-decoration:underline; font-weight:bold;}

/* ------------ credits ------------ */
#credits {text-align:center; color:rgb(150,150,150); font-size:1.0em; padding:10px 0 0 0;}
#credits a {color:rgb(244,122,36);}
#credits a:hover {color:rgb(244,122,36);}