/* Reset styles (by Eric Meyer, meyerweb.com) */ html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,button,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,sub,sup,tt,var, dl,dt,dd,ol,ul,li,fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{ margin:0;padding:0;border:0;outline:0; font-weight:inherit;font-style:inherit;font-size:100%; font-family:inherit;vertical-align:baseline;} :focus{outline:0;}body{line-height:1;color:black;background:white;} hr{margin:0;}ol,ul{list-style: none;} table{border-collapse:separate;border-spacing:0;} caption,th,td{text-align:left;font-weight:normal;} blockquote:before,blockquote:after,q:before,q:after{content:"";} blockquote,q{quotes:"" "";} /* reset form font-size */ select,option,input{font-size:100%;} /* Set body to 1em = 10px */ body{font-size:62.5%;font-family: Verdana, Helvetica, Arial, sans-serif; background-color:#eeeeee } /* set all headers bold */ h1,h2,h3,h4,h5,h6{font-weight:bold;} /* 8-Column styles */ .col1,.col2,.col3,.col4, .col5,.col6,.col7,.col8 {float:left;margin-left:10px !important;margin-right:0 !important; margin-left:5px;margin-right:5px;} .col1{width:110px;} .col2{width:230px;} .col3{width:350px;} .col4{width:470px;} .col5{width:590px;} .col6{width:710px;} .col7{width:830px;} .col8{width:950px;} .colfirst {margin-left:0 !important; margin-right:0;} .colnext {margin-left:10px; margin-right:0;} /* Typography styles */ .xlarge, h1{font-size:200%;line-height:105.2%;} .large, h2{font-size:180.5%;line-height:117%;} .med, h3{font-size:140.5%;line-height:150%;} .small, h4{font-size:120.5%;line-height:175%;} .xsmall, h5{font-size:110%;line-height:191%;} .x2small { font-size:100%; line-height:120%; } p.xlarge{margin-bottom:1.05em;} p.large{margin-bottom:1.17em;} p.med{margin-bottom:1.5em;} p.small{margin-bottom:1.75em;} p.xsmall{margin-bottom:1.9em;} p.x2small { margin-bottom:2.0em; } .line100 {line-height:100%;} .line110 {line-height:110%;} .line120 {line-height:120%;} .line130 {line-height:130%;} .line140 {line-height:140%;} .line150 {line-height:150%;} /* Generic useful classes */ .hide{position:absolute;left:-9999px;} .right{float:right;} .left{float:left;} .clear{clear:both;} .absolute{position:absolute;} .relative{position:relative;} .verdana{font-family:Verdana, Arial, Helvetica, sans-serif;} .georgia{font-family:Georgia, "Times New Roman", Times, serif;} .times{font-family:"Times New Roman", Times, serif;} .arial{font-family:Arial, Helvetica, sans-serif;} .grey{color:#999;} .dark{color:#333;} .black{color:#000;} .blue{color:#006CA5;} .lightblue{color:#95c2da;} .darkblue{color:#004987;} .bold{font-weight:bold;} .nobold { font-weight:normal; } .normal{font-weight:normal;} .italic{font-style:italic;} .t-right{text-align:right;} .t-center{text-align:center;} span.datetime{display:block; margin-bottom:1em; font-style:italic; color: #666;font-size:.9em;} span.comments{display:none;} .credit{text-align:right;font-size:.9em;padding:3px 0 3px 0} .o-auto {overflow:auto;} .o-hidden{overflow:hidden;} .o-visible{overflow:visible;} .clear10 {clear:both; padding:5px;} /* Clear and pad by 10*/ #login{ background:#c0c0c0; border-bottom:1px solid #ccc; color:white; font-weight:bold; padding:3px; margin:0; } #login a:link { text-decoration:none; color:white; } #login a:visited { text-decoration:none; color:white; } #login a:hover { text-decoration:none; color:white; } #login a:active { text-decoration:none; color:white; } #branding{ width:980px; height:72px; margin:0 auto; border:1px solid #ccc; border-bottom:5px solid #076DA6; border-width:0 1px 5px 1px; overflow:hidden; background-color:white; } .logo{ width:365px; height:72px; overflow:hidden; } #nav{ width:980px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; padding:0; color:#069; } #nav h2{ display:none; } #nav ul{ float:left; /* overflow:hidden;*/ } #nav ul#nav_view{ float:right; } #nav li{ float:left; margin:3px 1px 0 -1px; } #nav .dropmenudiv li{ margin:0; } #nav .dropmenudiv li a{ line-height:100%; padding:5px 0 5px 0; float:left; margin:0; border-left:none; } #nav li a{ padding:0 5px; border-left:1px solid #ccc; text-transform:uppercase; text-decoration:none; } #content{ width:980px; margin:0 auto; border:1px solid #ccc; border-width:0 1px; border-bottom:0px solid #ccc; overflow:hidden; background-color:white; } #breadcrumbs { text-transform:uppercase; } #breadcrumbs a:link { text-decoration:none; color:#999; } #breadcrumbs a:visited { text-decoration:none; color:#999; } #breadcrumbs a:hover { text-decoration:none; color:#95c2da; } #breadcrumbs a:active { text-decoration:none; color:#999; } /* Content Box styles -------------------------------------------*/ .style{margin-top:1em;} .style h3 a, .style h3 span{display:block;border-bottom:1px solid #ccc;padding: 0; text-transform: uppercase;} .style img.right {float:right;margin:0 0 .5em 1em;} .style img.left {float:left;margin:0 1em .5em 0;} .style ul, .style ol{padding: 1em 0 1em 0;} .style ul li, .style ol li{margin-bottom:.0;} /* SEARCH */ #header_searchBar { text-transform:uppercase; width:600px; height:60px; color:#069; vertical-align:top; text-align:right; margin-right:5px; overflow:hidden; } #header_searchBar .community_list li {list-style:none; display:inline; line-height:20px;} #header_searchBar .community_list li a:link {border-right: 1px solid #666; padding-right: 5px;} #header_searchBar .community_list li a:visited {border-right: 1px solid #666; padding-right: 5px;} #header_searchBar .community_list li a:hover {text-decoration: underline;} #header_searchBar .community_list li a:active {border-right: 1px solid #666; padding-right: 5px;} #header_searchBar .search_bar_inline ul {list-style: none; display: inline; vertical-align: baseline;} #header_searchBar .search_bar_inline li {color: #069; list-style: none; display: inline; vertical-align: baseline;} #header_searchBar .search_select {color: #069;} /* Ads -------------------------------------------*/ .largeunit {width: 336px; height: 290px; text-align:left; overflow:hidden; display:block;} .largeunit iframe, .largeunit a {width: 336px; height: 290px; margin: 0 auto 1em; display:block;} .leaderboard, .leaderboard iframe, .leaderboard a {width: 728px; height: 90px; text-align:left; overflow:hidden; display:block;} .logoads {width: 336px; height: 90px; text-align:left; overflow:hidden; display:block;} .marquee, .marquee iframe, .marquee a .skyscraper {width:160px; height:610px; text-align:left; overflow:hidden; display:block;} .skyscraper_rt {width:160px; height:600; float:left; margin:10px 0 0 15px;} .skyscraper_rt li {list-style:none; background: url(bullet00.gif) no-repeat 0 .4em; padding: 0 0 .5em .8em;} /* FOOTER */ #footer{ width:980px;margin:0 auto;border:1px solid #ccc;border-width:0 1px;border-bottom:1px solid #ccc;overflow:hidden;background-color:white;} #footer a {color:#000;text-decoration:none;} #footer a:hover {color:#039;text-decoration:underline;} #footer_nav {color:#9a9a9a; text-align:center; padding:5px 0 7px 0;} #footer_nav a{color: #9a9a9a;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;font-weight: bold; margin: 0 9px;} #footer a:hover{color: #000;text-decoration: underline;} #footer-nav { border:1px #ccc solid; height:170px; margin:0 10px; } #footer-nav ul { display:inline; margin:.5em; } #footer-nav li { list-style:none; background: url(bullet00.gif) no-repeat 0 .4em; padding: 0 0 .5em .8em; float:left; clear:left; } #footer-nav h2 { text-transform:uppercase; } #footer-nav div { padding:1px 9px; width:100px; float:left; } #footer-nav a:link { text-decoration:none; color:#006ca5; } #footer-nav a:visited { text-decoration:none; color:#006ca5; } #footer-nav a:hover { text-decoration:none; color:#004987;text-decoration:underline; } #footer-nav a:active { text-decoration:none; color:#006ca5; } .shade { background:#eee; height:168px; } .hide-show {margin-right:0px; padding-right:0px; position:absolute; top:6px; right:10px; font-weight:normal; color:#006CA5; font-size:11px; text-transform:none} /*.shown { display:block; height:auto; }*/ .shown span { height:auto; } .shown p { display:block; height:auto; } .shown img { display:block; } /*.shown div { display:block; height:auto; }*/ /*.hidden { display:none; height:0; margin:0; }*/ .hidden h3 { font-size:11px; font-weight:normal; } .hidden span {display:none; height:0; } .hidden li { margin:0; background:none; padding:0 } .hidden p { display:none; height:0; } .hidden img { display:none; } .hidden div { display:none; height:0; } /*begin old gen-ovr css file*/ .sec_top-title { font-size:300%; font-weight:bold; color:#076DA6; text-transform:uppercase; line-height:100%; } .sec_top-subtitle { color:#999; line-height:110%; } .sec_txt { margin-bottom:10px; float:left; clear:both; width:100%; } .sec_txt h2 { border-bottom:1px #ccc solid; color:#333; text-transform:uppercase; float:left; clear:both; width:100%; margin-bottom:5px;} .sec_txt h2 a:link { color:#333; text-transform:uppercase; } .sec_txt h2 a:visited { color:#333; text-transform:uppercase; } .sec_txt h2 a:hover { color:#95c2da; text-transform:uppercase; } .sec_txt h2 a:active { color:#333; text-transform:uppercase; } .sec_txt h2 .headerLink {float:left; width:80%;} .sec_txt h2 .closeLink{float:left; width:20%;color:#006CA5; text-transform:none; text-align:right; position:relative;} .sec_txt h3 { } .sec_txt ul { display:block; margin:0; padding:.6em 0 .7em 0; float:left; clear:both; width:100%; } /*.sec_txt ol { display:block; margin:0; padding:.6em 0 .7em 0; }*/ .sec_txt li { list-style:none; background: url(bullet00.gif) no-repeat 0 .4em; padding: 0 0 .5em .8em; } .sec_txt .no-li { background:none; padding-left:0; clear:left; } .sec_txt .no-li h3 { display:inline; color:#076DA6; } .sec_txt .no-li .timestamp { font-size:70%; font-weight:normal; color:#A60C00; } .sec_txt p { margin:0 0 10px 0; padding:0; } .sec_txt .grey { color:#999; font-weight:normal; padding-bottom:.7em; padding-left:.7em; } .art-img { float:left; padding:0; } /* sets max-height for IE in images -- yuck*/ * html div.art-img-overflow { height: expression( this.scrollHeight > 55px ? "55px" : "auto" ); max-height:55px; } .art-img-overflow { width:80px; max-height:55px; overflow:hidden; float:left; margin:2px 5px 10px 0; border:1px solid #666; } /*.art-img-overflow { width:80px; height:55px; overflow:hidden; float:left; margin:2px 5px 10px 0; border:1px solid #666; }*/ .dateline { font-size:10px; font-weight:normal; color:#676767; } .timestamp { font-size:10px; font-weight:normal; color:#A60C00; } #sec_storytabs{ width:450px; height:20px; margin:0 0 10px 0; background:#EEEEEE url(pixel_cc.gif) repeat-x 0 20px; } /* float:left; position:relative; */ #sec_storytabs li{ margin-right:0px; background:#FFFFFF; float:left; } /* */ #sec_storytabs li h2{ float:left; height:16px; width:auto; border-right:1px solid #ccc; background:#EEEEEE; line-height:16px; text-decoration:none; padding:2px 10px; text-transform: uppercase; font-weight: normal; } #sec_storytabs li.current{border-left:1px solid #ccc;} #sec_storytabs li.current h2{border-right:1px solid #ccc; background:#fff;border-bottom:1px solid #fff;font-weight: bold;} #sec_story { width:450px; clear:both; margin:0 0 15px 0; } #sec_story li li { float:none; background:none; position:relative;} #sec_story .sec_layout0, .sec_layout1, .sec_layout2, .sec_layout3, .sec_layout4, .sec_layout5, .sec_layout6, .sec_layout7, .sec_layout8, .sec_layout9 { width:450px; min-height:300px; overflow:hidden;left:0; background:#fff; float:left; } #sec_story h3 { float:none; display:inherit; } #sec_story .sec_layout2 h3 { float:none; display:inherit; margin:0; padding:0;} /*begin old gen-ovr css file*/ /*PAGE WIDE STYLES*/ a.breakingHeadline:link{color:#A60C00} a:link { text-decoration:none; color:#006ca5; } /*a:visited { text-decoration:none; color:#004987; }*/ a:visited { text-decoration:none; color:#003C70; } a:hover { text-decoration:none; color:#004987; text-decoration:underline; } /* #95c2da */ a:active { text-decoration:none; color:#006ca5; } /**********************************BEGIN NAV*/ .chromestyle { /*width: 99%;font-weight: bold;*/ } .chromestyle:after { /*Add margin between menu and rest of content in Firefox*//*content: "."; */display: block; height: 0; clear: both; visibility: hidden; padding: 0; margin: 0; } .chromestyle ul { width: 737px; padding:0; margin:0 0 -4px 0; } .chromestyle ul li {display: inline;padding: 0;margin: 0; } .chromestyle ul li a { padding: 0;margin: 0 -3px 0 0;text-decoration: none; } .chromestyle ul li a:hover { padding: 0;margin: 0 -3px 0 0; } .chromestyle ul li a[rel]:after { padding: 0;margin: 0; } /* ######### Style for Drop Down Menu ######### */ .dropmenudiv { position:absolute; top:0; border:1px solid #ccc; font:normal 11px Verdana, Arial, Helvetica, sans-serif; line-height:18px; z-index:999; background-color:#fafafa; width:140px; margin:0 0 0 0; visibility:hidden; filter:progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE.*/} .dropmenudiv a { width:auto; display:block; text-indent:3px; padding:2px 5px; text-decoration:none; font-weight:bold; color:#999; } .dropmenudiv li { display:block; clear:left; border-bottom:1px solid #ccc; width:100%; } * html .dropmenudiv a { /*IE only hack*/width:100%; } .dropmenudiv a:link { color:#999; } .dropmenudiv a:visited { color:#999; } .dropmenudiv a:hover { color:#006CA5; } .dropmenudiv a:active { color:#999; } /**********************************END NAV*/ /* Events -------------------------------------------*/ #events{height: 8.0em; line-height: 100%; clear: both;} #events ul{float: left;} #events ul li{float: left;} #events ul li.today a{color: #fff;float: left;text-decoration: none;padding-top: 5px;width: 44px;height: 32px;margin-right: 10px;background: url(calendar.gif) top left no-repeat;text-align: center;font-size: 110%;font-weight: bolder;} #events ul li.today a:hover{background: url(calendar.gif) top right no-repeat;color: #069;} #events ul li.today a span{display: block;text-transform: uppercase;font-weight: bolder;line-height: 100%;} #events ul li a{color: #069;float: left;text-decoration: none;padding-top: 5px;width: 44px;height: 32px;margin-right: 10px;background: url(calendar.gif) top right no-repeat;text-align: center;font-size: 110%;font-weight: bolder;} #events ul li a:hover{background: url(calendar.gif) top left no-repeat; color: #fff;} #events ul li a span{display: block;text-transform: uppercase;font-weight: bolder;line-height: 100%;} #events table{background: #069; border-spacing: 1px; margin-top: 10px;width: 71px;height: 32px;} #events table td{width: 5px;height: 5px;background: #fff;} #events table td.gray{background: #ccc;} #events table td.today{background: #b5c5df;} #events span.right{ display: inline !important;text-transform: lowercase !important; border: none !important;font-weight: normal;line-height: 100%; margin:0px; padding:0px; position:absolute; top:.7em; right:10px;font-weight:normal; color:#006CA5; font-size:10px;} #events span.right a {display: inline !important;text-transform: lowercase !important; font-weight: normal; border: none !important;font-weight:normal; color:#006CA5; font-size:10px;}