/* ----------------------------------------------- Master Screen Style ----------------------------------------------- INBF Canada author: Ryan Mayer date: December 2007 ----------------------------------------------- */ /* ------------------------------------------------------------------------------------ RESET */ html, body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0px auto; padding:0px; border:0px;} table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} abbr,acronym {border:0;} body {line-height:1.5;} ol, ul {list-style: none;} blockquote, q {quotes: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse; border-spacing: 0;} .arrow-left {background: transparent url("../img/left.gif") 0 0 no-repeat; width:10px; height:10px; } /* ------------------------------------------------------------------------------------ BASICS */ * {padding:0px; margin:0px; border:0px} html, body {margin:0px auto; padding:0px; width:100%; height:100%;} body {background:url("../img/body_bg_blue.gif") 0% 0% repeat-x #FFF scroll; font: 62.5%/1.4 Arial, Helvetica, sans-serif;margin:0px auto; padding:0px; text-align:center;} hr {border-top: 1px dotted #ccc; width:440px; margin:0px; padding:0px 0px 5px 0px;} fieldset {background:transparent; padding:20px; border:1px dotted #5f295c; margin-bottom:36px; width:500px;} legend {background-color:#3b123d; color:#F58220; font:17px/17px Calibri, Arial, Helvetica, sans-serif; padding:auto 10px; margin:0px auto; font-weight:bold;} /* Structure Div's */ #container {width: 841px; margin: 0px auto; padding: 0px; background: transparent 0 0 no-repeat; /* border:thin solid #00FFFF;*/} #topHeader {background: transparent 0% 0% no-repeat scroll; margin:0px auto; padding:0px; width:840px; height:139px; position:relative} #sitenav {width: 146px; height: 239px; /*height: 272px;*/margin: 0px auto; padding:0px; background: #668c9f 0 0 no-repeat; float:left} #header {width: 695px; height: 239px; margin:0px auto; padding:0px; background: #668c9f 0 0 no-repeat; float:right;} #body {width: 841px; height:100%; margin:0px auto; padding:0px; background: transparent 0 0 no-repeat; text-align:center;} #sponsors {width:478px; /* height:143px; */margin:0px auto; padding:5px 0px 0px 0px; background: transparent url(../img/bg_sponsors.gif) 0 0 no-repeat; text-align:center;} #gold {width: 470px; height: 70px; margin:0px auto; padding:0px; display:block; background:transparent} #gold .box {width:115px; height:70px; margin:0px auto; padding:0px; float:left; background:#fff} #silver {width: 470px; height: 50px; margin:0px auto; padding:0px; display:block; background:transparent} #silver .box {width:115px; height:50px; margin:0px auto; padding:0px; float:left; background:#fff} #bronze {width: 470px; height: auto; margin:0px auto; padding:0px; display:block; background:transparent} #bronze .box {width:115px; height:35px; margin:0px auto; padding:0px; float:left; background:#fff} #bronze .box-sm {width:155px; height:35px; margin:0px auto; padding:0px; float:left; background:#fff} #footer {width: 470px; height:100px; margin:0px auto; padding:10px 0px 0px 0px; background: transparent url(../img/bg_footer.gif) 0 0 no-repeat; clear: both;} /* Content Div's */ #colL {width:146px; margin:0px auto; padding:0px 0px 0px 0px; background: #FFF url(../img/bg_colL.gif) 0 0 no-repeat; float:left;} #colC {width:478px; margin:0px auto; padding:0px; background: #FFF 0% 0% repeat-y; float:left;} #main {width:478px; margin:0px auto; padding:0px 0px 35px 0px; background: #efefdf url(../img/bg_colCbot.gif) 0% 100% no-repeat;} #colR {width:217px; height:700px; margin:0px auto;; padding:0px; background: /* #668c9f */ transparent url(../img/bg_sidebar02.jpg) 0 0 no-repeat; float:left;} /* Links */ a {border:0px;} a:link {color: #64899d; text-decoration: none; font-weight:bold;} a:visited {color: #64899d; text-decoration: none; font-weight:bold;} a:hover {color: #000; font-weight:bold;} a:active {outline: none;} a:focus {-moz-outline-style: none;} a.subnav {color: #efefdf; text-decoration: none; font-weight:bold; margin:2px 0px 0px 5px; border-bottom:1px dotted #FFF; display: block; font-size: 1em;} a.subnav:hover {color: #FFF; font-weight:bold;} a.event_btn {display: block; float: left; width: 146px; height: 34px; background: transparent url(../img/sitenav/btn_event.jpg) 0px 0px no-repeat;} a.event_btn:hover {background: transparent url(../img/sitenav/btn_event.jpg) 0px -34px no-repeat;} a.results_btn {display: block; float: left; width: 146px; height: 34px; background: transparent url(../img/sitenav/btn_results.jpg) 0px 0px no-repeat;} a.results_btn:hover {background: transparent url(../img/sitenav/btn_results.jpg) 0px -34px no-repeat;} a.about_btn {display: block; float: left; width: 146px; height: 34px; background: transparent url(../img/sitenav/btn_about.jpg) 0px 0px no-repeat;} a.about_btn:hover {background: transparent url(../img/sitenav/btn_about.jpg) 0px -34px no-repeat;} a.judging_btn {display: block; float: left; width: 146px; height: 34px; background: transparent url(../img/sitenav/btn_judging.jpg) 0px 0px no-repeat;} a.judging_btn:hover {background: transparent url(../img/sitenav/btn_judging.jpg) 0px -34px no-repeat;} a.forms_btn {display: block; float: left; width: 146px; height: 34px; background: transparent url(../img/sitenav/btn_forms.jpg) 0px 0px no-repeat;} a.forms_btn:hover {background: transparent url(../img/sitenav/btn_forms.jpg) 0px -34px no-repeat;} a.gallery_btn {display: block; float: left; width: 146px; height: 34px; background: transparent url(../img/sitenav/btn_gallery.jpg) 0px 0px no-repeat;} a.gallery_btn:hover {background: transparent url(../img/sitenav/btn_gallery.jpg) 0px -34px no-repeat;} a.tickets_btn {display: block; float: left; width: 146px; height: 34px; background: transparent url(../img/sitenav/btn_tickets.jpg) 0px 0px no-repeat;} a.tickets_btn:hover {background: transparent url(../img/sitenav/btn_tickets.jpg) 0px -34px no-repeat;} a.team_btn {display: block; float: left; width: 146px; height: 34px; background: transparent url(../img/sitenav/btn_team.jpg) 0px 0px no-repeat;} a.team_btn:hover {background: transparent url(../img/sitenav/btn_team.jpg) 0px -34px no-repeat;} a.store_btn {display: block; float: left; width: 146px; height: 34px; background: transparent url(../img/sitenav/btn_store.jpg) 0px 0px no-repeat;} a.store_btn:hover {background: transparent url(../img/sitenav/btn_store.jpg) 0px -34px no-repeat;} a.classes_btn {display: block; float: left; width: 146px; height: 34px; background: transparent url(../img/sitenav/btn_classes.jpg) 0px 0px no-repeat;} a.classes_btn:hover {background: transparent url(../img/sitenav/btn_classes.jpg) 0px -34px no-repeat;} a.seminars_btn {display: block; float: left; width: 146px; height: 34px; background: transparent url(../img/sitenav/btn_seminars.jpg) 0px 0px no-repeat;} a.seminars_btn:hover {background: transparent url(../img/sitenav/btn_seminars.jpg) 0px -34px no-repeat;} a.showresults_btn {display: block; width: 132px; height: 50px; margin: 5px auto; background: transparent url(../img/btn_showresults.jpg) 0 0 no-repeat;} a.showresults_btn:hover {background: transparent url(../img/btn_showresults.jpg) 0 -50px no-repeat;} /* Sponsors */ a.golds_btn {display: block; float: left; width: 115px; height: 70px; margin: 3px 5px 3px 25px; background: transparent url(../img/spnsr_golds.jpg) 0px 0px no-repeat;} a.golds_btn:hover {background: transparent url(../img/spnsr_golds.jpg) 0px -70px no-repeat;} a.reflex_btn {display: block; float: left; width: 115px; height: 70px; margin: 3px 5px 3px 20px; background: transparent url(../img/spnsr_reflex.jpg) 0px 0px no-repeat;} a.reflex_btn:hover {background: transparent url(../img/spnsr_reflex.jpg) 0px -70px no-repeat;} a.stampede_btn {display: block; float: left; width: 115px; height: 50px; margin: 0px auto; background: transparent url(../img/spnsr_stampede.jpg) 0px 0px no-repeat;} a.stampede_btn:hover {background: transparent url(../img/spnsr_stampede.jpg) 0px -70px no-repeat;} a.rayacom_btn {display: block; float: left; width: 115px; height: 37px; margin: 0px auto; background: transparent url(../img/spnsr_rayacom.jpg) 0px 0px no-repeat;} a.rayacom_btn:hover {background: transparent url(../img/spnsr_rayacom.jpg) 0px -70px no-repeat;} a.assassin_btn {display: block; float: left; width: 124px; height: 55px; margin: 3px 5px 3px 20px; background: transparent url(../img/spnsr_assassin.jpg) 0px 0px no-repeat;} a.assassin_btn:hover {background: transparent url(../img/spnsr_assassin.jpg) 0px -55px no-repeat;} a.fusion_btn {display: block; float: left; width: 89px; height: 34px; margin: 9px; background: transparent url(../img/spnsr_fusion.jpg) 0px 0px no-repeat;} a.fusion_btn:hover {background: transparent url(../img/spnsr_fusion.jpg) 0px -34px no-repeat;} a.muscletech_btn {display: block; float: left; width: 115px; height: 38px; margin: 9px; background: transparent url(../img/spnsr_muscletech.jpg) 0px 0px no-repeat;} a.muscletech_btn:hover {background: transparent url(../img/spnsr_muscletech.jpg) 0px -38px no-repeat;} a.cordova_btn {display: block; float: left; width: 100px; height: 63px; margin: 9px; background: transparent url(../img/spnsr_cordova.jpg) 0px 0px no-repeat;} a.cordova_btn:hover {background: transparent url(../img/spnsr_cordova.jpg) 0px -63px no-repeat;} a.teamklem_btn {display: block; float: left; width: 64px; height: 54px; margin: 10px 5px 3px 5px; background: transparent url(../img/spnsr_teamklem.jpg) 0px 0px no-repeat;} a.teamklem_btn:hover {background: transparent url(../img/spnsr_teamklem.jpg) 0px -54px no-repeat;} a.juiceplus_btn {display: block; float: left; width: 62px; height: 43px; margin: 9px; background: transparent url(../img/spnsr_juiceplus.jpg) 0px 0px no-repeat;} a.juiceplus_btn:hover {background: transparent url(../img/spnsr_juiceplus.jpg) 0px -43px no-repeat;} a.cme_btn {display: block; float: left; width: 46px; height: 54px; margin: 9px; background: transparent url(../img/spnsr_cme.jpg) 0px 0px no-repeat;} a.cme_btn:hover {background: transparent url(../img/spnsr_cme.jpg) 0px -54px no-repeat;} a.maxgxl_btn {display: block; float: left; width: 125px; height: 10px; margin: 15px 5px 5px 5px; background: transparent url(../img/spnsr_maxgxl.jpg) 0px 0px no-repeat;} a.maxgxl_btn:hover {background: transparent url(../img/spnsr_maxgxl.jpg) 0px -10px no-repeat;} a.revolutionary_btn {display: block; float: left; width: 98px; height: 41px; margin: 9px; background: transparent url(../img/spnsr_revolutionary.jpg) 0px 0px no-repeat;} a.revolutionary_btn:hover {background: transparent url(../img/spnsr_revolutionary.jpg) 0px -41px no-repeat;} a.bluehaus_btn {display: block; float: left; width: 37px; height: 35px; margin: 9px; background: transparent url(../img/spnsr_bluehaus.jpg) 0px 0px no-repeat;} a.bluehaus_btn:hover {background: transparent url(../img/spnsr_bluehaus.jpg) 0px -35px no-repeat;} a.buildnatural_btn {display: block; float: left; width: 85px; height: 26px; margin: 15px; background: transparent url(../img/spnsr_buildnatural.jpg) 0px 0px no-repeat;} a.buildnatural_btn:hover {background: transparent url(../img/spnsr_buildnatural.jpg) 0px -26px no-repeat;} a.sundrops_btn {display: block; float: left; width: 46px; height: 43px; margin: 9px; background: transparent url(../img/spnsr_sundrops.jpg) 0px 0px no-repeat;} a.sundrops_btn:hover {background: transparent url(../img/spnsr_sundrops.jpg) 0px -43px no-repeat;} a.mhn_btn {display: block; float: left; width: 124px; height: 55px; margin: 9px; background: transparent url(../img/spnsr_mhn.jpg) 0px 0px no-repeat;} a.mhn_btn:hover {background: transparent url(../img/spnsr_mhn.jpg) 0px -55px no-repeat;} a.whc_btn {display: block; float: left; width: 115px; height: 38px; margin: 9px; background: transparent url(../img/spnsr_whc.jpg) 0px 0px no-repeat;} a.whc_btn:hover {background: transparent url(../img/spnsr_whc.jpg) 0px -38px no-repeat;} a.monster_btn {display: block; float: left; width: 156px; height: 43px; margin: 9px; background: transparent url(../img/spnsr_monster.jpg) 0px 0px no-repeat;} a.monster_btn:hover {background: transparent url(../img/spnsr_monster.jpg) 0px -43px no-repeat;} a.teamperfect_btn {display: block; float: left; width: 88px; height: 17px; margin: 9px; background: transparent url(../img/spnsr_teamperfect.jpg) 0px 0px no-repeat;} a.teamperfect_btn:hover {background: transparent url(../img/spnsr_teamperfect.jpg) 0px -17px no-repeat;} a.cytosport_btn {display: block; float: left; width: 72px; height: 39px; margin: 9px; background: transparent url(../img/spnsr_cytosport.jpg) 0px 0px no-repeat;} a.cytosport_btn:hover {background: transparent url(../img/spnsr_cytosport.jpg) 0px -39px no-repeat;} a.biox_btn {display: block; float: left; width: 80px; height: 33px; margin: 9px; background: transparent url(../img/spnsr_biox.jpg) 0px 0px no-repeat;} a.biox_btn:hover {background: transparent url(../img/spnsr_biox.jpg) 0px -33px no-repeat;} a.cmi_btn {display: block; float: left; width: 123px; height: 36px; margin: 9px; background: transparent url(../img/spnsr_cmi.jpg) 0px 0px no-repeat;} a.cmi_btn:hover {background: transparent url(../img/spnsr_cmi.jpg) 0px -36px no-repeat;} a.nxlabs_btn {display: block; float: left; width: 82px; height: 39px; margin: 9px; background: transparent url(../img/spnsr_nxlabs.jpg) 0px 0px no-repeat;} a.nxlabs_btn:hover {background: transparent url(../img/spnsr_nxlabs.jpg) 0px -39px no-repeat;} a.sunfully_btn {display: block; float: left; width: 62px; height: 39px; margin: 9px; background: transparent url(../img/spnsr_sunfully.jpg) 0px 0px no-repeat;} a.sunfully_btn:hover {background: transparent url(../img/spnsr_sunfully.jpg) 0px -39px no-repeat;} a.autostyle_btn {display: block; float: left; width: 118px; height: 28px; margin: 9px; background: transparent url(../img/spnsr_autostyle.jpg) 0px 0px no-repeat;} a.autostyle_btn:hover {background: transparent url(../img/spnsr_autostyle.jpg) 0px -28px no-repeat;} a.easyads_btn {display: block; float: left; width: 44px; height: 43px; margin: 9px; background: transparent url(../img/spnsr_easyads.jpg) 0px 0px no-repeat;} a.easyads_btn:hover {background: transparent url(../img/spnsr_easyads.jpg) 0px -43px no-repeat;} a.323_btn {display: block; float: left; width: 100px; height: 27px; margin: 0px auto; background: transparent url(../img/spnsr_photografix.jpg) 0px 0px no-repeat;} a.323_btn:hover {background: transparent url(../img/spnsr_photografix.jpg) 0px -27px no-repeat;} a.rockstar_btn {display: block; float: left; width: 100px; height: 50px; margin: 0px auto; background: transparent url(../img/spnsr_rockstar.jpg) 0px 0px no-repeat;} a.rockstar_btn:hover {background: transparent url(../img/spnsr_rockstar.jpg) 0px -50px no-repeat;} /* Footer */ #footer a:link {background: transparent; color: #626d73; text-decoration: none; font-weight:normal} #footer a:visited {background: transparent; color: #626d73; text-decoration: none;} #footer a:hover {background: transparent; color: #000; text-decoration: none;} #colC #footer p {text-align:center; margin: 0px; padding: 5px 0px 0px 0px; color:#626d73; text-decoration: none; font-size: 1.1em; line-height: 1.3em;} a.h1 {display: block; color:#42453D; font-weight:normal} a.h1:hover {display: block; color:#63899E; font-weight:normal} a.tips {display: block; color:#fff; font-weight:bold} a.tips:hover {display: block; color:#64899d; font-weight:bold} /* Typography */ h1 {font-size: 2em; font-family: Georgia, Garamond, Times, serif; text-align:left; text-decoration:none; color:#42453D; line-height:1em; padding: 0; margin:0 25px 10px 15px; display:block; border-bottom:1px dotted #333} h2 {font-size: 1.3em; font-weight:bold; text-transform:uppercase; text-align:left; color: #43463d; padding: 0px; margin: 20px 40px 5px 13px; border-bottom: #62899e 1px dotted;} h3 {font-size: 1.1em; font-weight:bold; text-transform:uppercase; text-align:left; color: #333; padding: 0px; margin: 20px 0px 0px 13px;} h4 {font-size:1.1em; font-weight:bold; color:#4d7084; text-align:left; padding:0px; /*margin-bottom:10px;*/ margin: 20px 20px -3px 15px; text-tranform: uppercase} h5 {font-size: 1.1em; font-weight:bold; text-transform:uppercase; color:#333; text-align:center; line-height:1em; padding:0px; margin:0px auto;} p {background: transparent; color: #626d73; text-decoration: none; text-align: left; letter-spacing: 0; line-height: 1.4em; font-size: 1.2em; margin:0px; padding: 0px 40px 10px 10px; font-size-adjust: none; font-stretch: normal;} ul, ol {font-size: 1.1em; background: transparent; text-align:left; margin: 10px 20px 40px 55px; padding:0px 0px 10px 0px;} ol {list-style:decimal;} ul {list-style:disc;} ol li ol {padding:0px; margin: 10px 20px 10px 25px; list-style: lower-roman; font-size: 1.1em;} ol li ol li ol {padding:0px; list-style: lower-alpha; font-size: 1em;} ol li ol li ol li ol {padding:0px; list-style:circle; font-size: 1.1em;} li {color:#333; margin: 0px; padding: 0px 45px 10px 2px; position: relative;} li.pdf {background: transparent url(../img/pdf.jpg) 0px 0px no-repeat; padding-left:40px} .results {margin: 10px 20px 25px 55px; padding: 0px 0px 10px 0px; list-style:none;} .category {font-size: 1.5em; /* font-weight:bold; text-transform:uppercase; */text-align:left; color: #64899d; margin:30px 0px 0px 0px; padding:0px;} .competitor {font-size: 1em; color: #626d73; text-align: left; font-weight:bold; margin:0px; padding: 0px 40px 0px 95px;} .dotline-long {height:5px; border-bottom:1px dotted #62899e; margin:5px 85px 10px 15px;} .results ul {list-style:none;} .results li {padding-left: 5px;} .results ul li {list-style:none; color: #333; font-weight: bold;} /* tips */ #tips, #tips li{margin:0 auto; padding:0; list-style:none} #tips {width:325px; margin-top:10px; font-size:1.1em; float:right} #tips li{padding:20px; background:transparent; color:#ccc; text-align:right; display:none; /* hide the items at first only to display one with javascript */} #colC p {background: transparent; color: #626d73; text-decoration: none; text-align: left; letter-spacing: 0; line-height: 1.3em; font-size: 1.15em; margin:0px; padding: 0px 20px 10px 13px; font-size-adjust: none; font-stretch: normal;} #colL p {background: transparent; color: #626d73; text-decoration: none; text-align: left; letter-spacing: 0; font-size: 1em; margin:0px auto; padding: 0px; font-size-adjust: none; font-stretch: normal;} #navcontainer ul {margin: 0px auto;padding: 0;list-style-type: none; text-align:center;} #navcontainer ul li {display: inline; font-size: 1.1em; font-weight:bold; text-transform:uppercase; text-align:center; color: #333; padding: 0px; margin: 0px 10px 0px 10px;} .listTitle {list-style-type:none; margin: 0px 0px 0px -25px; padding: 0px; font-weight:bold; color:#333;} .description {list-style-type:none; margin:0px 70px 0px -15px; color:#bbb; line-height: 1.2em;} .small {background: transparent; color: #626d73; text-align: center; font-size: .9em; margin:0; padding-bottom:10px;} .light {color: #acb7bf;} strong {font-weight:bold} #body .Listing {margin:20px 0px 15px 0px; padding:0px 0px 10px 0px; background: transparent; /* border-bottom: dotted 1px #62899e; */} #body .Listing p.headline {font-size: 1.2em; font-weight:bold; text-transform:uppercase; text-align:left; color: #333; text-transform:uppercase; margin:0px 0px 0px 95px; padding:0px;} #body .Listing p.subheadline {font-size: .95em; font-weight:bold; color: #5e3c00; text-transform:uppercase; margin:0 10px 0 95px; padding:0; text-align:right; display:block; border-bottom: 1px dotted #cd9109;} #body .Listing p.subheadline2 {font-size: .95em; font-weight:bold; color: #5e3c00; text-transform:uppercase; margin:-3px 10px 10px 98px; padding:0; text-align:left; display:block} #body .Listing p {font-size: 1.15em; line-height: 1.3em; color: #626d73; text-align: left; margin:0px; padding: 0 40px 10px 95px; /*border: solid 1px #00FF00;*/} /* Helpers */ .clear {clear: both;} .right {text-align: right;} .asterisk {color:#ff0000; font:1.3em Arial, Helvetica, sans-serif;} .notes {color:#FF0000; font-size:1.2em; font-style: italic; text-transform: uppercase;} .dottedline {height:5px; border-bottom:1px dotted #62899e; margin:0px 50px 0px 95px;} .dottedline-long {height:5px; border-bottom:1px dotted #62899e; margin:5px 85px 0px 25px;} div.float {width:140px; height:160; margin:0px; padding:0px; float:left; text-align:center; /*border:thin solid #00ff00;*/} div.float p {font-size:1.1em; text-transform:uppercase; font-weight:bold; text-align: center; padding:0px; margin:0px;} /* Moo Tips */ .tool-tip {color: #fff;width: 139px;z-index: 13000;} .tool-title {font-weight: bold;font-size: 11px;margin: 0;color: #9FD4FF;padding: 8px 8px 4px;background: url(bubble.png) top left;} .tool-text {font-size: 11px;padding: 4px 8px 8px;background: url(bubble.png) bottom right;} .custom-tip {color: #000;width: 130px;z-index: 13000;} .custom-title {font-weight: bold;font-size: 11px;margin: 0;color: #3E4F14; padding: 8px 8px 4px;background: #C3DF7D;border-bottom: 1px solid #B5CF74;} .custom-text {font-size: 11px;padding: 4px 8px 8px;background: #CFDFA7;} /* ------------------------------------------------------------------------------------ NEWS SCROLLER */ #news_ticker {width: 695px; height:30px; top: 107px; left:145px; position: absolute} /* ------------------------------------------------------------------------------------ LIGHTBOX */ /* ------------------------------------------------------------------------------------ SLIDESHOW */ #slideshow2 {position:relative; height:193px; width:130px} #slideshow2 div {position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 193px; background-color: #fff} #slideshow2 div.active {z-index:10; opacity:1.0} #slideshow2 div.last-active {z-index:9} #slideshow2 div img {height: 193px; width:130px; display: block; border: 0; margin: 0px 0px 10px 0px} #header #slideshow {position:relative; width:695px; height:239px} #header #slideshow div {position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 239px; background-color: #fff} #header #slideshow div.active {z-index:10; opacity:1.0} #header #slideshow div.last-active {z-index:9} #header #slideshow div img {width:695px; height: 239px; display: block; border: 0; margin: 0px 0px 10px 0px} /* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* This is the selector for the main Accordion container. For our default style, * we draw borders on the left, right, and bottom. The top border of the Accordion * will be rendered by the first AccordionPanelTab which never moves. * * If you want to constrain the width of the Accordion widget, set a width on * the Accordion container. By default, our accordion expands horizontally to fill * up available space. * * The name of the class ("Accordion") used in this selector is not necessary * to make the widget function. You can use any class name you want to style the * Accordion container. */ .Accordion { border: solid 0px gray; overflow: hidden; } /* This is the selector for the AccordionPanel container which houses the * panel tab and a panel content area. It doesn't render visually, but we * make sure that it has zero margin and padding. * * The name of the class ("AccordionPanel") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel container. */ .AccordionPanel { margin: 0px; padding: 0px; } /* This is the selector for the AccordionPanelTab. This container houses * the title for the panel. This is also the container that the user clicks * on to open a specific panel. * * The name of the class ("AccordionPanelTab") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel tab container. * * NOTE: * This rule uses -moz-user-select and -khtml-user-select properties to prevent the * user from selecting the text in the AccordionPanelTab. These are proprietary browser * properties that only work in Mozilla based browsers (like FireFox) and KHTML based * browsers (like Safari), so they will not pass W3C validation. If you want your documents to * validate, and don't care if the user can select the text within an AccordionPanelTab, * you can safely remove those properties without affecting the functionality of the widget. */ .AccordionPanelTab { font-size: 1.2em; font-weight:bold; text-transform:uppercase; text-align:left; color: #64899d; margin: 7px 20px 10px 13px; border-bottom: #62899e 1px dotted; background: transparent url(../img/context_closed_click.gif) 100% 0 no-repeat; /* background-color: #CCCCCC; border-top: solid 1px #333; border-bottom: solid 1px gray; margin: 0px; */ padding: 2px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; } /* This is the selector for a Panel's Content area. It's important to note that * you should never put any padding on the panel's content area if you plan to * use the Accordions panel animations. Placing a non-zero padding on the content * area can cause the accordion to abruptly grow in height while the panels animate. * * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel * Content container. * * The name of the class ("AccordionPanelContent") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel content container. */ .AccordionPanelContent { overflow: hidden; margin: 0px 0px 5px 0px; padding: 0px; /* height: 450px; */ } /* This is an example of how to change the appearance of the panel tab that is * currently open. The class "AccordionPanelOpen" is programatically added and removed * from panels as the user clicks on the tabs within the Accordion. */ .AccordionPanelOpen .AccordionPanelTab { color: #43463d; /* background-color: #EEEEEE; */ background: transparent url(../img/context_open_click.gif) 100% 0 no-repeat; } /* This is an example of how to change the appearance of the panel tab as the * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added * and removed from panel tab containers as the mouse enters and exits the tab container. */ .AccordionPanelTabHover { color: #000; } .AccordionPanelOpen .AccordionPanelTabHover { color: #000; } /* This is an example of how to change the appearance of all the panel tabs when the * Accordion has focus. The "AccordionFocused" class is programatically added and removed * whenever the Accordion gains or loses keyboard focus. */ .AccordionFocused .AccordionPanelTab { background-color: #3399FF; } /* This is an example of how to change the appearance of the panel tab that is * currently open when the Accordion has focus. */ .AccordionFocused .AccordionPanelOpen .AccordionPanelTab { background-color: #33CCFF; }