/* CSS Document */ body,td,th {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;} #containter {width: 895px; margin-left: auto; margin-right: auto; top: -30px; position: relative; border: 1px solid #FFFFFF; background-color: #FFFFFF;} /*#menu { position: absolute; left: 4px; top: -240px; }*/ #back {top: 100px; left: 0px;} #links {position: absolute; top: 195px; left: 0px; width: 130px;} #news {position: absolute; left: 4px; top: 0px; width: 350px;} #video2 {position: absolute; left: 62px; top: 114px; line-height: 1.8em; color: #FFFFFF; width: 553px;} #sidebar {letter-spacing: 0.1em; line-height: 1.5em; text-align: left;} #sidebar a {display: block; padding: 2px 8px 2px 10px; margin: 0; width: auto; color: #FFFFFF; font-size: 11px;} #sidebar a:visited {display: block; padding: 2px 8px 2px 10px; margin: 0; width: auto; font-size: 11px;} #sidebar a:hover {background-color: #A49277; display: block 10%; padding: 2px 8px 2px 10px; margin: 0; width: auto; font-size: 11px;} #sidebar a:active {background-color: #723A2C; display: block; padding: 2px 8px 2px 10px; margin: 0; width: auto; font-size: 11px;} #sidebar ul {list-style: none; margin: 0; padding: 0;} #sidebar li {} #sidebarc {letter-spacing: 0.1em; line-height: 1.5em; text-align: center;} #sidebarc a {display: block; padding: 2px 8px 2px 10px; margin: 0; width: 90px; color: #000033; font-weight: bold; font-size: 13px;} #sidebarc a:visited {display: block; padding: 2px 8px 2px 10px; margin: 0; width: 90px; font-size: 13px;} #sidebarc a:hover {background-color: #6699CC; display: block; padding: 2px 8px 2px 10px; margin: 0; width: auto; font-size: 13px;} #sidebarc a:active {background-color: #723A2C; display: block; padding: 2px 8px 2px 10px; margin: 0; width: auto; font-size: 13px;} #sidebarc ul {list-style: none; margin: 0; padding: 0;} #sidebarc li {border-bottom: 1px solid #666666;} .link {letter-spacing: 0.1em; text-align: center;} .link a:link {display: block; margin: 0; width: auto; color: #66CCFF; background-image: url(../images/fade2.jpg); font-size: 12px; letter-spacing: 1px; padding: 6px 8px 6px 8px;} .link a:visited {display: block; margin: 0; width: auto; color: #66CCFF; background-image: url(../images/fade2.jpg); font-size: 12px; letter-spacing: 1px; padding: 6px 8px 6px 8px;} .link a:hover {display: block; margin: 0; width: auto; background-image: url(../images/fade2.jpg); color: #FFFFFF; font-size: 12px; letter-spacing: 1px; padding: 6px 8px 6px 8px;} .link a:active {display: block; margin: 0; width: auto; color: #66CCFF; background-image: url(../images/fade2.jpg); font-size: 12px; letter-spacing: 1px; padding: 6px 8px 6px 8px;} .plink {letter-spacing: 0.1em; text-align: center;} .plink a:link {display: block; margin: 0; width: auto; color: #FFFFFF; font-size: 12px; letter-spacing: 1px; padding: 6px;} .plink a:visited {display: block; margin: 0; width: auto; color:#FFFFFF; font-size: 12px; letter-spacing: 1px; padding: 6px;} .plink a:hover {display: block; margin: 0; width: auto; background-color: #000066; color: #FFFFFF; font-size: 12px; letter-spacing: 1px; padding: 6px;} .plink a:active {display: block; margin: 0; width: auto; color: #FFFFFF; font-size: 12px; letter-spacing: 1px; padding: 6px;} /*************MENU DROP DOWN***************/ #homemenubar { position: absolute; left: 69px; top: -242px; z-index:99;/* width: 680px; height: 25px; background-color: #1C2172; font-size:12px; color:#FFFFFF;*/ } #submenubar { position:absolute; top: 95px; left: 450px; z-index:99;/* width: 680px; height: 25px; background-color: #1C2172; font-size:12px; color:#FFFFFF;*/ } #topmenu { position:absolute; top: 0px; left: 0px; z-index:99;/* width: 500px; height: 33px; color:#FFFFFF; font-size:12px;*/ } .menu {/*top: 58px; left: 102px;*/width:724px; height:30px; position:relative; z-index:100;/*border-right:1px solid #FFFFFF;*/ font-family:Arial, Helvetica, sans-serif;} /* hack to correct IE5.5 faulty box model */ * html .menu {width:335px; w\idth:335px;} /* remove all the bullets, borders and padding from the default list styling */ .menu ul {padding:0;margin:0;list-style-type:none;} .menu ul ul {width:120px;}/*width:113px;*/ /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li {float:left;/*width:113px;*/ width:auto;position:relative; text-align:center;} /* style the links for the top level */ .menu a, .menu a:visited {display:block;font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#FFFFFF;text-decoration:none; width:auto; text-align:left; /*width:114px;*/ height:30px; border: none; background:none; padding: 0px; line-height:12px; font-weight:bold;} /* a hack so that IE5.5 faulty box model is corrected */ * html .menu a, * html .menu a:visited {width:auto; w\idth:auto;}/*width:113px; w\idth:113px; */ /* style the second level background */ .menu ul ul a.drop, .menu ul ul a.drop:visited {color: #FFFFFF; padding-top:0px; background:#00411C} /* style the second level hover */ .menu ul ul a.drop:hover{color:#FFFFFF; background-image:url(images/green1px.jpg); background-repeat:repeat-x; width:120px;} .menu ul ul :hover > a.drop {color:#FFFFFF; background-image:url(images/blue1px.jpg); background-repeat:repeat-x; width:120px;} /* style the third level background */ .menu ul ul ul a, .menu ul ul ul a:visited {color:#FFFFFF; background:#00411C;} /* style the third level hover */ .menu ul ul ul a:hover {color:#00411C; height:30px; font-size:12px;background:#D2F03A; width:170px;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul {visibility:hidden; position:absolute;height:0;top:27px;left:0; width:100px;border-top:1px solid #0062C3/*#F0D442*/;} /* another hack for IE5.5 */ * html .menu ul ul {top:19px;t\op:20px;} /* position the third level flyout menu */ .menu ul ul ul{left:113px; top:-1px; width:82px;} /*4th pos AU */ .menu ul ul ul ul{left:113px; top:-1px; width:82px;} /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left {left:-82px;} /* style the table so that it takes no part in the layout - required for IE to work */ .menu table {position:absolute; top:0; left:0; border-collapse:collapse;;} /* style the second level links */ .menu ul ul a, .menu ul ul a:visited {color:#FFFFFF; background-image:url(images/green1px.jpg); background-repeat:repeat-x; width:120px;font-size:11px; height:30px; line-height:2.6em; padding:0px 4px; border-width:0 1px 1px 1px;} /* yet another hack for IE5.5 */ * html .menu ul ul a, * html .menu ul ul a:visited {width:82px;w\idth:82px;} /* style the top level hover */ .menu ul ul a:hover{color:#FFFFFF; background-image:url(images/blue1px.jpg); background-repeat:repeat-x; width:120px;} /*.menu :hover > a, .menu ul ul :hover > a {color:#FFFFFF; background-image:url(../images/menu_background.jpg); background-repeat:no-repeat;} this is the orig *//*background:#076D94; #F0D442*/ /*.menu :hover > a{color:#D2F03A; background:#00411C;}background:#076D94; #F0D442*/ /*.menu ul ul :hover > a {color:#FFFFFF; font-size:13px; height:13px; background:#076D94;}*/ .menu ul ul :hover > a {color:#FFFFFF; background-image:url(images/blue1px.jpg); background-repeat:repeat-x; width:120px;} /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;} .menu ul li ul li :hover ul li, .menu ul li ul a.droptwo:hover ul{visibility:visible;} /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{visibility:visible;} /*a.contact:hover {background-image:url(images/menu_background.jpg); z-index:100;"}*/ a.home {background-image:url(images/home_0.gif); position:relative; width:55px; height: 30px;} a.home:hover {background-image:url(images/home_1.gif); position:relative; width:55px; height: 30px;} a.race {background-image:url(images/2010_0.jpg); background-repeat:no-repeat; position:relative; width:105px; height: 30px;} a.race:hover {background-image:url(images/2010_1.jpg); background-repeat:no-repeat; position:relative; width:105px; height: 30px;} a.formush {background-image:url(images/formushers_0.jpg); background-repeat:no-repeat; position:relative; width:90px; height: 30px;} a.formush:hover {background-image:url(images/formushers_1.jpg); background-repeat:no-repeat; position:relative; width:90px; height: 30px;} a.forfan {background-image:url(images/forfans_0.jpg); background-repeat:no-repeat; position:relative; width:60px; height: 30px;} a.forfan:hover {background-image:url(images/forfans_1.jpg); background-repeat:no-repeat; position:relative; width:60px; height: 30px;} a.presser {background-image:url(images/press_0.jpg); background-repeat:no-repeat; position:relative; width:102px; height: 30px;} a.presser:hover {background-image:url(images/press_1.jpg); background-repeat:no-repeat; position:relative; width:102px; height: 30px;} a.calen {background-image:url(images/calendar_0.jpg); background-repeat:no-repeat; position:relative; width:70px; height: 30px;} a.calen:hover {background-image:url(images/calendar_1.jpg); background-repeat:no-repeat; position:relative; width:70px; height: 30px;} a.volu {background-image:url(images/volunteers_0.jpg); background-repeat:no-repeat; position:relative; width:85px; height: 30px;} a.volu:hover {background-image:url(images/volunteers_1.jpg); background-repeat:no-repeat; position:relative; width:85px; height: 30px;} a.spon {background-image:url(images/sponsors_0.jpg); background-repeat:no-repeat; position:relative; width:74px; height: 30px;} a.spon:hover {background-image:url(images/sponsors_1.jpg); background-repeat:no-repeat; position:relative; width:74px; height: 30px;} a.aabout {background-image:url(images/aboutus_0.jpg); background-repeat:no-repeat; position:relative; width:74px; height: 30px;} a.aabout:hover {background-image:url(images/aboutus_1.jpg); background-repeat:no-repeat; position:relative; width:74px; height: 30px;} a.blogo {background-image:url(images/blog_0.jpg); background-repeat:no-repeat; position:relative; width:45px; height: 30px;} a.blogo:hover {background-image:url(images/blog_1.jpg); background-repeat:no-repeat; position:relative; width:45px; height: 30px;} a.contacto {background-image:url(images/contact_0.gif); background-repeat:no-repeat; position:relative; width:66px; height: 30px;} a.contacto:hover {background-image:url(images/contact_1.gif); background-repeat:no-repeat; position:relative; width:66px; height: 30px;}