/*---------DON'T DELETE THIS! CLEARFIX! ---------*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Holly Hack Targets IE Win only \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End Holly Hack */ textarea{ resize:none; } /*-----------END CLEARFIX----------*/ /* Browser Reset */ body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } input { outline: none; } a { color: #004477; } a:hover { color: #f26522; } /* End Browser Reset */ /* Universal ID's & Classes */ body{ background:url(../media/images/backgrounds/shakeoutbg_test.png) no-repeat; background-position:top center; color:#424242; font-size:12px; font-family: Arial, Helvetica, sans-serif; background-color:#00a3e3; } p{ margin:16px; } table td { padding: 4px; } .narrow { padding: 2px; } #header{ width:938px; height:163px;margin:0 auto;padding:15px 0 10px 0;} #search{height:25px;width:938px;margin:0 auto;background:url(../media/images/searchbar_temp.png) no-repeat;color:#fff; font-size:10px;} #welcome{float:left; margin-left: 10px; height: 21px; line-height: 21px; width:495px; font-weight: bold;} #yourcity{float:left; margin-left: 10px; height: 21px; line-height: 21px; width:263px; font-weight: bold;} #newloc{float:left; height: 21px; line-height: 21px; margin-left: 9px; width:232px;} #search label { float: left; height: 21px; line-height: 21px; font-weight: bold; } #loc_input { border: none; width: 92px; height: 13px; margin: 4px 6px 4px 5px; font-size: 10px; font-weight: bold; color: #999999; padding: 0 2px; float: left; text-align: center; } .go_button{ width: 35px; height: 21px; float: left; background: url(../media/images/gobutton.png); border: none; cursor: pointer; } .go_button:hover { background: url(../media/images/gobutton_on.png) } #language{float:left;height:20px; width:188px;} #searchbox{ float:left;height:21px; line-height: 21px; width:200px; margin-left: 25px;} #q { border: none; width: 92px; height: 13px; margin: 4px 15px 4px 5px; font-size: 10px; font-weight: bold; color: #999999; padding: 0 2px; float: left; } .bloglink a{ text-transform:uppercase;color:#666666; text-decoration:none; background: url(../media/images/arrow.png) left center no-repeat; text-indent: 8px; display: block; height: 10px; line-height: 10px; width: 110px; margin-left: 18px; } .bloglink a:hover{color: #006699; background: url(../media/images/arrow_on.png) left center no-repeat;} #blog_list { padding-left: 30px; } #blog_list li { line-height: 20px } /* Language Menu */ #jsddm { margin: 0; padding: 0; text-transform:uppercase; position: relative; z-index: 200; } #jsddm li { float: left; list-style: none; font: 10px Arial,Verdana; height:16px; overflow:hidden; } #jsddm li a { display: block; /*padding: 5px 12px;*/ text-decoration: none; /*border-right: 1px solid white;*/ width: 165px; height: 17px; line-height: 17px; color: #fff; white-space: nowrap; text-align:center; margin-left: 12px; } #jsddm li a:hover { background: #005b94} #jsddm li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; width: 186px; /*border-top: 1px solid white*/} #jsddm li ul li { float: none; display: inline;margin-top:5px; } #jsddm li ul li a { background: url(../media/images/nav/lang_bg_new.png) no-repeat; } #jsddm li ul li a.last { background: url(../media/images/nav/lang_last_new.png) no-repeat; height: 23px; width: 166px; margin-left: 11px; } #jsddm li ul li a:hover { background: url(../media/images/nav/lang_over_bg_new.png) no-repeat; } #jsddm li ul li a.last:hover { background: url(../media/images/nav/lang_last_over_new.png) no-repeat; } /* End Lang Menu*/ /*#calf{width:4000px;margin:0 auto; background:url(../media/images/backgrounds/shakeoutbg.png) no-repeat; position: relative;}*/ #outtercontainer{width:1006px;margin:0 auto; background:url(../media/images/backgrounds/whitebox.png) repeat-y;} #nsidecontainer{width:938px;margin:0 auto;min-height: 100%;} #lshadow{width:8px; background:url(../media/images/backgrounds/lshadow.png)repeat-y;} #rshadow{width:8px; background:url(../media/images/backgrounds/rshadow.png)repeat-y; } #navtemp{width:181px; height:190px;background:url(../media/images/menu_temp.jpg);background-position:bottom;} #navcontainer{height:162px;float:left;} #toprow{width:938px; float:left;} #btmrow{width:938px;float:left;margin-top:14px;} .rightimg{ float:right;margin:0 8px; border: 1px solid #226291; } .blue{font-weight: bold; font-size: 13px; color: #666666;} #countbox{ width:215px; margin:0 auto;} /* Footer */ #footer{width:1006px; height:190px;margin:0 auto; background:url(../media/images/backgrounds/whitebox.png) repeat-y; padding-top:10px;} /* Social Sites Nav*/ #socialsites {background:url(../media/images/backgrounds/socialBG_2011thin.gif) no-repeat; width:938px; height:24px; margin:0 auto; font-size:13px; color:#ffffff; } #socialsites p{height: 41px; line-height: 41px; text-align:center; margin: 0 18px 0 0} #ssnavcontainer{float:left; width: 330px; margin: 0 auto} #ssnavcontainer p{height: 21px; line-height: 21px; text-align:center; margin: 0 18px 0 0} #ssnav li { margin: 0; padding: 0; list-style: none; position: absolute;height:21px;display:block; } #ssnav a{ display:block; height:21px; width:100%; } #ssnav a span{display:none;} #ssnav { height:21px; width:300px; background:url(../media/images/nav/socialnav_2010.png); margin:0; padding:0; position:relative; } #ssnav li:hover ul, #ssnav li.over ul{ display:block;} /** Nav links are plain text if CSS is turned off **/ #ssnav_text{left:0px;top:0px;height:21px;width:101px;} #ssnav_email{left:125px;top:0px;height:21px;width:50px;} #ssnav_fb{left:188px;top:0px;height:21px;width:50px;} #ssnav_twit{left:250px;top:0px;height:21px;width:50px;} #ssnav_email a:hover{ background: transparent url(../media/images/nav/socialnav_2010.png) -125px -21px no-repeat;} #ssnav_fb a:hover{ background: transparent url(../media/images/nav/socialnav_2010.png) -188px -21px no-repeat;} #ssnav_twit a:hover{ background: transparent url(../media/images/nav/socialnav_2010.png) -250px -21px no-repeat;} #year{ width:938px; color:#fff; margin:0 auto; padding-bottom:15px; font-size:9px;} #year img{ margin-bottom:-5px;} #sponsorlogos { width:938px; margin: 0 auto; margin-top:20px; margin-bottom:0px; border-top:0px solid #c7d7e3; border-bottom:0px solid #c7d7e3; } .sponsorheader { font-size:14px; font-weight:bold; color:#0C5386; text-align:center; padding-top:12px; } .sponsoricons img {padding-bottom:12px;padding-right:75px;padding-left:75px; } #bottomlinks{background:url(../media/images/backgrounds/footerBG_2010thin.gif) no-repeat; width:938px; height:40px; margin:0 auto; font-size:10px; color:#fff; padding-top:25px; } #bottomlinks p{ margin:0 15px;} #bottomlinks a{ color:#fff; text-decoration:none;} #bottomlinks a:hover{text-decoration:underline;} #bottomlinks img{ float:right; margin:-25px 0 0 0;} #bottom{margin:0 auto; min-height:25px; display:block;width:1006px; } /* Home */ #getready{width:478px; height: 100%; position: absolute; top: 1px; left: 0px; z-index: 1; background:url(../media/images/backgrounds/topbox.png) repeat-x; float:left; display:block; border-left:1px solid #003399;border-right:1px solid #003399;border-bottom:1px solid #003399; background-color:#cddae9;} #getready_long{width:743px; height: 100%; position: absolute; top: 3px; left: 0px; z-index: 1; background:url(../media/images/backgrounds/topbox.png) repeat-x; float:left; display:block; border-left:1px solid #003399;border-right:1px solid #003399;border-bottom:1px solid #003399; background-color:#cddae9;} #getready_content { padding-top: 34px; } #getreadywrapper{width:480px; float:left; margin-top:4px; margin-left:12px; position: relative;} #getreadywrapper_long{width:745px; float:left; margin-top:4px; margin-left:12px; position: relative;} #getreadywrapper_gigantic{width:936px; float:left; margin-top:4px; margin-left:0px; margin-bottom: 2px; position: relative;} #orangecorner{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner1{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort1.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner2{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort2.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner3{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort3.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner4{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort4.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner5{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort5.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner6{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort6.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner7{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort7.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner8{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort8.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner9{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort9.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner10{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort10.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner11{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort11.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner12{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort12.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner13{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort13.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner14{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort14.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner15{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort15.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner16{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort16.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner17{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort17.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner18{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort18.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner50{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort50.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner51{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort51.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner52{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort52.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner53{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort53.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner54{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort54.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner55{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort55.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner56{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort56.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner57{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort57.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner58{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort58.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner59{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort59.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner60{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort60.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner61{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort61.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner62{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort62.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner63{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort63.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner64{width:480px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangeshort64.gif); position: absolute; top: 0px; z-index: 2; } #orangelong{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong.gif); position: absolute; top: 0px; z-index: 2; } #orangelong1{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong1.gif); position: absolute; top: 0px; z-index: 2; } #orangelong2{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong2.gif); position: absolute; top: 0px; z-index: 2; } #orangelong3{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong3.gif); position: absolute; top: 0px; z-index: 2; } #orangelong4{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong4.gif); position: absolute; top: 0px; z-index: 2; } #orangelong5{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong5.gif); position: absolute; top: 0px; z-index: 2; } #orangelong6{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong6.gif); position: absolute; top: 0px; z-index: 2; } #orangelong7{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong7.gif); position: absolute; top: 0px; z-index: 2; } #orangelong8{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong8.gif); position: absolute; top: 0px; z-index: 2; } #orangelong9{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong9.gif); position: absolute; top: 0px; z-index: 2; } #orangelong10{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong10.gif); position: absolute; top: 0px; z-index: 2; } #orangelong11{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong11.gif); position: absolute; top: 0px; z-index: 2; } #orangelong12{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong12.gif); position: absolute; top: 0px; z-index: 2; } #orangelong13{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong13.gif); position: absolute; top: 0px; z-index: 2; } #orangelong14{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong14.gif); position: absolute; top: 0px; z-index: 2; } #orangelong15{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong15.gif); position: absolute; top: 0px; z-index: 2; } #orangelong16{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong16.gif); position: absolute; top: 0px; z-index: 2; } #orangelong17{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong17.gif); position: absolute; top: 0px; z-index: 2; } #orangelong18{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong18.gif); position: absolute; top: 0px; z-index: 2; } #orangelong50{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong50.gif); position: absolute; top: 0px; z-index: 2; } #orangelong51{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong51.gif); position: absolute; top: 0px; z-index: 2; } #orangelong52{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong52.gif); position: absolute; top: 0px; z-index: 2; } #orangelong53{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong53.gif); position: absolute; top: 0px; z-index: 2; } #orangelong54{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong54.gif); position: absolute; top: 0px; z-index: 2; } #orangelong55{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong55.gif); position: absolute; top: 0px; z-index: 2; } #orangelong56{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong56.gif); position: absolute; top: 0px; z-index: 2; } #orangelong57{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong57.gif); position: absolute; top: 0px; z-index: 2; } #orangelong58{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong58.gif); position: absolute; top: 0px; z-index: 2; } #orangelong59{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong59.gif); position: absolute; top: 0px; z-index: 2; } #orangelong60{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong60.gif); position: absolute; top: 0px; z-index: 2; } #orangelong61{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong61.gif); position: absolute; top: 0px; z-index: 2; } #orangelong62{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong62.gif); position: absolute; top: 0px; z-index: 2; } #orangelong63{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong63.gif); position: absolute; top: 0px; z-index: 2; } #orangelong64{width:745px; height:34px; margin:0 auto; display:block;background:url(../media/images/titles/orangelong64.gif); position: absolute; top: 0px; z-index: 2; } #orangecorner h1, #orangecorner1 h1, #orangecorner2 h1, #orangecorner3 h1, #orangecorner4 h1, #orangecorner5 h1, #orangecorner6 h1, #orangecorner7 h1, #orangecorner8 h1, #orangecorner9 h1, #orangecorner10 h1, #orangecorner11 h1, #orangecorner12 h1, #orangecorner13 h1, #orangecorner14 h1, #orangecorner15 h1, #orangecorner16 h1, #orangecorner17 h1, #orangecorner18 h1, #orangelong h1, #orangelong1 h1, #orangelong2 h1, #orangelong3 h1, #orangelong4 h1, #orangelong5 h1, #orangelong6 h1, #orangelong7 h1, #orangelong8 h1, #orangelong9 h1, #orangelong10 h1, #orangelong11 h1, #orangelong12 h1, #orangelong13 h1, #orangelong14 h1, #orangelong15 h1, #orangelong16 h1, #orangelong17 h1, #orangelong18 h1 { color: white; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; position: absolute; left: 38px; top: 8px; line-height: 10px; width: -moz-max-content; } #orangecorner50 h1, #orangecorner51 h1, #orangecorner52 h1, #orangecorner53 h1, #orangecorner54 h1, #orangecorner55 h1, #orangecorner56 h1, #orangecorner57 h1, #orangecorner58 h1, #orangecorner59 h1, #orangecorner60 h1, #orangecorner61 h1, #orangecorner62 h1, #orangecorner63 h1, #orangecorner64 h1, #orangelong50 h1, #orangelong51 h1, #orangelong52 h1, #orangelong53 h1, #orangelong54 h1, #orangelong55 h1, #orangelong56 h1, #orangelong57 h1, #orangelong58 h1, #orangelong59 h1, #orangelong60 h1, #orangelong61 h1, #orangelong62 h1, #orangelong63 h1, #orangelong64 h1 { color: white; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; position: absolute; left: 38px; top: 8px; line-height: 10px; width: -moz-max-content; } #orangecorner h3, #orangecorner1 h3, #orangecorner2 h3, #orangecorner3 h3, #orangecorner4 h3, #orangecorner5 h3, #orangecorner6 h3, #orangecorner7 h3, #orangecorner8 h3, #orangecorner9 h3, #orangecorner10 h3, #orangecorner11 h3, #orangecorner12 h3, #orangecorner13 h3, #orangecorner14 h3, #orangecorner15 h3, #orangecorner16 h3, #orangecorner17 h3, #orangecorner18 h3, #orangelong h3, #orangelong1 h3, #orangelong2 h3, #orangelong3 h3, #orangelong4 h3, #orangelong5 h3, #orangelong6 h3, #orangelong7 h3, #orangelong8 h3, #orangelong9 h3, #orangelong10 h3, #orangelong11 h3, #orangelong12 h3, #orangelong13 h3, #orangelong14 h3, #orangelong15 h3, #orangelong16 h3, #orangelong17 h3, #orangelong18 h3, #orangegigantic h3 { color: white; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; text-shadow: #553322 1px 1px; position: absolute; left: 38px; top: 6px; line-height: 14px; width: -moz-max-content; } #orangecorner50 h3, #orangecorner51 h3, #orangecorner52 h3, #orangecorner53 h3, #orangecorner54 h3, #orangecorner55 h3, #orangecorner56 h3, #orangecorner57 h3, #orangecorner58 h3, #orangecorner59 h3, #orangecorner60 h3, #orangecorner61 h3, #orangecorner62 h3, #orangecorner63 h3, #orangecorner64 h3, #orangelong50 h3, #orangelong51 h3, #orangelong52 h3, #orangelong53 h3, #orangelong54 h3, #orangelong55 h3, #orangelong56 h3, #orangelong57 h3, #orangelong58 h3, #orangelong59 h3, #orangelong60 h3, #orangelong61 h3, #orangelong62 h3, #orangelong63 h3, #orangelong64 h3 { color: white; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; text-shadow: #553322 1px 1px; position: absolute; left: 38px; top: 6px; line-height: 14px; width: -moz-max-content; } #oneshort h4, #onecolumn h4, #calendar h4, #twocolumnl h4, #twocolumnr h4, #twocolumnl05 h4, #twocolumnr05 h4, #threeright h4, #threeleft h4, #threecenter h4, #threeright001 h4, #threeleft001 h4, #threecenter001 h4 { color: white; background-color: #005b94; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; text-shadow: #004477 1px 1px; text-indent: 10px; line-height: 24px; letter-spacing: 1px; } #calendar h3, #dch h4, #map h4, #blog h4 { color: white; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; text-shadow: #004477 1px 1px; padding-left: 38px; margin-top: -36px; line-height: 24px; letter-spacing: 1px; } #get_ready_to_shakeout { width: 221px; height: 11px; text-indent: -9999px; background: url(../media/images/titles/get_ready_to_shakeout.png); } #calendar{ width:250px;height:100%; background:url(../media/images/backgrounds/topbox.png) repeat-x; float:right; display:block; border:1px solid #003399; margin-top:4px; background-color:#cddae9;margin-left:10px;} #ticker{width:938px; height:21px;background:url(../media/images/tickerBG.gif) no-repeat; float:left; background-position:bottom; margin-top: 11px;} .tickertxt p{ margin:0px 10px 0px 95px; overflow:hidden; height:20px; color:#fff; height: 21px; line-height: 21px; font-size:11px } #ticker a{ color:#fff; text-decoration:none;} #ticker a:hover{text-decoration:underline;} #blog{float:left;height:400px;width:250px; display:block;background:url(../media/images/backgrounds/btmbox.png) repeat-x; float:left; display:block; border:1px solid #003399;background-color:#cddae9;} #map{height:400px; width:408px; margin:0 auto;display:block; border:1px solid #003399;background:url(../media/images/backgrounds/btmbox.png) repeat-x;background-color:#cddae9;} #dch{float:right;height:400px;width:250px;display:block; border:1px solid #003399;background:url(../media/images/backgrounds/btmbox.png) repeat-x;background-color:#cddae9;} /* 3 Lower Columns Template001 */ #threeleft001{width:250px;float:left;display:block;background:url(../media/images/backgrounds/btmbox.png) repeat-x; float:left; display:block; border:1px solid #003399;background-color:#cddae9; min-height:250px;} #threecenter001{width:408px; display:block;background:url(../media/images/backgrounds/btmbox.png) repeat-x; display:block; border:1px solid #003399;background-color:#cddae9; margin:0 auto;} #threeright001{width:250px;float:left;display:block;background:url(../media/images/backgrounds/btmbox.png) repeat-x; float:right; display:block; border:1px solid #003399;background-color:#cddae9;} /* 3 Lower Columns all same size Template002*/ #threeleft{width:300px;float:left;display:block;background:url(../media/images/backgrounds/btmbox.png) repeat-x; float:left; display:block; border:1px solid #003399;background-color:#cddae9; min-height:250px;} #threeleft ul{ margin-right:15px; } #threeleft ol{ margin-right:15px; } #threecenter{width:302px; display:block;background:url(../media/images/backgrounds/btmbox.png) repeat-x; display:block; border:1px solid #003399;background-color:#cddae9; margin:0 auto;} #threecenter ul{ margin-right:15px; } #threecenter ol{ margin-right:15px; } #threeright{width:302px;float:left;display:block;background:url(../media/images/backgrounds/btmbox.png) repeat-x; float:right; display:block; border:1px solid #003399;background-color:#cddae9;} #threeright ul{ margin-right:15px; } #threeright ol{ margin-right:15px; } /* 1 Lower Column Template003*/ #onecolumn{ width:936px;display:block;background:url(../media/images/backgrounds/btmbox.png) repeat-x; display:block; border:1px solid #003399;background-color:#cddae9; margin:0 auto;} /* 2 Lower Columns Template004*/ #twocolumnl{ width:461px;display:block;background:url(../media/images/backgrounds/btmbox.png) repeat-x; display:block; border:1px solid #003399;background-color:#cddae9; float:left;} #twocolumnr{ width:460px;display:block;background:url(../media/images/backgrounds/btmbox.png) repeat-x; display:block; border:1px solid #003399;background-color:#cddae9; float:right;} /* 2 Lower Columns Template005*/ #twocolumnl05{ width:179px;display:block;background:url(../media/images/backgrounds/btmbox.png) repeat-x; display:block; border:1px solid #003399;background-color:#cddae9; float:left;} #twocolumnr05{ width:743px;display:block;background:url(../media/images/backgrounds/btmbox.png) repeat-x; display:block; border:1px solid #003399;background-color:#cddae9; float:right;} /* 1 Upper Column Template006*/ #orangelong0{width:744px;display:block;background:url(../media/images/backgrounds/btmbox.png) repeat-x; display:block; border:1px solid #003399;background-color:#cddae9; float:right;margin-top:4px; min-height:327px;} #btmrow2{width:179px;float:left;margin-top:14px;} /* 1 Lower Column Template006*/ #oneshort{ width:179px;display:block;background:url(../media/images/backgrounds/btmbox.png) repeat-x; display:block; border:1px solid #003399;background-color:#cddae9; } /* NAV */ #nav > li > a { display: block; width: 181px; height: 27px; line-height: 27px; background: url(../media/images/nav/nav_bg.png); color: white; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; text-indent: 12px; z-index: -20; } #nav > li:hover > a { background: url(../media/images/nav/nav_over_bg.png); } #nav > li > a.last { background: url(../media/images/nav/nav_last_bg.png); } #nav > li > a.last:hover { background: url(../media/images/nav/nav_last_over_bg.png); } /* Fix This*/ ul#nav { padding:0; margin:0; list-style:none; } #nav li { position:relative;} #nav ul { position:absolute; top:23px; left:60px; z-index:1; display:none; padding:0; margin:0; list-style:none; } li > ul { top:auto; left: auto; } #nav li:hover ul {display: block; } #nav ul { background: url(../media/images/nav/subnav_base.png) bottom right; padding: 0 1px 1px 0; } #nav ul a { text-decoration: none; color: white; display: block; background: #f26522; border-bottom: 1px solid #c85118; height: 16px; line-height: 16px; width: 143px; text-indent: 9px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 1px; border-left: 1px solid #2e6690; border-right: 1px solid #2e6690; } #nav ul a:hover { background: #e05c1e; } #nav ul a.first { margin-top: 0px; border-top: 1px solid #2e6690; } #nav ul a.last { border-bottom: 1px solid #2e6690; } #left_nav { width: 181px; float: left; } #nav_header { width: 186px; height: 73px; background: url(../media/images/nav/nav_header_bg.gif); position: relative; color: white; } #nav_header:hover{ background: url(../media/images/nav/nav_header_bg_on.gif); } #nav_header #be_a_part { position: absolute; top: 10px; left: 11px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } /* #nav_header #links #register_now { margin-top: 6px; font-size: 24px; background: url(../media/images/nav/register_now_bg.gif); width: 156px; height: 23px; } /* was: margin-top: 6px; font-size: 24px; background: url(../media/images/nav/register_now_bg.gif); width: 156px; height: 23px; */ /* #nav_header #links #login { font-size: 12px; background: url(../media/images/nav/log_in_bg.gif); width: 35px; height: 12px; } */ #nav_header #links { position: absolute; top: 24px; left: 10px; width: 156px; } #nav_header #links a { color: white; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 22px; font-weight: bold; margin-top: 6px; text-decoration: underline; overflow: hidden; display: block; // float: right; } /* active page navs */ #nav > li > a.active { background: url(../media/images/nav/nav_active_over_bg.png); height: 26px; line-height: 26px; } #nav > li > a.active:hover { background: url(../media/images/nav/nav_over_bg.png); } #nav > li > a.last.active { background: url(../media/images/nav/nav_last_active_over_bg.png); height: 27px; line-height: 27px; } #nav > li > a.last.active:hover { background: url(../media/images/nav/nav_last_over_bg.png); } #nav ol { margin: 0px; padding: 0px; list-style: none; position: relative; display: block; top: 0px; left: 0px; background: #c85118; margin: 0; } #nav ol li a { border-bottom: none; background: url(../media/images/nav/subnav_bg.png); width: 181px; height: 18px; line-height: 18px; display: block; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; text-indent: 21px; } #nav ol li a:hover { background: url(../media/images/nav/subnav_over_bg.png); } .home { z-index: 109; } .why { z-index: 108; } .who { z-index: 107; } .drill { z-index: 106; } .resources { z-index: 105; } .media { z-index: 104; } .news { z-index: 103; } .login { z-index: 102; } .partners { z-index: 101; } .contact { z-index: 100; } /* END NAV */ /*//////////////////////// /// California Map Nav // ///////////////////////*/ #global_map { float: right; margin-top: 10px; margin-left: 25px; width: 318px; height: 180px; background: url(../images/globalmap/globalmap.gif); position: relative; } #global_map_copy { float: left; width: 318px; margin: 0px 0px 16px 16px; position: absolute; z-index: 5; } #global_map #map_overlay { width: 318px; height: 180px; position: absolute; top: 0px; left: 0px; z-index: 2; } .map_overlay { position: absolute; z-index: 1; display: none; } .map_overlay_info { position: absolute; z-index: 3; display: none; color: white; padding: 2px; font-size: 10.5px; font-family: Helvetica, Arial,sans-serif; cursor: pointer; } .map_overlay_info_top { width: 186px; min-height: 77px; background: url(../media/images/calmap/map_info_overlay_top.png); } .map_overlay_info_content { padding: 9px 40px 13px 9px; font-size: 11px; font-weight: bold; color: #105588; } .map_overlay_info_content ul { padding-left: 24px; } .map_overlay_info_bottom { position: relative; width: 186px; height: 19px; background: url(../media/images/calmap/map_info_overlay_bottom.png); } .map_overlay_more_info { position: absolute; top: 0px; right: 17px; height: 11px; line-height: 11px; text-indent: 7px; color: #105588; font-weight: bold; text-decoration: none; background: url(../media/images/calmap/more_info_arrow.png) no-repeat; } .map_overlay_more_info:hover { text-decoration: underline; } #map_overlay_info1 { top: 0px; left: 0px; } #map_overlay1 { background: url(../images/globalmap/r1.gif); width: 318px; height: 180px; top: 0px; left: 0px; }