/* @override http:// http://achievekidstri.org/assets/templates/achieve/css/main.css */ /*------------------------------------------------------------------------------------- [Master Stylesheet] Project: ACHIEVE Version: 1.0 Created by: Chase Design Inc. ------------------------------------------------------ [Table of Contents] 1. Main 2. Elements 3. Format 4. Header 5. Boxes 6. Home 7. About 8. Articles 9. Events 10. Photos 11. Contact ------------------------------------------------------ [fonts] headers: "Trebuchet MS", Arial, Helvetica, sans-serif; [colors] orange: #ea5e1d; purple: #3f237f; --------------------------------------------------------------------------------------*/ /* ==================== MAIN ==================== */ /* Universal --------- */ body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; background:#3f237f url(/assets/templates/achieve/images/bg-body-stretch-100x600.jpg) repeat-x 0 0; } a img { border:0px; text-decoration:none; } a { color:#ea5e1d; text-decoration:none; } a:hover { color:#3f237f; } h1 { font-size:30px; font-weight:100; margin:0px; } hr { border-top:1px solid #c6c6c6; color:#FFFFFF; height:1px;} .clear { clear:left; height:0px; font-size:1px; line-height:0px; } .center { width:940px; margin:0 auto; } .centered { text-align:center; padding:10px 0; } .last { padding:0px; } .more { text-align:right; clear:left; padding:10px 0 0 0; } /**/ h1.ttl { margin:0 auto; padding:0px; background:#3f237f url(/assets/templates/achieve/images/ttl-bar-860x58.jpg) no-repeat 0 0; width:860px; height:58px; color:#FFFFFF; } .bigger { font-size:18px; padding:10px 0; } .list-arrows { list-style:none; margin:0px; padding:5px 0; } .list-arrows li { margin:0px; padding:5px 0 5px 5px; } .list-arrows li a { background:url(/assets/templates/achieve/images/icon-arrow-7x11.gif) no-repeat 0 2px; padding:0 0 0 13px; color:#333333; } .list-arrows li a:hover { color:#3f237f; } /**/ a.lnk { background-color:#fce8df; background-repeat:no-repeat; color:#3f237f; padding:10px 10px 10px 35px; display:block; } a.lnk:hover { color:#ea5e1d; } a.lnk-go { background-image:url(/assets/templates/achieve/images/icon-arrow-orange-15x14.gif); background-position:10px 11px; } a.lnk-contact { background-image:url(/assets/templates/achieve/images/icon-email-18x15.gif); background-position:10px 11px; } /* ==================== FORMAT ==================== */ #main { background:url(/assets/templates/achieve/images/bg-body-1200x450.jpg) no-repeat center 154px; } /**/ #content { background-color:#FFFFFF; margin:0 auto; } .content-home { padding:263px 10px 0 10px; width:880px; } .content-body { padding:/**60px**/20px 20px 0 20px; width:860px; } .content-body-1 { padding:60px 20px 0 20px; width:860px; } .content-A { background:url(/assets/templates/achieve/images/bg-A-860x230.jpg) no-repeat 0 150px; } .content-B { background:url(/assets/templates/achieve/images/bg-phoGall-900x232.jpg) no-repeat 0 117px; } /**/ .column { float:left; padding:0 11px; } .content-home div.column { width:417px; } .content-home div.column h1 { margin:0px; padding:0 0 10px 0; color:#3f237f; font-size:22px; font-weight:100; } .content-home div.column h1 strong { font-weight:700; } .content-home div.column p { margin:0 0 10px 0; padding:10px; background-color:#EEE; color:#666666; font-size:17px; line-height:1.4em; } .content-home div.column a { margin:0 3px; } /**/ .column1a { width:408px; padding:20px 20px 0 0; } .column2a { width:432px; padding:20px 0 0 0; } .column1a-flush, .column2a-flush { padding-top:0px; } /**/ .column1b { width:604px; padding:20px 10px 0 0; } .column2b { width:226px; padding:20px 0 0 0; } /**/ .column1c { width:236px; padding:20px 10px 0 0; } .column2c { width:604px; padding:20px 0 0 0; } /**/ .img { background-repeat:no-repeat; background-position:0 0; border:3px solid #b5b5b5; height:262px; } .img table { width:100%; height:100%; } .img table tr { vertical-align:bottom; } .img table tr td div { background-color:#000000; color:#FFFFFF; font-size:12px; padding:10px; opacity:0.8;filter:alpha(opacity=80) } /**/ .column h3 { margin:0px; } .column p { line-height:1.3em; } /* ==================== HEADER ==================== */ /* Logo --------- */ #logo { margin:0px; padding:30px 0 14px 25px; background:url(/assets/templates/achieve/images/top-3icons-259x78.gif) no-repeat right 22px; width:568px; float:left; } /* top right --------- */ #top-right { padding:0 21px 0 0; width:326px; float:left; } .sendFriend { text-align:right; padding:0 0 13px 0; } /**/ #top-right form { width:270px; float:right; } #top-right form label { display:block; background:#EEE; padding:0 5px; margin:3px 0 0 0; height:40px; } #top-right form input { position:relative; bottom:15px; width:170px; padding:5px; border:2px solid #c1c1c1; } #top-right form input.btn { top:0px; width:56px; height:29px; border:none; } /* ==================== FOOTER ==================== */ #footer { background:url(/assets/templates/achieve/images/bg-footer-940x50.gif) no-repeat 0 0; width:900px; margin:0 auto; padding:30px 20px 20px 20px; position:relative; left:1px; color:#FFFFFF; text-align:center; font-size:12px; line-height:20px; } #footer a { color:#FFFFFF; margin:0 10px; } #footer a:hover { text-decoration:underline; } /* ==================== ELEMENTS ==================== */ /* Rounded Box --------- */ .round { background-repeat:repeat-y; background-position:0 0; } .round hr { border-top:1px solid #c6c6c6; color:#FFFFFF; height:1px;} .round div.r-content { background-repeat:no-repeat; padding:55px 14px 0 14px; } .round div.bottom { background-repeat:no-repeat; height:20px; } /**/ .round-home { background-image:url(/assets/templates/achieve/images/round-stretch-417x30.gif); } .round-home div.r-content { background-image:url(/assets/templates/achieve/images/round-ttl-why-417x78.jpg); width:389px; } .round-home div.bottom { background-image:url(/assets/templates/achieve/images/round-bottom-417x20.gif); } /**/ .round-about { background-image:url(/assets/templates/achieve/images/round-stretch-408x30.gif); } .round-about div.r-content { background-image:url(/assets/templates/achieve/images/round-ttl-schedule-408x78.jpg); } .round-about div.bottom { background-image:url(/assets/templates/achieve/images/round-bottom-408x20.gif); } /**/ .round-search { background-image:url(/assets/templates/achieve/images/round-stretch-236x30.gif); } .round-search div.r-content { background-image:url(/assets/templates/achieve/images/round-ttl-search-236x78.jpg); } .round-search div.bottom { background-image:url(/assets/templates/achieve/images/round-bottom-236x20.gif); } /**/ .round-home div.r-content img { border:3px solid #b5b5b5; float:left; } .round-home div.r-content span { display:block; margin:0px; padding:0 0 0 10px; width:295px; float:left; } .round-home div.r-content span h3 { margin:0px; padding:0 0 7px 0; color:#ea5e1d; font-size:16px; } /* fade Box --------- */ .fade { background-repeat:no-repeat; background-position:0 0; padding:9px 5px 0 5px; } .fade div.fade-box { border:1px solid #cdcdcd; background-color:#FFFFFF; padding:15px; } .column1b div.fade, .column2c div.fade { background-image:url(/assets/templates/achieve/images/box-shadow-604x229.jpg); } .column1a div.fade { background-image:url(/assets/templates/achieve/images/box-shadow-408x220.jpg); padding-top:0px; } .column1a div.fade div.fade-box, .column2a div.fade div.fade-box { background-color:#EEE; } .column2a div.fade { background-image:url(/assets/templates/achieve/images/box-shadow-432x229.jpg); } .column2a-flush div.fade { background-position:0 -9px; padding-top:0px; } .fade-volunteer { background-image:url(/assets/templates/achieve/images/box-shadow-860x220.jpg); padding-top:0px; } /* Square Box --------- */ .box { background-color:#EEE; } .box div.box-content { padding:10px; } .box-411 { width:411px; } .box-408 { width:408px; } .box h2 { background:#3f237f url(/assets/templates/achieve/images/ttl-bar-411x37.jpg) no-repeat 0 0; height:37px; margin:0px; } /**/ .box div.box-content a.mmpic { float:left; display: inline; margin: 0; padding: 0;} .box div.box-content img { border:3px solid #b5b5b5; float: left; display: inline;} .box div.box-content span.mmspan { width: 93px; display: inline; float: left;} #content div.column div.box.box-411 div.box-content span.mmspan h3 a { margin: 0; font-size: 11px;} .box div.box-content span { display:block; margin:0px; padding:0 0 0 10px; width:285px; float:left;} .box div.box-content span h3 { margin:0px; padding:0 0 7px 0; color:#ea5e1d; font-size: 16px; } .box div.box-content span span { display:inline; width:auto; padding:2px 0 0 0; } /**/ .box table { width:100%; } .box table th { font-weight:100; text-align:left; font-size:12px; color:#666666; padding:5px 20px 5px 0; } /**/ .box blockquote { background:url(/assets/templates/achieve/images/quote2-23x16.gif) no-repeat right bottom; display:block; margin:0px; padding:0; line-height:1.4em; color:#666666; } .box cite { background:url(/assets/templates/achieve/images/quote1-23x16.gif) no-repeat 0 0; display:block; padding:0 25px; line-height:1.4em; color:#666666; } /**/ .box-408 a img { margin:5px 6px 5px 5px; } /* Forms --------- */ .forms { margin:0px; padding:10px 0 0 0; } .forms table { width:100%; } .forms table tr { vertical-align:top; } .forms table td { padding:8px 0; } .forms table td label { display:block; text-align:right; font-size:12px; width:120px; padding:3px 8px 0 0; } .column2a form.forms table td label { width:160px;} .forms table td select { width:200px; } .forms table td textarea { width:200px; height:120px; } /**/ .checkboxes { font-size:12px; } .forms table td.checkboxes label { display:inline; text-align:right; } /**/ .error { color:#990000; display:none; } .success { color:#ea5e1d; font-weight:700; padding:5px 0 0 0; } /* ==================== LIGHTBOX STYLES ==================== */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/assets/templates/achieve/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/assets/templates/achieve/images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* ==================== ABOUT ==================== */ /* Schedule Box --------- */ .schedule { width:100%; font-size:16px; color:#666666; } .schedule tr { vertical-align:top; } .schedule tr td { padding:5px 0; } .schedule tr td.time { text-align:right; font-weight:700; width:25%; padding-right:10px; } /* ==================== DONATIONS ==================== */ /* Donate Box --------- */ .donateBox { width:172px; float:left; padding:0 22px 0 0; } .last { padding:0px; } .donateBox img { border:3px solid #b5b5b5; } .donateBox img:hover { border-color:#ea5e1d;} .donateBox div.status { background:url(/assets/templates/achieve/images/donate-bar-20x42.gif) repeat-x 0 -21px; height:21px; border-top:1px solid #FFFFFF; } .donateBox div.rate { background:url(/assets/templates/achieve/images/donate-bar-20x42.gif) repeat-x 0 0px; height:21px; } .donateBox div.rate div { position:absolute; width:172px; text-align:center; padding:2px 0 0 0; font-size:13px; } h3.donate-h3 {color: #EA5E1D;margin: 0 0 10px 0;} /**/ #donation { width:100%; } #donation td { border-left:5px solid #ea5e1d; background:url(/assets/templates/achieve/images/donation-levels-100x55.gif) repeat-x 0 0; } #donation td span { display:block; background-image:url(/assets/templates/achieve/images/donation-levels-1325x55.gif); background-repeat:no-repeat; height:55px; float:left; margin:0 10px 0 0; } #donation td p { margin:0px; padding:19px 0 0 0; font-size:12px; } #donation tr.swim span { background-position:0 0; width:147px; } #donation tr.bike span { background-position:-147px 0; width:143px; } #donation tr.run span { background-position:-290px 0; width:140px; } #donation tr.finish span { background-position:-430px 0; width:215px; } #donation tr.bronze span { background-position:-645px 0; width:212px; } #donation tr.silver span { background-position:-857px 0; width:243px; } #donation tr.gold span { background-position:-1100px 0; width:217px; } /* ==================== FIND A CAMP ==================== */ /* Results Box --------- */ .results { font-size:30px; color:#333333; margin:0px; width:100%; } .results span { color:#3f237f; } /**/ .round-search form { margin:0px; padding:0px; } .round-search form label { display:block; line-height:2em; color:#ea5e1d; font-weight:700; } .round-search form select { width:200px; } /**/ .camp-listing { background:#eeeeee; padding:10px; margin:15px 0 0 0; } .camp-listing h2 { margin:0 0 5px 0; border-bottom:2px solid #FFFFFF; padding:5px 0 7px 0; } .camp-listing a { display:block; font-size:18px; font-weight:700; background:url(/assets/templates/achieve/images/icon-arrow-gray-6x11.gif) no-repeat 5px 12px; padding:7px 0 7px 20px; } .camp-listing a:hover { background-color:#FFFFFF; } .camp-listing a span { font-size:12px; color:#666666; margin:0 0 0 10px; } .camp-listing small { display:block; color:#666666; padding:5px 0 0 0; } /*.usat-h2 h2 {border-bottom:2px solid #FFFFFF; margin:0 0 5px; padding:5px 0 7px; background:url(/assets/templates/achieve/images/logo-usat-30x23.jpg) no-repeat 5px 0px;}*/ /* ==================== CAMP PROFILE ==================== */ /* release listing --------- */ /**/ .checkBox { background-color:#e6e6e6; padding:10px; margin:0px; list-style:none; font-size:16px; } .checkBox li { background:url(/assets/templates/achieve/images/icon-check-27x23.gif) no-repeat 0 9px; padding:12px 0 12px 35px; } /**/ .fade strong { color:#3f237f; } /**/ /**/ .profile-info { width:100%; background-color:#eee; font-size:13px; font-weight:700; margin:10px 0 0 0; } .profile-info tr { vertical-align:top; } .profile-info td { padding:5px; } .profile-info td.label { text-align:right; color:#3f237f; padding-right:5px; } .profile-info td.map-td { width:100px; } /**/ .lnk-map { background:url(/assets/templates/achieve/images/icon-map-32x32.gif) no-repeat 0 0; padding:8px 0 8px 40px; position:relative; top:10px; } .profile-btns { border-top:2px solid #FFFFFF; text-align:center; padding:7px 0 0 0; } /**/ .highlight { border-top:1px solid #DDD; margin:20px 0 0 0; } .highlight img { border:3px solid #b5b5b5; float:left; } .highlight span { display:block; margin:0px; padding:0 0 0 10px; width:285px; float:left; } .highlight h2 { font-size:18px; } .highlight p { margin:0px; padding:5px 0; } .highlight span h3 { margin:0px; padding:0px; color:#ea5e1d; font-size:16px; } /**/ .announcements { border-top:1px solid #DDD; margin:20px 0 0 0; } .announcements h2 { font-size:18px; margin-bottom:0px; } .announcements ul { margin:0px; padding:3px 0 0 0; list-style:none; } .announcements ul li { background:url(../images/icon-arrow-7x11.gif) no-repeat 0 8px; padding:5px 0 5px 15px; } /* ORVILLES ADDITION: SPONSORS */ #sponsor {margin:0px; padding: 10px 0 0 0} .spon-note {font-size: 10px; padding:0px; margin:0px;} .spon-img {margin: 10px 0 0; float:left; padding-left: 23px;} .noMargin {margin: 10px 0 0 0px; padding-left: 0;} /* ==================== PHOTO GALLERY ==================== */ .photoGallery { background-color:#eee; padding:0 10px 10px 10px; } .photoGallery div { padding-bottom:0px; } .photoGallery div a { display:inline; float:none; } .photoGallery div a img { border:none; } .photoGallery a { display:block; width:80px; height:56px; float:left; } .photoGallery a img { border:3px solid #b5b5b5; } .profile-more { float:right; } /* ==================== PRESS RELEASES ==================== */ /* release listing --------- */ .press-listing { background:#eeeeee; padding:10px; margin:15px 0 0 0; } .press-listing h2 { margin:0px; padding:0 0 5px 0; width:100%; font-size:18px; } .press-listing h2 a { color:#3f237f; } .press-listing h2 a:hover { text-decoration:underline; } .press-listing div.info { width:180px; float:left; font-size:12px; } .press-listing div.info span { color:#ea5e1d; } .press-listing p { clear:left; padding:5px 0; margin:0px; } .press-listing div.more { padding:0px; } /**/ .display { font-size:18px; color:#ea5e1d; padding:8px 0 5px 0; width:250px; } /* paginator --------- */ .paginator ul { margin:0px; padding:10px 0; list-style:none; float:right; } .paginator li { float:left; padding:0 0 0 5px; } .paginator li.arrow a { background:#FFFFFF; border:none; } .paginator li a { background:#292929; color:#FFFFFF; border:1px solid #b5b5b5; padding:1px 8px; font-size:14px; font-weight:700; } .paginator li a:hover { background-color:#3f237f; } .paginator li a.active { background-color:#a8a8a8; } /* press release page --------- */ #scribd { padding-bottom:3px; display:block; } #scribd div { color:#FFFFFF; } #scribd div a { display:none; } /* press release page --------- */ .press-vid { display:block; width:194px; margin:10px auto 20px auto; } /* ==================== VOLUNTEER ==================== */ /* release listing --------- */ /*.volunteer {background:url(/assets/templates/achieve/images/bg-volunteer-860x192.jpg) no-repeat 0 0;height:257px;}*/ .volunteer a { float:right; } .volunteer h2 { margin:0px; padding:10px 0 0 0; } /**/ .roles { display:block; width:365px; float:left; padding:10px 20px; margin:0px; } .roles dt { font-size:18px; font-weight:700; padding:0 0 10px 0; } .roles dd { margin:0px; padding:2px 0; } .roles dd a { display:block; background-color:#fce8df; padding:5px 0 5px 30px; background-image:url(/assets/templates/achieve/images/icon-arrow-orange-8x13.gif); background-repeat:no-repeat; background-position:10px 6px; color:#3f237f; } .roles dd a:hover { color:#ea5e1d; background-position:15px 6px; } /* ==================== COACH BIOS ==================== */ #bio-col {float: left;width:545px;} .bio {padding:15px 0;} .bio-txt {float: left;margin:0 0 0 20px; width:400px;} .bio-pic, .bio-h2, .bio-p {float: left; margin:0px; padding:0px;} .bio-h2 {color:#3F237F; width:384px;} #side-bar {float:left;width:284px;padding:15px 0 0 29px;} /* ==================== PHOTO GALLERY ==================== */ #gal-bg {margin:15px 0 0 0; padding: 25px; width: 808px; min-height:400px; background-color: #eeeeee; border:#cdcdcd solid 1px} .gal-row {padding: 0px 0 25px 0;} #gal-bg h2 {color: #EA5E1D; margin:0px; padding:0px;} .gal-thmb {float: left; padding: 10px; background-color:#e4e1e1; border: #b5b5b5 solid 2px;} .gal-thmb:hover {border: #ea5e1d solid 2px} .note {padding:10px 0 0 0; margin:0px; font-size:12px; text-align:center; color:#333333; font: bold} .top15 {margin:15px 0 0 0} .mar40 {margin: 0 35px 0 0} /* ==================== INDIVIDUAL PHOTO GALLERY ==================== */ .stage {padding: 25px 0 0 0; width:806px; background:white; text-align:center; border:1px #CDCDCD solid;} img.main {border:#cdcdcd solid 1px; margin: 0 auto;} #stage-bt {float:left; width:762px; padding: 0 25px 25px 25px; background:none;} /**/ .photoPaginator { padding:15px 25px } .photoPaginator ul#paginator { margin:0px; padding:0px; list-style:none; } .photoPaginator ul#paginator li { margin:0px; padding:0px; float:left; } .photoPaginator ul#paginator li a {margin: 0 5px 0 0; padding:2px; float: left; width:13px; height:15px; background:#EA5E1D; color:white;} .photoPaginator ul#paginator li a:hover {height: 13px; width: 11px; background:#fbdfd2; border:#ea5e1d solid 1px; color:#ea5e1d} .photoPaginator ul#paginator li a.active {height: 13px; width: 11px;background:#fbdfd2; border:#ea5e1d solid 1px; color:#ea5e1d} .photoPaginator ul#paginator li a#lnk-next { margin:0 0 0 10px; padding:0px 0 0 0 ;float:left; text-align:left; height:11px; line-height: 11px; background-color:#FFFFFF; background-image: url(../images/btn-arrow-2-6x50.gif); background-repeat:no-repeat; background-position:right 0; text-transform:uppercase; color:#EA5E1D; border:none; width:50px; position:relative; top:3px; } .photoPaginator ul#paginator li a#lnk-next:hover { background-position:right -39px; color:#3F237F; } .photoPaginator ul#paginator li a#lnk-prev { margin:0 10px 0; padding:0px 0 0 15px;float:left; text-align:left; height:11px; line-height: 11px; background-color:#FFFFFF; background-image: url(../images/btn-arrow-1-6x50.gif); background-repeat:no-repeat; background-position:left 0; text-transform:uppercase; color:#EA5E1D; border:none; width:45px; position:relative; top:3px; } .photoPaginator ul#paginator li a#lnk-prev:hover { background-position:left -39px; color:#3F237F; } /**/ .stage-thb-row { width:762px; text-align: center;padding:5px 0; border-top:1px #CDCDCD solid; border-bottom:1px #CDCDCD solid; margin:0 auto 25px auto; clear:left; } .stage-thb-row img { border:1px #CDCDCD solid;} .stage-thb-row a { margin:0 10px; } .stage-thb-row img:hover {border:1px #ea5e1d solid;} .donate-h1 {margin:0 0 5px 0;font-weight:bold;color:#EA5E1D;} .donate-h2 {margin:10px 0 5px 0;font-weight:bold;color:#EA5E1D;} .donate-cap {font-size:11px; color:black; font:Arial, Helvetica, sans-serif;width:396px;padding:0 0 0 5px} .donate-pix {border:#dddddd solid 5px;} .events-don {margin:5px 0 0 0;} .fade-box ul {margin:0px;padding:5px;background-color:#FCE8DF;margin:5px 0 40px 0;} .fade-box ul li {background:url(/assets/templates/achieve/images/icon-arrow-orange-8x13.gif) no-repeat 0px 1px;padding:0 0 3px 13px;list-style:none;} /* dropdown menu --------- */ #menu-container { display:block; position:relative; width: 901px; margin:0px auto 0px; font-size:11px; } /* set up dropdown --------- */ #cssdropdown, #cssdropdown ul { list-style: none; } #cssdropdown li { float: left; position: relative; z-index:100;} .subuls{ display: none; position: absolute; margin:0px; margin-left:20px; padding:0px; background-color:#FFFFFF; border: 1px solid #c3c3c3; border-top-color:#FFFFFF; } .subuls li{ } .subuls li a{ text-decoration: none; display:block; } .subuls li a:hover{ background-color: #d6d0d8; color: #381f70; } #cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; left: auto; } #cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */ display: block; } /* roll overs --------- */ #nav { width:901px; height: 36px; margin: 0 auto;} #nav ul { margin:0px; padding:0px; list-style:none; } #nav ul li { margin:0px; padding:0px; float:left; } #nav ul li a { display:block; text-decoration:none; height: 37px; background-image:url(../images/bg-nav-matrix-901x72.jpg); background-repeat:no-repeat; } #nav ul li a span { display:none; } #nav ul li.menuAbout a { background-position:0 0; width:133px; } #nav ul li.menuAbout a:hover { background-position:0 -36px;} #nav ul li.menuFndCamp a { background-position:-133px 0;; width:116px; } #nav ul li.menuFndCamp a:hover { background-position:-133px -36px; -36px;} #nav ul li.menuCoach a { background-position:-249px 0; width:143px; } #nav ul li.menuCoach a:hover { background-position:-249px -36px;} #nav ul li.menuResources a { background-position:-392px 0; width:100px; } #nav ul li.menuResources a:hover { background-position:-392px -36px;} #nav ul li.menuVolunteer a { background-position:-492px 0; width:94px; } #nav ul li.menuVolunteer a:hover { background-position:-492px -36px;} #nav ul li.menuDonate a { background-position:-586px 0; width:113px; } #nav ul li.menuDonate a:hover { background-position:-586px -36px;} #nav ul li.menuPress a { background-position:-696px 0; width:110px; } #nav ul li.menuPress a:hover { background-position:-696px -36px;} #nav ul li.menuContact a { background-position:-809px 0; width:92px; } #nav ul li.menuContact a:hover { background-position:-809px -36px; } /* dropdowns --------- */ #nav ul li ul.subuls li a { padding:4px 20px 0 17px; height:22px; font-size:12px; color:#999999; background-image:none; } #nav ul li ul.subuls li a:hover { color: #381f73; } /**/ #nav ul li ul li { float:none; } #nav ul li ul#ulAbout li a { width: 210px; } #nav ul li ul#ulFndCamp li a { width: 110px; } #nav ul li ul#ulCoach li a { width: 150px; } #nav ul li ul#ulResources li a { width: 180px; } #nav ul li ul#ulVolunteer li a { width: 120px; } #nav ul li ul#ulDonate li a { width: 100px; } /*#drop_down_menu { display:block; position: absolute; clear:both; margin: 0px auto; padding:0px; text-align:left; list-style-type:none; text-align:center; width: 901px; float: none; left:0px; top:0px; background-color: #ff7e00; height: 36px; z-index: 1;} #drop_down_menu li { font-size:12px; font-weight:bold; float:left; color: #fff; cursor:pointer; padding: 0; background-color: transparent; margin-top: 0;} #drop_down_menu li a {background-color: #3c2573; display: block; height: 36px; background:url(/assets/templates/achieve/images/bg-nav-matrix-901x72.jpg) no-repeat; margin: 0;} #drop_down_menu li a span { display: none;} #drop_down_menu li.about { } #drop_down_menu li.about a { width:133px !important; background-position:0 0;} #drop_down_menu li.about a:hover {background-position:0 -36px;} #drop_down_menu li.about ul { width: 175px;} #drop_down_menu li.fnd-camp { width:116px !important; } #drop_down_menu li.fnd-camp a { background-position:-133px 0;} #drop_down_menu li.fnd-camp a:hover { background-position:-133px -36px;} #drop_down_menu li.coach { width:143px !important;} #drop_down_menu li.coach a { background-position:-249px 0;} #drop_down_menu li.coach a:hover { background-position:-249px -36px;} #drop_down_menu li.coach ul { width: 175px;} #drop_down_menu li.resource { width:100px !important;} #drop_down_menu li.resource a { background-position:-392px 0;} #drop_down_menu li.resource a:hover { background-position:-392px -36px;} #drop_down_menu li.resource ul { width: 175px;} #drop_down_menu li.volunteer-dd { width:94px !important; } #drop_down_menu li.volunteer-dd a { background-position:-492px 0;} #drop_down_menu li.volunteer-dd a:hover { background-position:-492px -36px;} #drop_down_menu li.volunteer-dd ul { width: 150px;;} #drop_down_menu li.donate { width:113px !important;} #drop_down_menu li.donate a { background-position:-586px 0;} #drop_down_menu li.donate a:hover { background-position:-586px -36px;} #drop_down_menu li.press { width:110px !important; } #drop_down_menu li.press a { background-position:-696px 0; } #drop_down_menu li.press a:hover { background-position:-696px -36px; } #drop_down_menu li.contact a { width:92px !important;} #drop_down_menu li.contact a { background-position:-809px 0;} #drop_down_menu li.contact a:hover { background-position:-809px -36px;} #drop_down_menu li ul { margin: 0 0px 0px; padding:0px; list-style-type:none; border: 1px solid #371e6f; border-top-style: none; z-index: 1; background-color: #333; display: block;} #drop_down_menu li ul li { display:block; float:none; clear:both; background-color: #fff; width: auto ;} #drop_down_menu li ul li a { color: #3a2174; font-weight:normal; text-decoration:none; display:block; background-image: none; text-align: left; padding: 8px; height: auto; width:auto !important;;} #drop_down_menu li ul li a:hover { color:#FFF; background-color: #381f73;} ==================== NAV ==================== */ /*ul.dropdown { margin:0px; padding:0 0 0 19px; width:921px; height:45px; background: red url(/assets/templates/achieve/images/bg-nav-940x48.jpg) no-repeat; position: relative;display: inline-block} ul.dropdown li {float:left; list-style:none; padding:6px 0 0 0;} ul.dropdown li a {display:block; height: 36px; background:url(/assets/templates/achieve/images/bg-nav-matrix-901x72.jpg) no-repeat;} ul.dropdown li a span { display:none;} ul.dropdown li.about a {width:133px; background-position:0 0;} ul.dropdown li.about a:hover {background-position:0 -36px;} ul.dropdown li.fnd-camp a {width:116px; background-position:-133px 0;} ul.dropdown li.fnd-camp a:hover {background-position:-133px -36px;} ul.dropdown li.coach a {width:143px; background-position:-249px 0;} ul.dropdown li.coach a:hover {background-position:-249px -36px;} ul.dropdown li.resource a {width:100px; background-position:-392px 0;} ul.dropdown li.resource a:hover {background-position:-392px -36px;} ul.dropdown li.volunteer-dd a {width:94px; background-position:-492px 0;} ul.dropdown li.volunteer-dd a:hover {background-position:-492px -36px;} ul.dropdown li.dontate a {width:113px; background-position:-586px 0;} ul.dropdown li.dontate a:hover {background-position:-586px -36px;} ul.dropdown li.press a {width:110px; background-position:-696px 0;} ul.dropdown li.press a:hover {background-position:-696px -36px;} ul.dropdown li.contact a {width:92px; background-position:-809px 0;} ul.dropdown li.contact a:hover {background-position:-809px -36px;} /* DROP DOWN STYLES ul.dropdown li ul { position:absolute; margin:0;padding:0; list-style:none; border:none; } ul.dropdown li ul li { width: auto; margin:0; padding:0; float:none !important;text-align:left;display:inline;} ul.dropdown li ul li a {display: block; height: auto !important; background:#fff; padding: 12px 8px; float: none;font-size: 13px; width:auto !important; text-decoration: none; color: #38206e; white-space: nowrap; font-weight: bold; border: 1px solid #ccc; border-top-style: none; margin:0px;} ul.dropdown li li a:hover{ background:#ea5e1d; color:white !important;} ul.dropdown ul li.hover, ul.dropdown ul li:hover { position: relative;} */ .stage {padding: 25px 0 0 0; width:812px; background:white; text-align:center; border:1px #CDCDCD solid;} img.main {border:#cdcdcd solid 1px; margin: 0 auto;} #stage-bt {float:left; width:762px; padding: 0 25px 25px 25px; background:none;} .stage-numb {padding: 10px 0;} .stage-numb p a {margin: 0 5px 0 0; padding:2px; float: left; width:13px; height:15px; background:#EA5E1D; color:white;} .stage-numb p a:hover {height: 13px; width: 11px; background:#fbdfd2; border:#ea5e1d solid 1px; color:#ea5e1d} .stage-numb p a.active {height: 13px; width: 11px;background:#fbdfd2; border:#ea5e1d solid 1px; color:#ea5e1d} .stage-thb-row {float: left; width:100%; text-align: center;padding:10px 0; border-top:1px #CDCDCD solid; border-bottom:1px #CDCDCD solid; } .stage-thb-row img {margin:0 10px 0 10px;border:1px #CDCDCD solid;} .stage-thb-row img a {width: 92px; float:left;} .stage-thb-row img:hover {border:1px #ea5e1d solid;} #lnk-nxt {margin:0 0 0 10px; padding:0px 0 0 0 ;float:left; text-align:left; height:11px; line-height: 11px; width: 50px; background: url(../images/btn-arrow-6x11.gif) no-repeat right top;} #lnk-nxt:hover {background: url(../images/btn-arrow-6x11.gif)no-repeat right bottom;} /* My Comment */