@charset "utf-8"; /* CSS Document */ /** Contents ---------------------------------------------------------------------------------------- Author: Jay Horne - Data Torque 2008 01 Reset 02 Default Styles 03 Top Styles 04 Header Styles 05 Content Styles 05a - Content Area 05b - Content Right 05c - Content Sponsor 05d - Content Left 05e - Secondary 06 Footer Styles 07 Poweredby Styles 08 Submenu Navigation Styles 08a - Level 2 08b - Level 3 08c - Level 4 08d - Level 5 08e - Level 6 */ /** 01 Reset ----------------------------------------------------------------------------------------*/ body {color:#000;background:#FFF;} body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} fieldset,img{border:0; border:0;} address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:"'";} abbr,acronym {border:0;font-variant:normal;} sup,sub {line-height:-1px;vertical-align: text-top;} sub {vertical-align:text-bottom;} input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} textarea {line-height:1.25;} label {cursor:pointer;} form {margin:0;padding:0;display:inline;} blockquote {margin:22px 40px;padding:0;} small {font-size:0.85em;} /** 02 Default Styles -------------------------------------------------------------------------------*/ html, body { border:0; margin:0; padding:0;} body { font:76%/1.5 Arial, Helvetica, sans-serif; color: #000;} h1{ font-size: 1.5em; font-weight: bold; line-height: 1.1em; font-family:Arial, Helvetica, sans-serif; color: #3399CA;margin-bottom:5px;} h2{ font-size: 1.3em; font-weight: bold; line-height: 1.1em; font-family:Arial, Helvetica, sans-serif; color: #3399CA;margin-bottom:5px;} h3{ font-size: 1.3em; font-weight: bold; line-height: 1.1em; letter-spacing: 0; margin-bottom: 0.3em; color: #262334;margin-bottom:5px;} h4{ font-size: 1.2em; font-weight: bold; line-height: 1.1em; letter-spacing: 0; margin-bottom: 0.3em;margin-bottom:5px;color: #3399CA;} h5{ font-size: 1.1em; font-weight: bold; line-height: 1.1em; letter-spacing: 0; margin-bottom: 0.3em;margin-bottom:5px;} h6{ font-size: 1.0em; font-weight: bold; line-height: 1.1em; letter-spacing: 0; margin-bottom: 0.3em;margin-bottom:5px;} #content_area_wide li, #sec_content_area li{margin-top: 0px; padding-top: 0px;} #content_area_wide ul, #sec_content_area ul{list-style-image: url(bullet.gif); margin-top: 0px; padding-top: 0px;} #content_area_wide ul ul, #sec_content_area ul ul{list-style-image: url(subbullet.gif);} #content_area_wide ul ul ul, #sec_content_area ul ul ul{list-style-image: url(subbullet.gif);} #content_area_wide ol ol, #sec_content_area ol ol{list-style-image: url(subbullet.gif);} #content_area_wide ol ol ol, #sec_content_area ol ol ol{list-style-image: url(subbullet.gif);} #content_area_wide a:link, #sec_content_area a:link{color:#45139A;text-decoration:underline;} #content_area_wide a:visited, #sec_content_area a:visited{color:#45139A;text-decoration:underline;} #content_area_wide a:hover, #sec_content_area a:hover{color:#45139A;text-decoration:underline;} #content_area_wide a:active, #sec_content_area a:active{color:#45139A;text-decoration:underline;} p {margin-top:0px; padding-top:0px; font-size: 1.0em;} #content_area li, #sec_content_area li{margin-top: 0px; padding-top: 0px;} #content_area ul, #sec_content_area ul{list-style-image: url(bullet.gif); margin-top: 0px; padding-top: 0px;} #content_area ul ul, #sec_content_area ul ul{list-style-image: url(subbullet.gif);} #content_area ul ul ul, #sec_content_area ul ul ul{list-style-image: url(subbullet.gif);} #content_area ol ol, #sec_content_area ol ol{list-style-image: url(subbullet.gif);} #content_area ol ol ol, #sec_content_area ol ol ol{list-style-image: url(subbullet.gif);} #content_area a:link, #sec_content_area a:link{color:#45139A;text-decoration:underline;} #content_area a:visited, #sec_content_area a:visited{color:#45139A;text-decoration:underline;} #content_area a:hover, #sec_content_area a:hover{color:#45139A;text-decoration:underline;} #content_area a:active, #sec_content_area a:active{color:#45139A;text-decoration:underline;} #access{display:none;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /** 03 Top Styles -------------------------------------------------------------------------------**/ #top_wrap{ width: 100%; float: left; } #top_content{ width:1000px; margin-left: auto; margin-right: auto; padding: 3px 0px 3px 0px;} .top_menu {float:right; color: #000; font-size: 11px;} .top_menu a {color: #45139A; text-decoration:underline; padding: 0 5px 0 5px; } .top_menu a:hover {color: #A4B1BF; text-decoration:none;} /** 04 Header Styles -------------------------------------------------------------------------------**/ #header_wrap{ width: 100%; height:167px; float: left;} #header_content{ width:1000px; margin-left: auto; margin-right: auto; height:167px; background:url(header.jpg) no-repeat ;} #header_content a{width:180px; height:167px; padding:0; margin:0; text-indent:-9999px; display:block; float: left; } /** 05 Content Styles -------------------------------------------------------------------------------**/ #content_wrap {width: 100%; float: left; background:url(content_bg.jpg) repeat-y center top ;} #content_content {width:1000px; margin-left: auto; margin-right: auto; } #content_left {width: 180px; float: left; background-image: url(submenu_bg.jpg);} #content_main {width: 820px; float: left;} #content_top {width: 820px; height:20px; float: left; background:url(content_top.jpg) no-repeat ;} /**** 05a - Content Area ***/ #content_area_wrap{float: left} #content_area {width: 422px; float: left; background-image: url(content_main_bg.jpg); background-repeat: repeat-y; padding-right: 23px; padding-bottom: 40px; padding-left: 13px;} #content_area_wide {background-image: url(content_wide_bg.jpg); background-repeat: repeat-y; width: 630px; float: left; padding-right: 23px; padding-bottom: 40px; padding-left: 13px;} #content_area_wide p{width: 99%;} #content_area_bottom{width: 422px; height: 15px; float: left; background-image: url(content_area_bottom.jpg); background-repeat: no-repeat; padding-right: 23px; padding-left: 13px;} /**** 05b - Content Right ***/ #content_right_box_top {width:130px; height:22px; background:url(box_title.jpg) no-repeat; padding-top: 5px; padding-right: 48px; padding-left: 30px;} #content_right_box_top h3{ font-size: 14px; font-weight: bold; color: #FFFFFF;} #content_right_box_area { width:148px; background:url(box_bg.jpg) repeat-y; padding-top: 10px; padding-right: 30px; padding-bottom: 5px; padding-left: 30px; line-height: 110%;} #content_right_box_area ul{list-style-type: none; padding:0; margin:0;} #content_right_box_area li{list-style-type: none; padding:0; margin:0; line-height: 120%;} #content_right_box_area a{color:#0A0621;text-decoration:underline;} #content_area a:hover{color:#0A0621;text-decoration:underline;} #content_right_box_map {width:148px; height:147px; background:url(map.jpg) no-repeat ; padding-top: 5px; padding-right: 30px; padding-bottom: 5px; padding-left: 30px;} #content_right_box_map ul{list-style-type: none; padding:0; margin:0;} #content_right_box_map li{list-style-type: none; padding:0; margin:0;} #content_right_box_map a{color:#0A0621; text-decoration:underline; font-weight: bold;} #content_right_box_map a:hover{color:#0A0621;text-decoration:underline;} .club {background-image: url(arrow_right.gif); background-repeat: no-repeat; background-position: 115px 7px; height: 125px;} .club a {padding-left:50px;} .coach {background-image: url(arrow_left.gif); background-repeat: no-repeat; background-position: 0px 7px; } .coach a {padding-left: 10px;} #content_right_box_bottom {width:208px; height:15px; padding: 0; background:url(box_bottom.jpg) no-repeat ;} /**** 05c - Content Sponsor ***/ #content_right {width: 208px; float: left;} #content_sponsor {width: 154px; float: left;} #content_sponsor_area {width: 154px; float: left; background-image: url(sponsor_bg.gif); background-repeat: repeat-y; text-align: center;} #content_sponsor_area img{margin-top: 5px; margin-bottom: 5px;} #content_sponsor_bottom {width: 154px; height: 15px; float: left; background-image: url(sponsor_bottom.gif); background-repeat: no-repeat;} .event_date {font-weight: bold; color: #000000;} /**** 05d - Content Left ***/ #submenu_top {width: 180px; height: 54px; background:url(logo_bottom.jpg) no-repeat ; float: left;} #submenu_left {width: 30px; height: 432px; float: left;} /**** 05e - Secondery ***/ #sec_content_area_wrap {float:left;} #sec_content_area {width: 630px; float: left; background-image: url(sec_content_main_bg.jpg); background-repeat: repeat-y; padding-right: 23px; padding-bottom: 40px; padding-left: 13px;} #sec_content_area_bottom {width: 630px; height: 15px; float: left; background-image: url(sec_content_area_bottom.jpg); background-repeat: no-repeat; padding-right: 23px; padding-left: 13px;} /** 06 Footer Styles -------------------------------------------------------------------------------**/ #footer_wrap{ width: 100%; height:28px; float: left; background:url(footer_bg.jpg) no-repeat center top ; } #footer_content{ width:1000px; height:28px; margin-left: auto; margin-right: auto; padding: 0; } /** 07 Poweredby Styles -------------------------------------------------------------------------------**/ #poweredby_wrap{ width: 100%; height:20px; float: left;} #poweredby_content{ width:870px; height:20px; margin-left: auto; margin-right: auto; padding: 10px 0px 30px 130px;} #poweredby_content ul { list-style-type: none; padding: 0px; margin: 0px;} #poweredby_content li { list-style-type: none; padding: 0px; margin: 0px;} #poweredby_content a:link, #poweredby_content a:visited { display: block; width: 163px; height:26px; color: #000; text-decoration: none; background: url(logo_zeus.gif) no-repeat left top; text-indent: -9999px;} #poweredby_content a:hover { background-position: left bottom;} /** 08 Submenu Navigation Styles -------------------------------------------------------------------------------**/ #submenu_menu {width:144px; padding:0 19px 0 15px; margin:0px; border-bottom:1px solid #fff; float:left;} #submenu_menu ul {list-style:none; padding:0; margin:0} #submenu_menu a {display:block; padding:3px 10px; margin:0 0 1px; font-size:12px; font-weight:none; background-image:url(level1.gif); text-decoration:none; color:#fff; text-align:right} #submenu_menu a:hover {text-decoration:none; background-image:url(level1_selected.gif)} #submenu_menu li {position:relative} #submenu_menu .Level1Selected a {display:block; padding:3px 10px; margin:0 0 1px; font-size:12px; font-weight:none; background-image:url(level1_selected.gif); text-decoration:none; color:#fff; text-align:right} #menu_curve {height:48px; width:33px; position:absolute; left:50%; top:238px; z-index:1; margin-left:-486px; background: url(menucurve.gif) no-repeat left top;} /**** 08a - Level 2 ***/ #submenu_menu ul ul {position:absolute; top:0px; left:100%; width:100%; background-image:url(level2.gif); border-left:1px solid #fff} #submenu_menu ul ul li a {font-size:12px; font-weight:none; color:#FFF; border-top:none} #submenu_menu ul ul a:hover {text-decoration:none; background-image:url(level2_selected.gif)} div#submenu_menu ul ul, div#submenu_menu ul li:hover ul ul {display:none; z-index:1} div#submenu_menu ul li:hover ul, div#submenu_menu ul ul li:hover ul {display:block; z-index:1} /**** 08b - Level 3 ***/ #submenu_menu ul ul ul {position:absolute; top:0px; left:100%; width:100%; background-image:url(level2.gif); border-left:1px solid #fff} #submenu_menu ul ul ul li a {font-size:12px; font-weight:none; color:#FFF; border-top:none} #submenu_menu ul ul ul a:hover {text-decoration:none; background-image:url(level2_selected.gif)} div#submenu_menu ul ul ul, div#submenu_menu ul ul li:hover ul ul{display:none; z-index:2} div#submenu_menu ul ul li:hover ul, div#submenu_menu ul ul ul li:hover ul {display:block; z-index:2} /**** 08c - Level 4 ***/ #submenu_menu ul ul ul ul {position:absolute; top:0px; left:100%; width:100%; background-image:url(level2.gif); border-left:1px solid #fff} #submenu_menu ul ul ul ul li a {font-size:12px; font-weight:none; color:#FFF; border-top:none} #submenu_menu ul ul ul ul a:hover {text-decoration:none; background-image:url(level2_selected.gif)} div#submenu_menu ul ul ul ul, div#submenu_menu ul ul ul li:hover ul ul{display:none; z-index:3} div#submenu_menu ul ul ul li:hover ul, div#submenu_menu ul ul ul ul li:hover ul {display:block; z-index:3} /**** 08d - Level 5 ***/ #submenu_menu ul ul ul ul ul {position:absolute; top:0px; left:100%; width:100%; background-image:url(level2.gif); border-left:1px solid #fff} #submenu_menu ul ul ul ul ul li a {font-size:12px; font-weight:none; color:#FFF; border-top:none} #submenu_menu ul ul ul ul ul a:hover {text-decoration:none; background-image:url(level2_selected.gif)} div#submenu_menu ul ul ul ul ul, div#submenu_menu ul ul ul ul li:hover ul ul{display:none; z-index:4} div#submenu_menu ul ul ul ul li:hover ul, div#submenu_menu ul ul ul ul ul li:hover ul {display:block; z-index:4} /**** 08c - Level 6 ***/ #submenu_menu ul ul ul ul ul ul {position:absolute; top:0px; left:100%; width:100%; background-image:url(level2.gif); border-left:1px solid #fff} #submenu_menu ul ul ul ul ul ul li a {font-size:12px; font-weight:none; color:#FFF; border-top:none} #submenu_menu ul ul ul ul ul ul a:hover {text-decoration:none; background-image:url(level2_selected.gif)} div#submenu_menu ul ul ul ul ul ul, div#submenu_menu ul ul ul ul ul li:hover ul ul{display:none; z-index:5} div#submenu_menu ul ul ul ul ul li:hover ul, div#submenu_menu ul ul ul ul ul ul li:hover ul {display:block; z-index:5}