/***********************************************/ /* 2col_leftNav.css */ /* Use with template 2col_leftNav.html */ /***********************************************/ /***********************************************/ /* HTML tag styles */ /***********************************************/ body{ font-family: Arial, sans-serif; color: #FCEECF; line-height: 1; margin: 0px; padding: 0px; background-color: #FEF9ED; } a:link, a:visited, a:hover { color: #FFFFFF; text-decoration: none; } a:hover { text-decoration: underline; color: #3C6; } /* overrides decoration from previous rule for hovered links */ h1, h2, h3, h4, h5, h6 { font-family: Arial,sans-serif; margin: 0px; padding: 0px; } h1{ font-family: Verdana,Arial,sans-serif; font-size: 120%; color: #334d55; } h2{ font-size: 114%; color: #006699; } h3{ font-size: 100%; color: #334d55; } h4{ font-size: 100%; font-weight: normal; color: #333333; } h5{ font-size: 100%; color: #334d55; } ul{ list-style-type: square; } ul ul{ list-style-type: disc; } ul ul ul{ list-style-type: none; } label{ font: bold 100% Arial,sans-serif; color: #334d55; } /***********************************************/ /* Layout Divs */ /***********************************************/ #masthead{ margin: 0; border-bottom: 1px solid #cccccc; width: 758px; background-color: #ecd5b2; left: -250px; padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 0px; margin-right: 0px; float: left; position: relative; top: 0px; height: 155; overflow: hidden; } #navBar{ margin: 0 20 0 0; padding: 0px; background-color: #003366; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; float: right; width: 179px; position: absolute; left: -1px; top: 166px; height: 669px; } #content{ float:left; width: 610px; margin: 0%; background-color: #e7d9d9; height: 649px; padding-top: 0; padding-right: 0px; padding-bottom: 0; padding-left: 0; position: absolute; left: 180px; top: 167px; } /***********************************************/ /*Component Divs */ /***********************************************/ #siteName{ margin: 0px; padding: 0px 10px 10px 10px; } /*************** #pageName styles **************/ #pageName{ padding: 0px 0px 10px 10px; } /************* #globalNav styles **************/ #globalNav{ color: #FFFFFF; padding: 0px 0px 0px 10px; white-space: nowrap; background-color: #003366; width: 315px; } /* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line this will force a horizontal scrollbar if there isn't enough room for all links remove rule or change value to 'normal' if you want the links to line-wrap */ #globalNav img{ display: block; } #globalNav a { font-size: 90%; padding: 0px 4px 0px 0px; } /************* #breadCrumb styles *************/ #breadCrumb{ font-size: 90%; padding: 2px 10px2px 10px; width: 200px; background-color: #faefda; white-space: nowrap; } /************** .feature styles ***************/ .feature{ padding: 0px 20px 10px 35px; font-size: 90%; margin-left: 0px; margin-right: 0px; width: 515px; float: left; height: 162px; position: relative; left: 0px; top: 0px; background-color: #FFF8F2; } .feature h3{ padding: 30px 10px 5px 0px; text-align: center; } .feature img{ float: left; padding: 0px 10px 0px 0px; margin: 0 5px 5px 0; } /* adjust margins to change separation between the feature image and text flowing around it */ /************** .story styles *****************/ .story{ clear: both; padding: 20px 35px 0px 35px; font-size: 90%; margin-left: 0px; margin-right: 0px; width: 502px; float: left; position: relative; top: 0px; left: 0px; height: 234px; background-color: #FFF8F2; } .story p{ padding: 0px 0px 10px 0px; color: #000; } /************* #siteInfo styles ***************/ #siteInfo{ clear: both; border: 1px solid #cccccc; font-size: 75%; color: #6699FF; padding: 10px 10px 10px 10px; margin-top: 0px; position: absolute; height: 112px; left: 100px; top: 816px; background-color: #003366; width: 789px; visibility: visible; } /* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with) the bottom border of the navBar in cases where they "touch" */ #siteInfo img{ padding: 4px 4px 4px 0px; vertical-align: middle; background-color: #ecd5b2; } /************* #search styles ***************/ #search{ padding: 5px 0px 5px 10px; border-bottom: 1px solid #cccccc; font-size: 90%; } #search form{ margin: 0px; padding: 0px; } #search label{ display: block; margin: 0px; padding: 0px; } /*********** #navBar link styles ***********/ #navBar ul a:link, #navBar ul a:visited {display: block;} #navBar ul {list-style: none; margin: 0; padding: 0;} /* hack to fix IE/Win's broken rendering of block-level anchors in lists */ #navBar li {border-bottom: 1px solid #EEE;} /* fix for browsers that don't need the hack */ html>body #navBar li {border-bottom: none;} /*********** #sectionLinks styles ***********/ #sectionLinks{ position: relative; margin: 0px; padding: 0px; border-bottom: 1px solid #cccccc; font-size: 90%; } #sectionLinks h3{ padding: 10px 0px 2px 10px; } #sectionLinks a:link{ padding: 2px 0px 2px 10px; border-top: 1px solid #cccccc; width: 100%; voice-family: "\"}\""; voice-family:inherit; width: auto; } #sectionLinks a:visited{ color: #006699; border-top: 1px solid #cccccc; padding: 2px 0px 2px 10px; } #sectionLinks a:hover{ color: #FFFFFF; border-top: 1px solid #cccccc; background-color: #dddddd; padding: 2px 0px 2px 10px; } /*********** .relatedLinks styles ***********/ .relatedLinks{ margin: 0px; padding: 0px 0px 2px 10px; font-size: 90%; } .relatedLinks h3{ padding: 10px 0px 2px 0px; } /************** #advert styles **************/ #advert{ padding: 10px 0px 0px 10px; font-size: 80%; border-top: 1px solid #cccccc; } #advert img{ display: block; } /************** #headlines styles **************/ #headlines{ margin: 0px; padding: 10px 0px 20px 10px; font-size: 80%; color: #000000 position: absolute; width: 237px; left: 249px; top: 137px; height: -5px; background-color: #FCFBC7; } #headlines p{ padding: 5px 0px 5px 0px; } o .SCC_event { color: #F00; } #content .story .style10 strong a font em .SCC_event { color: #F00; }