/* selector reset 
--------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, a, abbr, acronym, address, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, var, b, u, i, center, tablefieldset, form, fieldset, label, legend, select, input { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #6D7A82;line-height: 150%; }

/* common selector layout 
--------------------------------*/

body { background: url(../images/background.gif) #96C7E9; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;}
p { padding: 5px 0; margin: 0; }
img { border: 0; }
input, select { vertical-align: middle; }
a:link { color: #165EA2; }
a:visited { color: #4C96CD; }
a:hover { color: #00274E; }
h1,h2 { font-size: 12px; font-weight: bold; margin: 5px 0; }

/* common selector classes 
---------------------------------*/

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.fl-left { float: left; }
.fl-right { float: right; }
.container { overflow: hidden; width: 100%; }
.required { color: #D00; }
.note { font-style: italic; font-size: 10px; }
/*.opacity { opacity: .60; filter: Alpha(opacity=60); } not valid css 2.1*/

h1.title { }
select.text { border: 1px solid #999; }
input.text { padding: 2px; border: 1px solid #999; width: 130px; }
textarea.text { padding: 2px; border: 1px solid #DDD9D3; }
input.image { }
input.button { color:#FFF; background:#000; font: bold 92% Verdana, Arial, Helvetica, sans-serif; border:0;padding: 2px; }
input.checkbox { width:20px; margin: 3px 0 0 0; }
input.radio { width:20px; margin: 5px 0 0 0; }

/* body selectors 
---------------------------------*/

/* home */
#home { width: 959px; text-align:left; margin: 6px auto 0 auto; }
#home div#content { background: url(../images/content-bg.png) repeat-x #FFFFFF bottom; width: 959px; overflow: hidden; padding: 0px 0px 25px 0px; }
#home div#content div#left { float: left; display: inline; width: 530px; margin: 29px 0px 0px 42px; }
#home div#content div#right { float: left; display: inline; background: #ffffff; width: 331px; margin: 37px 0px 0px 16px; }
#home div#content div#right div.text { padding: 5px 15px 30px 20px; }

/* internal */
#internal { width: 959px; text-align:left; margin: 6px auto 0 auto;  }
#internal div#content { background: url(../images/content-bg-internal.png) repeat-x #FFFFFF bottom; width: 959px; overflow: hidden; padding: 0 0 0 0; }
#internal div#content div#left { float: left; width: 203px; margin: 16px 25px 25px 17px; background: #EBECEE; border: #C7C7C7 solid 1px; }
#internal div#content div#left ul { padding: 5px 5px 0px 5px; list-style:none; }
#internal div#content div#left li { border-top: 1px solid #CCC; }
#internal div#content div#left li a { display: block; padding: 5px 0px 5px 10px; color: #4C96CD; background: #DDD; border-top: 1px solid #EEE; font-size: 12px; }
#internal div#content div#left li a:hover { text-decoration: underline; }
#internal div#content div#left li ul { padding: 10px 0; margin:0 0 0 20px; }
#internal div#content div#left li ul li { border: none; background: none; padding:0; }
#internal div#content div#left li ul li ul li:before { content: '\00BB '; }
#internal div#content div#left li ul li a { border: none; display: inline; color: #777; padding: 0; background: none; text-decoration: none; }
#internal div#content div#left li ul li ul { padding: 0; margin: 0 0 10px 5px; list-style-position: inside; }
#internal div#content div#right { float: left; display: inline;  width: 704px; margin: 12px 0px 0px 0px; }
#internal div#content div#right div.text { padding: 8px 25px 30px 0px; }
#internal div#content div#right h1.sifr-title { color: #003069; width: 690px; border-bottom: #C7C7C7 solid 1px; margin: 0; padding: 0; height: 20px; }

/*shared*/
#header { width: 959px; height: 81px; overflow:hidden; padding: 0 0 0 0; margin: 0px 0px 9px 0px; background: #FFFFFF; border-top: #00274E solid 16px; }
#header img#logo { width: 275px; height: 81px; margin-right: 480px; }

#header-photo { width: 959px; height: 181px; overflow:hidden; padding: 0 0 0 0; margin: 0 0 0 0; background: #FFFFFF; }
#header-photo img#h-photo1 { width: 945px; height: 189px; margin: 6px 0px 0px 7px; } 

/*NAV*/
#nav ul { width: 945px; height: 28px; background: url(../images/nav-bg.png) repeat-x; list-style:none; margin:0;padding:0; border-top: #FFFFFF solid 1px; border-bottom: #FFFFFF solid 6px; border-left: #FFFFFF solid 7px; border-right: #FFFFFF solid 7px; }
#nav a { display: block; height: 28px; text-indent: -6000px;  }
#nav li.menu-cat { float: left; display: block; }/*menu category styling*/
#nav li:hover { position:relative; } /*hold flyout positioning*/

/* dropdown */
#nav li ul a { padding: 5px 3px 5px 20px; text-indent: 0; height: auto; width: 145px; color: #55559A; text-decoration: none; } /* reset for dropdown */
#nav li ul a:hover { color: #003A77; background:#FFF; } /*reset for dropdown */
#nav ul ul { position: absolute; width: 170px; height: auto; margin:0;padding:0; list-style:none; border:0; border-top: 1px #DADCF6 solid; } /*dropdown properties*/
#nav li ul li { border: #DADCF6 solid; border-width: 0 1px 1px 1px; }
#nav li ul li ul { position: absolute; top: 5px; left: 100%; } /*flyout positioning */
/* display/don't display */
#nav ul ul,
#nav li:hover ul ul{ display: none; } /*hide dropdown*/
#nav li:hover ul,
#nav ul ul li:hover ul{ display: block; background: #DCECF8; } /*dropdown item properties*/

/* nav categories */
#nav li#nav-about { background: url(../images/nav-about.png); width: 151px; } 
#nav li#nav-about:hover {background-position: 0 -28px; }
#nav li#nav-calendar { background: url(../images/nav-calendar.png); width: 151px; } 
#nav li#nav-calendar:hover {background-position: 0 -28px; }
#nav li#nav-events { background: url(../images/nav-events.png); width: 128px; } 
#nav li#nav-events:hover {background-position: 0 -28px; }
#nav li#nav-press { background: url(../images/nav-press.png); width: 158px; } 
#nav li#nav-press:hover {background-position: 0 -28px; }
#nav li#nav-facilities { background: url(../images/nav-facilities.png); width: 187px; } 
#nav li#nav-facilities:hover {background-position: 0 -28px; }
#nav li#nav-contact { background: url(../images/nav-contact.png); width: 170px; } 
#nav li#nav-contact:hover {background-position: 0 -28px; }

/*NAV 2*/
#nav-img ul { overflow:hidden; width: 939px; height: 118px; padding: 3px 0px 3px 2px; margin: 10px 0px 0px 0px; background: #FFFFFF; border: #D5DBE0 solid 9px; list-style:none; }
#nav-img a { display: block; height: 118px; text-indent: -6000px;  }
#nav-img li { float:left; display:inline; margin-right: 3px; }

/* nav 2 categories */
#nav-img li#nav2-volleyball { background: url(../images/nav2-volleyball.png); width: 114px; } 
#nav-img li#nav2-volleyball:hover {background-position: 0 -118px; }
#nav-img li#nav2-basketball { background: url(../images/nav2-basketball.png); width: 114px; } 
#nav-img li#nav2-basketball:hover {background-position: 0 -118px; }
#nav-img li#nav2-futsal { background: url(../images/nav2-futsal.png); width: 115px; } 
#nav-img li#nav2-futsal:hover {background-position: 0 -118px; }
#nav-img li#nav2-more { background: url(../images/nav2-more.png); width: 114px; } 
#nav-img li#nav2-more:hover {background-position: 0 -118px; }
#nav-img li#nav2-open { background: url(../images/nav2-open.png); width: 114px; } 
#nav-img li#nav2-open:hover {background-position: 0 -118px; }
#nav-img li#nav2-festivities { background: url(../images/nav2-festivities.png); width: 115px; } 
#nav-img li#nav2-festivities:hover {background-position: 0 -118px; }
#nav-img li#nav2-links { background: url(../images/nav2-links.png); width: 113px; } 
#nav-img li#nav2-links:hover {background-position: 0 -118px; }
#nav-img li#nav2-testimonials { background: url(../images/nav2-testimonials.png); width: 116px; } 
#nav-img li#nav2-testimonials:hover {background-position: 0 -118px; }

#footer { color: #FFF; background: #00274E; height: 33px; width: 959px; padding: 0 0 0 0; border-top: #FFFFFF solid 1px; }
#footer-pad { padding: 8px 20px 0px 20px; color: #fff; }
#footer-pad img { vertical-align:middle; }
#footer a:link { color:#ffffff; text-decoration: underline; }
#footer a:hover { color:#ffffff; text-decoration: none; }
#footer a:visited { color:#ffffff; text-decoration: underline; }
#core101-logo { color: #DCDCDC; text-align:center; padding: 10px 0; }
#core101-logo a { color: #DCDCDC; }

/* MISC 
-------------------------------------*/

/* forms */
#content-form { width: 450px; }
#content-form td { padding: 0 0 2px 0; }
#content-form td.label { text-align: right; vertical-align: top; padding: 0 5px 0 0; }
#content-form input.text { padding: 2px; width: 150px; border: 1px solid #DEDEDE; }
#content-form input.short { width: 55px; }
#content-form textarea.text { width: 220px; height: 60px; border: 1px solid #DEDEDE; }
#content-form input.button { padding: 2px; background: #A0A0A0; color: #FFF; }

/* calendar */
#calendar { background:#FFF; }
#calendar div.header { overflow:hidden; height: 29px; margin:15px 0 10px 165px; }
#calendar div.header a { display:block; float:left; width: 50px; }
#internal div#content div#right div#calendar div.header h1.sifr-title { float:left; color: #003069; width: 200px; margin: 0 0 0 50px; padding: 0; height: 20px; border:0; display:inline; }
#calendar table { border: solid #EBECEE; border-width: 1px 0 0 1px; }
#calendar table tr td { vertical-align:top; width:99px; border: solid #EBECEE; border-width: 0 1px 1px 0; }
#calendar table tr td.title { color:#FFF; font-weight:bold; text-align: center; background: #003069; }
#calendar table tr td a.this-day { display:block; text-align:right; width: 15px; height: 15px; background:#F8F8F9; padding: 2px; border: 1px solid #EBECEE; margin:3px; }
#calendar table tr td p{ padding: 3px; border:1px solid #FFF; margin: 2px; }
#calendar table tr td p.bg1 { background: #EBECEE url(../images/event-start-bg1.png) no-repeat 0 4px; }
#calendar table tr td p.bg2 { background: #ECF4FA url(../images/event-start-bg2.png) no-repeat 0 4px; }
#calendar table tr td p.event-start { text-indent: 10px; }
#calendar table tr td p.event-cont { background-image: none; }

#featured-events { overflow:hidden; width: 522px;  border: 1px solid #96A7B1; padding: 3px; background:#FFF; }
#featured-events div { float:left; width: 127px; padding: 152px 6px 9px 143px; background-color:#EBECEE;  }
#featured-events ul { float:left; width: 246px; padding:0;margin:0; list-style:none; }
#featured-events li { border-top: 1px solid #CBE3F4; }
#featured-events li.first { border-top: 0; }
#featured-events li a { display:block; color: #FFF; font-weight:bold; padding: 7px 5px 7px 28px; background: #70B1E1; text-decoration:none; height:auto; width:213px; }
#featured-events li a:hover { background: #003D7C url(../images/event-heading-hover-bg.png) no-repeat; }
#featured-events li span { color:#FFF; margin: 0 40px 0 0; }
#featured-events span#featured-link a { display:block; width:127px; height:23px; background: url(../images/btn-learn-more.png) no-repeat; text-indent:-6000px; }