body{ /*background: #F5F5F5;*/ width: 800px; font-family: geneva, arial,sans-serif; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #808285; line-height: 1.166; margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; position: inherit; /*background-image: url(/images/bkgrd/bkgrd_gender.gif); background-repeat: repeat; background-position: top center; background: url(/images/bkgrd/bkgrd_gender.gif) no-repeat 0 200px;*/ } a:link, a:visited, a:hover { color: #669900; text-decoration: none; } a:hover { text-decoration: underline; } /* overrides decoration from previous rule for hovered links */ h1, h2, h3, h4, h5, h6 { font-family: geneva, arial,sans-serif; color: #6D6F71; margin: 0px; padding: 0px; } h1{ /*font-family: geneva, arial,sans-serif;*/ font-size: 130%; } h2{ font-size: 120%; /*color: #617011;*/ } h3{ font-size: 114%; /*color: #8CA820;*/ } h4{ font-size: 105%; padding: 2px 0px 4px 0px; /*color: #777777;*/ } h5{ font-size: 100%; font-weight: bold; color: #666666; } ul{ list-style-type: circle; } ul ul{ list-style-type: disc; } ul ul ul{ list-style-type: none; } label{ font: bold 80% Arial,sans-serif; color: #669900; } /***********************************************/ /* Layout Divs */ /***********************************************/ #container{ background: #FFFFFF; margin-left: auto; margin-right: auto; /* the auto margins (in conjunction with a width) center the page */ border-top: 1px solid #eeeeee; width: 50em; text-align:left; } #masthead{ /*margin: 0; padding: 10px 0px; border-bottom: 1px solid #eeeeee;*/ width: 100%; } #navBar{ width: 180px; margin: 10px 5px 0px 0px; padding: 0px; border-right: 1px solid #f4f5d6; /*background-color: #c7e200; border-bottom: 1px solid #ccc;*/ } #content{ float:right; width: 600px; margin: 10px 0px 0px 0px; padding: 0px 5px 0px 5px; } /***********************************************/ /*Component Divs */ /***********************************************/ #siteName{ margin: 0px; padding: 0px 0px 10px 10px; position: clear; } /*************** #pageName styles **************/ #pageName{ padding: 0px 0px 10px 10px; } /************* #globalNav styles **************/ #globalNav{ /*color: #7E8A25; font-size: 70%;*/ border: 0px 0px 1px 0px; padding: 2px 0px 2px 0px; /*white-space: nowrap;*/ } /* '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: 80%; padding: 5px 0px 5px 10px; } /************** .feature styles ***************/ .feature{ padding: 0px 10px 10px 10px; /*text-align:justify;*/ font-size: 80%; } .feature h3{ padding: 20px 0px 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{ border-top: 1px solid #c7e200; clear: both; padding: 10px 0px 10px 10px; font-size: 70%; } /*.story p{ padding: 0px 0px 10px 0px; }*/ .story img{ float: left; vertical-align: middle; padding: 0px 15px 10px 10px; /*margin: 0 5px 5px 0;*/ } /************** .story styles *****************/ .sponsor{ border-top: 1px solid #c7e200; clear: both; padding: 10px 0px 10px 10px; font-size: 70%; } /*.sponsor a:link, a:visited, a:hover { color: #000000; }*/ /*.story p{ padding: 0px 0px 10px 0px; }*/ .sponsor img{ vertical-align: middle; padding: 10px 10px 10px 10px; /*margin: 0 5px 5px 0;*/ } /************* #siteInfo styles ***************/ #siteInfo{ clear: both; border-top: 1px solid #f4f5d6; font-size: 70%; /*background-color: #77787B; padding: 10px 10px 10px 10px; margin-top: -1px;*/ } /* 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; } /************* #search styles ***************/ #search{ padding: 5px 0px 5px 10px; /*background-color: #eeeeee; 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 #F5F5F5;} /* 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; background-color: #eeeeee;*/ margin: 0px; padding: 0px 0px 0px 10px; font-size: 70%; font: bold; } #sectionLinks h3{ padding: 2px 0px 2px 0px; } #sectionLinks a:link{ padding: 4px 0px 2px 0px; /*border-top: 1px solid #cccccc;*/ width: 100%; voice-family: "\"}\""; voice-family:inherit; width: auto; } #sectionLinks a:visited{ /*border-top: 1px solid #cccccc;*/ padding: 4px 0px 2px 0px; } #sectionLinks a:hover{ /*border-top: 1px solid #cccccc;*/ background-color: #c7e200; padding: 4px 0px 2px 5px; } /*********** .relatedLinks styles ***********/ .relatedLinks{ margin: 0px; padding: 0px 0px 5px 10px; font-size: 70%; } .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%; } #headlines p{ padding: 5px 0px 5px 0px; }