/* CSS Document */

/* Color Swatches
Blue: #01244e
Orange: #ec6e00
*/

/* RESET STYLES FOR ALL BROWSERS */
html, body, p, ul, ol, li, h1, h2, h3, h4, div, span, table, form { margin:0; padding:0; }
body { font-family:Tahoma, Arial, Helvetica, sans-serif; background:#ffffff url(/images/bg_page.jpg) repeat-x top; color:#323232; font-size:100%; margin-bottom:10px; }
img { border:none; }
blockquote { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
a:link, a:visited { color:#01244e; font-weight:bold; text-decoration:underline; cursor:pointer; }
a:hover, a:active { color:#ec6e00; text-decoration:none; }

/* Page Container */
#container { width:960px; margin:0 auto; padding:0 0 10px; text-align:center; }

/* Page masthead */
#header { width:960px; margin:0 auto; padding:0; height:249px; text-align:center; }
#header img { vertical-align:bottom; }

/* Navigation menu */
#navMenu { width:960px; height:33px; margin:0 auto; padding:0; text-align:center; }
#navMenu ul { list-style-type:none; margin:0 0 0 22px; padding:0; z-index:9999; }
#navMenu ul li { float:left; display:inline; margin:0 7px; padding:0; position:relative; }
#navMenu ul li,#navMenu ul li a { display:block; height:33px; }
#navMenu ul li a { text-indent:-9999px; }
#home a { width:60px; background:url(/images/nav_menu.jpg) no-repeat 0px 0px; }
#home a:hover { background-position:-180px 0px; }
#facilities a { width:135px; background:url(/images/nav_menu.jpg) no-repeat 0px -33px; }
#facilities a:hover { background-position:-180px -33px; }
#basketball a { width:107px; background:url(/images/nav_menu.jpg) no-repeat 0px -66px; }
#basketball a:hover { background-position:-180px -66px; }
#volleyball a { width:106px; background:url(/images/nav_menu.jpg) no-repeat 0px -99px; }
#volleyball a:hover { background-position:-180px -99px; }
#futsal a { width:71px; background:url(/images/nav_menu.jpg) no-repeat 0px -132px; }
#futsal a:hover { background-position:-180px -132px; }
#events a { width:132px; background:url(/images/nav_menu.jpg) no-repeat 0px -165px; }
#events a:hover { background-position:-180px -165px; }
#partners a { width:92px; background:url(/images/nav_menu.jpg) no-repeat 0px -198px; }
#partners a:hover { background-position:-180px -198px; }
#contact a { width:107px; background:url(/images/nav_menu.jpg) no-repeat 0px -231px; }
#contact a:hover { background-position:-180px -231px; }

/* Nav menu drop-down */
#navMenu ul li ul { display:none; margin:0; padding:0; width:190px; position:absolute; top:33px; z-index:99999; list-style-type:none; border-left:1px solid #01244e; border-right:1px solid #01244e; border-bottom:1px solid #01244e; }
#navMenu ul li ul li { margin:0; padding:0; height:auto; border-top:1px solid #01244e; }
#navMenu ul li ul li a { width:174px; height:auto; display:block; color:#ffffff; background:#ec6e00; text-decoration:none; font-size:12px; line-height:14px; font-weight:bold; text-align:left; padding:9px 8px; margin:0; text-indent:0px; }
#navMenu ul li ul li a:hover { color:#ffffff; background-color:#01244e; }
#navMenu li:hover ul ul, #navMenu li:hover ul { display:none; }
#navMenu li:hover ul, #navMenu li li:hover ul { display:block; }
* html #navMenu ul li ul { padding-top:0px; padding-bottom:0px; }

/* Content area */
#content { width:960px; padding:10px; margin:0 auto; background-color:#fff; }

/* Main Content */
#mainContent { padding:0; margin:0; width:700px; text-align:left; float:left; display:inline; }
#mainContent .sslContent { float:none; }
h1 { font-size:1.1em; line-height:1.1em; color:#01244e; margin:0 0 10px; padding:0; font-style:italic; }
h2 { font-size:0.95em; line-height:1.1em; color:#ec6e00; margin:0 0 5px; padding:0; }
h3 { font-size:0.85em; line-height:1.1em; color:#01244e; margin:0 0 5px; padding:0; }
h4 { font-size:0.8em; line-height:1.1em; color:#ec6e00; margin:0 0 10px; padding:0; }
p { font-size:0.8em; line-height:1.4em; margin-bottom:10px; }
p.breadcrumb { font-size:0.7em; line-height:1.2em; padding:6px 4px; margin-bottom:10px; font-weight:bold; border-top:1px solid #ec6e00; border-bottom:1px solid #ec6e00; background-color:#f2f2f2; }
p.breadcrumb a { color:#ec6e00; }
p.breadcrumb a:hover { color:#01244e; }
p.printRss { font-size:0.7em; line-height:1.2em; margin-bottom:10px; font-weight:bold; text-align:right; }
#mainContent img { border:1px solid #01244e; margin:0 10px; }
#mainContent img.noBorder { border:none; margin:0; }
ul { margin:10px 0 10px 10px; padding-left:10px; list-style-type:none; }
ul li { font-size:0.8em; line-height:1.4em; margin:0; padding:0 0 8px 24px; background:url(/images/bullet.gif) no-repeat 0px 1px; }
ol { margin:10px 0 10px 20px; padding-left:10px; }
ol li { font-size:0.8em;; line-height:1.4em; margin:0; padding:0 0 8px 8px; background:none; }
ul.horizColumns li { float:left; width:220px; margin-right:10px; }
.eventReg { float:right; display:inline; width:220px; border:2px solid #01244e; background:url(/images/bg_footer.jpg) repeat-x top left; padding:10px; margin:0 0 10px 10px; text-align:center; }

/* Sidebar column */
#sidebar { float:left; display:inline; width:230px; margin:0 20px 0 0; padding:0; text-align:center; }
#sidebar h2 { width:230px; height:51px; margin:0; padding:0; text-indent:-9999px; background:#01244e url(/images/sidebar_header.jpg) no-repeat; }
#sidebar h2.sbGymTime { background-position:0px 0px; }
#sidebar h2.sbEvents { background-position:0px -51px; }
#sidebar h2.sbNews { background-position:0px -102px; }
#sidebar h2.sbMailList { background-position:0px -153px; }
#sidebar .sideBox { border-right:2px solid #01244e; border-bottom:2px solid #01244e; border-left:2px solid #01244e; margin:0 0 10px; text-align:left; width:206px; padding:10px; background:url(/images/bg_footer.jpg) repeat-x top left; }
#sidebar .sideBox p { font-size:0.7em; line-height:1.2em; margin:0; padding:4px 0 4px; }
#sidebar .sideBox ul { list-style-type:none; margin:0 10px; padding:0; }
#sidebar .sideBox li { font-size:0.7em; line-height:1.2em; padding:4px 0 4px; margin:0; background:none; }
#sidebar a.moreInfoLink { font-weight:normal; }
#sidebar p.socialLink { margin:0 0 10px; }


/* Event calendar */
#mainContent table.eCalendar { border:1px solid #01244e; margin:4px 0 10px; }
#mainContent table.eCalendar caption { font-weight:bold; color:#ec6e00; margin-bottom:1px; background-color:#f1f1f1; padding:7px 0 6px; }
#mainContent table.eCalendar caption a { font-weight:bold; color:#ffffff; text-decoration:none; background-color:#01244e; display:inline-block; padding:0 6px; margin:0 14px; width:12px; height:20px; }
#mainContent table.eCalendar caption .noLink { font-weight:bold; color:#999999; text-decoration:none; background-color:#ffffff; display:inline-block; padding:0 6px; margin:0 14px; width:10px; height:20px; border:1px solid #999999; }
#mainContent table.eCalendar caption a:hover { background-color:#ec6e00; text-decoration:none; }
#mainContent table.eCalendar td { border:1px solid #01244e; padding:2px; vertical-align:top; min-height:100px; }
#mainContent table.eCalendar td p { line-height:1.2em; margin-bottom:5px; }
#mainContent table.eCalendar td p.dateNo { font-weight:bold; color:#ec6e00; text-align:right; margin-bottom:10px; background-color:#f1f1f1; padding:3px; }
.cSpacer { height:80px; padding:0; margin:0; }

/* Photo gallery */
#mainContent ul.gallerySection, #mainContent ul.gallery { margin:10px 0; padding:0; list-style-type:none; }
#mainContent ul.gallerySection li { border:1px solid #01244e; width:200px; height:160px; margin:5px 5px 15px; padding:10px; background:url(/images/bg_footer.jpg) repeat-x left top; float:left; display:inline-block; text-align:center; font-size:0.9em; line-height:1.1em; }
#mainContent ul.gallery li { width:200px; height:130px; margin:5px 5px 15px; padding:10px; float:left; display:inline; text-align:center; font-size:0.9em; line-height:1.1em; background:none; }
#mainContent ul.gallerySection li a { display:block; text-decoration:none; }
#mainContent ul.gallery li a { text-decoration:none; }
#mainContent ul.gallerySection li img,#mainContent ul.gallery li img { border:1px solid #01244e; padding:1px; }
#mainContent ul.gallerySection li p, #mainContent ul.gallery li p { margin:5px 0; padding:0; }

/* News item summaries & partner links */
#mainContent .newsItem,#mainContent .partnerLinks { margin:20px 0 20px; padding:0 10px 10px; border-bottom:1px solid #d1d1d1; }
#mainContent .newsItem p.dateArea { font-style:italic; margin-bottom:2px; }
#mainContent #regTable { border:1px solid #01244e; border-collapse:collapse; margin-bottom:16px; }
#mainContent th { padding:3px; font-size:12px; background:#01244e url(/images/bg_nav_menu.jpg) repeat-x 0px -33px; color:#ffffff; }
#mainContent td { padding:3px; font-size:12px; }
#mainContent #regTable td { border-top:1px solid #01244e; }
#mainContent td.label { font-weight:bold; color:#01244e; }
#mainContent table.eventTable { border:1px solid #01244e; border-collapse:collapse; margin-bottom:16px; }
#mainContent .partnerLinks .partnerImg { float:right; width:160px; margin:0 0 0 18px; text-align:center; }
#mainContent .partnerLinks .partnerImg img { border:none; }

/* Two across display */
#mainContent .horizDisplay { margin:10px 0 0 10px; padding:5px; width:260px; float:left; }
.horizDisplay img { float:left; margin-right:10px; width:81px; height:81px; padding:1px; border:1px solid #d1d1d1; }

/* Prev/Next browsing */
#mainContent p.browsePrevNext { font-size:0.7em; margin:3px 0; text-align:right; }
#mainContent p.browsePrevNext a.nextLink { background:url(/images/btn_next.png) no-repeat right; padding:0 20px 0 5px; }
#mainContent p.browsePrevNext a.prevLink { background:url(/images/btn_previous.png) no-repeat left; padding:0 5px 0 20px; }

/* forms */
fieldset { border:1px solid #d1d1d1; padding:10px; margin:5px 0; }
legend { color:#01244e; font-size:1.0em; font-weight:bold; margin-bottom:10px; }
label { color:#01244e; font-weight:bold; line-height:1.5em; }
label.error { font-size:0.9em; font-weight:bold; color:#cc0000; margin-left:5px; padding-left:0; }
button { color:#01244e; height:26px; font-size:1.0em; font-weight:bold; margin:4px 0; padding:0 6px; cursor:pointer; border:1px solid #b2b2b2; background:#f2f2f2; }
button:hover { color:#ffffff; border:1px solid #084770; background:#01244e; }
button.regBtn { color:#01244e; height:26px; font-size:1.0em; font-weight:bold; margin:4px 0; padding:0 6px; cursor:pointer; border:1px solid #01244e; background:#01244e url(/images/bg_nav_menu.jpg) repeat-x 0px -5px; }
button.regBtn:hover { color:#ffffff; border:1px solid #01244e; background:#01244e url(/images/bg_nav_menu.jpg) repeat-x 0px -38px; }

/* Page footer */
#footer { margin:0 auto; padding:10px; color:#01244e; font-size:0.7em; text-align:center; border-top:1px solid #01244e; background:url(/images/bg_footer.jpg) repeat-x top left; }
#footer p { margin:0 0 8px; padding:0; line-height:1.2em; }
#footer a { font-weight:bold; color:#01244e; text-decoration:underline; }
#footer a:hover { color:#ec6e00; text-decoration:none; }
#footer .flinkSpacer { padding:0 8px; }

/* Generic styles */
.formButton { background-color:#01244e; background-image:none; padding-left:2px; }
.searchButton:hover,.formButton:hover { color:#6fa71e; }
.redText { color:#c00; }
.strikethrough { text-decoration:line-through; }
.floatright { float:right; margin:0 0 10px 10px; }
.floatleft { float:left; margin:0 10px 10px 0; }
img.noBorder { border:none; }


/* Please wait */
#mask { position:absolute; top:0px; left:0px; height:100%; width:100%; display:none; background-color: #d1d1d1; z-index:9999; }
#ajaxLoader { position:absolute; display:none; width:220px; height:80px; border:2px solid #01244e; background:#fff; color:#ec6e00; font-weight:bold; font-size:14px; line-height:31px; margin:0; padding:10px; text-align:center; z-index:99999; }
#ajaxLoader img { margin-top:10px; }

/* Float clears */
.clearfloat { clear:both; height:0; margin:0; padding:0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
*+html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */