/***********************************************/ /* Layout Divs */ /***********************************************/ #wrapper { display:table; clear:both; } #masthead{ padding: 0px; width: 100%; background-color: ffffff; border-bottom: 6px solid #336699; border-top: 6px solid #336699; background-image: url(EST_logo_new.gif); background-repeat: no-repeat; background-position: right top; height: 100px; vertical-align: bottom; } #navBar{ float: left; width: 150px; margin: 6px 0 0 0; padding: 0px; background-color: #ffffff; height: 100%; } #features{ margin: 0px; padding: 0px 0px 10px 16px; float:right; width: 25%; } #content{ padding: 12px 2px 2px 12px; margin-left: 150px; margin-right: 26%; background-image: url(EST_graphic_new.gif); background-repeat: no-repeat; background-position: center center; } #copyright{ margin: 0px; padding: 1px 1px 1px 10px; background-color: #336699; clear: both; display:block; left: 0px; } #headlines{ margin: 0px; padding: 0px 0px 10px 10px; float:right; width: 174px; } #features td { background-image: url(curve.gif); background-position: top left; background-repeat: no-repeat; color:#FFFFFF; font-size:80% } td.feature1 { background-color: #336699; border-bottom: 12px solid white; } td.feature2 { background-color: #669999; border-bottom: 12px solid white; } td.feature3 { background-color: #990033; } #tasklinks {display:block; clear:both; font-size:80%} #tasklinks td { vertical-align:top; width: 12%; background-image: url(navbg.gif); background-repeat: repeat-y; background-position: left top; border: 4px solid white; } #tasklinks a {display: block; padding: 4px; height:100px; } #tasklinks td:hover {background-image:none !important; background-color:#ffffff;} #tasklinks a:hover {color: #336699 !important; background-color: #ffffff; text-decoration:none; height:100px;} #poster td { vertical-align:top; } /***** stuff *******/ #nodisplay { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;} #oohpad { float: right; /* width: 226px; */ } .topofpage { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #990000; font-weight: bold; } #contextbox { border: 1px solid #003399; background: #fff; padding: 0px; } #contextbox_Blue { border: 1px solid #003399; background: #fff; padding: 0px; width: 170px; -moz-border-radius-bottomleft:24px; } #contextbox_Red { border: 1px solid #336699; background: #fff; padding: 0px; width: 170px; } .rssright { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #FFFFFF; font-weight: bold; background-color: #003399; padding-left: 5px; padding-top: 1px; border-bottom: 1px solid #003399; padding-bottom: 1px; padding-right: 1px; } .blueunderline { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; /* was 1em */ color: #003399; /* was #3366CC */ font-weight: bold; border-bottom-width: 1px; border-bottom-color: #003399; /* was #3366CC */ border-bottom-style: solid; width:100%; /* clear: right; */ margin-top: 10px; margin-bottom: 10px; padding-left: 0px; /*originally 5 px */ padding-bottom: 2px; } /*********** news and events ***********/ #news_header { color: #ffffff; font-weight: bold; background-color: #003399; padding: 4px; } #newsfeed_header { color: #ffffff; font-weight: bold; background-color: 003399; padding: 4px; } #events_header { color: #ffffff; font-weight: bold; background-color: #cc0000; padding: 4px; } /*********** #sectionLinks styles ***********/ #sectionLinks {position: relative; margin: 0px; padding: 0px; border-bottom: 12px solid #ffffff; background-color: #ffffff; } #sectionLinks h4 a {padding: 2px 0px 2px 10px; font-weight:bold;} #sectionLinks a {display: block; padding: 2px 0px 2px 10px; font-weight: normal;} #sectionLinks a:hover {color: #336699 !important; background-color: #ffffff; text-decoration:none; } #sectionLinks td {color:#000000; font-size:80%;} /*********** Level 2 (home page) styles ***********/ td.level2 {border-top: 1px solid #ffffff; font-weight:bold; color:#000000; background-image:url(navbg.gif); background-repeat:repeat-y;} td.level2 a {color:#000000} td.level2_Self {background-color:#ffffff !important; border-top:1px solid #ffffff; font-weight:bold; color:#336699 !important; background-image:none !important;} /*********** Level 3 styles ***********/ td.level3 {border-top: 1px solid #ffffff; color:#000000 !important; background-image: url(navbg.gif); background-repeat: repeat-y;} td.level3 a {color:#000000 !important} td.level3_Self {padding-left: 12px; background: white none !important; border-top: 1px solid #ffffff; font-weight: bold; color: #336699 !important;} td.level3_Par {background-image:url(navbg.gif); background-repeat: repeat-y;} td.level3_Par a {color: #336699; font-weight: bold!important;} /*********** Level 4 styles ***********/ /* td.level4_Self {padding-left: 12px; background: white none !important; border-top: 1px solid #336600; font-weight: bold; color: #336600 !important;}*/ td.level4_Self {padding-left: 12px; background: white none !important; font-weight: bold; color: #336600 !important;} td.level4_Child {background-color: #336699; border-top: 1px solid #ffffff; color:#ffffff !important;} td.level4_Child a {margin-left: 12px; color:#ffffff!important;} td.level4_Sib {color:#ffffff !important; background-color: #336699; border-top: 1px solid #ffffff;} td.level4_Sib a {color:#ffffff !important; margin-left: 12px;} td.level4_Par {background-color: #ffffff; border-top: 1px solid #336600;} td.level4_Par a {color:#336600 !important; font-weight: bold!important;} td.level4_ParSib {color:#ffffff !important; background-color: #336699; border-top: 1px solid #ffffff;} td.level4_ParSib a {color:#ffffff !important; margin-left: 12px;} /*********** Level 5 styles ***********/ td.level5_Self {margin-left: 24px; background: white none !important; border-top: 1px solid #ffffff; font-weight: bold; color: #333333 !important;} td.level5_Child {color:#336600 !important; background-color: #ffffff; } td.level5_Child a { color:#336600 !important;margin-left: 24px; } td.level5_Sib { color:#336600 !important; background-color: #ffffff; } td.level5_Sib a { color:#336600 !important;margin-left: 24px; } /* td.level5_Self {padding-left: 24px; background: white none !important; border-top: 1px solid #ffffff; font-weight: bold; color: #333333 !important;} */ /***********************************************/ /* HTML tags */ /***********************************************/ body{ color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; line-height:1.166; margin:0; padding:0; } a{ color: #336699; text-decoration: none; } a:link{ color: #336699; text-decoration: none; font-weight: bold; } a:visited{ color: #660066; text-decoration: none; font-weight: bold; } a:hover{ color: #cc6600; font-weight: bold; text-decoration: underline; } a:active{ color: #990033; font-weight: bold; text-decoration: underline; } img.rightalign { float:right; padding-left:12px; } img.lefttalign { float:left; padding-right:12px; } /**********************/ .obtree_HeadingOne{ font-family: Verdana,Arial,sans-serif; font-size: 130%; color: #333366; margin: 0px; padding: 0px; } .obtree_HeadingTwo { color: #006699; font-size: 110%; font-family: Arial, sans-serif; margin: 0; padding: 0 } .obtree_HeadingThree{ font-family: Arial,sans-serif; font-size: 100%; color: #6699ff; margin: 0px; padding: 0px; } /**************************/ h1{ font-family: Arial, Helvetica, sans-serif; font-size: 200%; color: #999999; margin: 0; font-weight: bold; text-align: left; padding: 48px 0 0 12px; } h2 { color: #333333; font-size: 130%; font-family: Verdana, Arial, Helvetica, sans-serif;} h3{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 120%; color: #666699; margin: 0px; padding: 0px; font-weight: bold; } h4{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 110%; font-weight: bold; color: #336600; margin: 0px; padding: 0px; } h5{ font-family: Verdana,Arial,sans-serif; font-size: 100%; color: #663333; margin: 0px; padding: 0px; } ul{ list-style-type: square; } ul ul{ list-style-type: disc; } ul ul ul{ list-style-type: none; } label{ font-family: Arial, sans-serif; font-size: 100%; font-weight: bold; color: #FFFFFF; } /************* #globalNav styles **************/ #globalNav{ padding: 0px 10px 5px 5px; background-color: #ffffff; text-align: right; color: #333333; } #globalNav img{ display: block; } #globalNav a { font-size: 70%; color: #333333; font-weight: normal; } #globalNav a:hover { font-weight: normal; } #globalNav a:visited { font-weight: normal; } #globalNav ul { list-style-type: none; } #globalNav li { display: inline; } /*************** #pageName styles **************/ #pageName{ margin: 0px; padding: 0px 0px 0px 10px; } /************* #breadcrumb styles *************/ #breadcrumb{ font-size: 80%; padding: 2px 0px 12px 0px; } /************** .intro styles ***************/ .intro{ padding: 0px 0px 10px 10px; font-size: 80%; font-weight: bold; } .intro h3{ padding: 30px 0px 5px 0px; font-size: 120%; } .intro img{ float: left; padding: 10px 10px 10px 10px; } /************** .story styles *****************/ .story{ clear: both; padding: 10px 0px 0px 10px; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; } .story p{ padding: 0px 0px 10px 0px; } /************* #siteInfo styles ***************/ #siteInfo{ clear: both; border: 1px solid #cccccc; font-size: 70%; color: #ffffff; background-color: #333366; text-align: right; padding-top: 5px; padding-right: 12px; padding-bottom: 5px; } #siteInfo a { color: #FFFFFF; font-weight: normal; } #siteInfo img{ padding: 4px 4px 4px 10px; vertical-align: middle; } /************* #search styles ***************/ #search{ padding: 5px 0px 5px 10px; font-size: 90%; color: #FFFFFF; background-color: #336699; } #search form{ margin: 0px; padding: 0px; color: #FFFFFF; background-color: #336699; } #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;} /************** #advert styles **************/ #advert{ padding: 30px 0px 10px; } #advert img{ display: block; } /************** #headlines styles **************/ .activepage { background-color: #ffffff } /*********** news and events Box & Text Styles ***********/ .latestboxTxTlrg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; /* was 0.8 */ color: #000000; clear: right; padding-top: 3px; padding-right: 1px; padding-bottom: 3px; padding-left: 5px; font-weight: bold; } .latestboxTxTlrgOrange { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; /* was 0.8 */ color: #FF9933; clear: right; margin: 3px; font-weight: bold; text-decoration: none; } .latestboxTxTlrgOrange a{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF9933; clear: right; font-weight: bold; text-decoration: none; } .latestboxTxTlrgOrange a:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF9933; clear: right; font-weight: bold; text-decoration: underline; } .latestboxTxTlrgGreen { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; /* was 0.8 */ color: #009900; clear: right; margin: 3px; font-weight: bold; text-decoration: none; } .latestboxTxTlrgGreen a{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #009900; clear: right; font-weight: bold; text-decoration: none; } .latestboxTxTlrgGreen a:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #009900; clear: right; font-weight: bold; text-decoration: underline; } .latestboxTxTlrgBlue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; /* was 0.8 */ color: #003399; clear: right; margin: 3px; font-weight: bold; text-decoration: none; } .latestboxTxTlrgBlue a{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #003366; clear: right; font-weight: bold; text-decoration: none; } .latestboxTxTlrgBlue a:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #003366; clear: right; font-weight: bold; text-decoration: underline; } .latestboxTxTlrgBlue a:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; clear: right; font-weight: bold; text-decoration: none; } .latestboxTxTvlrgBlue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; /* was 0.8 */ color: #003399; clear: right; margin: 3px; font-weight: bold; text-decoration: none; } .latestboxTxTvlrgBlue a{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #003399; clear: right; font-weight: bold; text-decoration: none; } .latestboxTxTvlrgBlue a:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #003399; clear: right; font-weight: bold; text-decoration: underline; } #latestboxTxTlrg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; /* was 0.8 */ color: #000000; clear: right; padding-top: 3px; padding-right: 1px; padding-bottom: 3px; padding-left: 5px; font-weight: bold; } /* Black fonts range*/ .TxTBlaExsmlNor { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #000000; } .TxTRedSmlBld { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #FF3300; font-weight: bold; } .TxTRedSmlNor { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #FF3300; } .TxTBlaSmlNor { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #000000; } .TxTBlaMedNor { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; } .TxTBlaLrgNor { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #000000; font-weight: normal; } .TxTBlaMLrgNor { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #000000; } .TxTBlaExLrgNor { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; color: #000000; } .TxTBlaExsmlBld { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #000000; font-weight: bold; } .TxTBlaSmlBld { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #000000; font-weight: bold; } .TxTBlaMedBld { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; font-weight: bold; } .TxTBlaLrgBld { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #000000; font-weight: bold; } .TxTBlaExLrgBld { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #000000; font-weight: bold; } .dashedLineIn { border-top: 1px #666666 dashed; margin: 5px; } .results { background: #E5E5E5; border-bottom: #999999 solid 1px; } .bluelink, a.bluelink{ color: #003399; text-decoration: underline; /* font-size: 1.4em; */ } a:link.bluelink { color: #003399; text-decoration: underline; /* font-size: 1.4em; */ } a:hover.bluelink{ color: #009900; text-decoration: underline; /* font-size: 1.4em; */ } a:visited.bluelink {} /* search link */ .searchlink, a.searchlink{ color: #003399; font-size: 1.4em; text-decoration: underline; } a:link.searchlink { color: #003399; font-size: 1.4em; text-decoration: underline; } a:hover.searchlink{ color: #009900; font-size: 1.4em; text-decoration: underline; } /* [BLACK] */ .blacklink, a.blacklink{ color: #000000; text-decoration: underline; } a:link.blacklink { color: #000000; text-decoration: underline; } a:hover.blacklink{ color: #000000; text-decoration: underline; } a:visited.blacklink { color: #000000; } .blacklinknav, a.blacklinknav{ color: #000000; text-decoration: none; font-weight: normal !important; } a:link.blacklinknav { color: #000000; text-decoration: none; } a:hover.blacklinknav{ color: #000000; text-decoration: underline; } a:visited.blacklinknav { color: #000000; } .breadcrumbTxT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #000000; padding-top: 2px; padding-bottom: 2px; } .TxTBluSmlBld { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #003399; font-weight: bold; } .TxTBluMedBld { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #003399; font-weight: bold; } .greybuttonBlue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #003399; padding-left: 5px; padding-right: 10px; font-weight: bold; background-color: #cccccc; padding-top: 2px; padding-bottom: 2px; clear: both; border: 1px solid #003399; } .greybuttonGrey { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #FFFFFF; padding-left: 5px; padding-right: 10px; font-weight: bold; background-color: #999999; padding-top: 2px; padding-bottom: 2px; clear: both; margin: 5px; border: 1px solid #666666; width:120px; } .greybuttonOrange { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #FFFFFF; padding-left: 5px; padding-right: 10px; font-weight: bold; background-color: #ff9933; padding-top: 2px; padding-bottom: 2px; clear: both; margin: 5px; border: 1px solid #666666; width:120px; } .greybuttonGreen { font-family: Verdana, sans-serif; font-size: 0.6em; color: #fff; padding: 0px 10px 0px 5px; font-weight: bold; background-color: #693; padding: 2px 0px; clear: both; margin: 5px; border: 1px solid #666; width:120px; } .smallTxT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; color: #000000; padding-left: 10px; padding-right: 10px; } .jumpMtxt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; font-weight: normal; color: #000000; } /************ Feedback Form Code ***************/ #emailbox { background-color: #FFFFFF; border: 2px solid #003399; } .greenbgsd { background-color: #009900; border-right: #003399; border-bottom: #003399; border-left: #003399; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; } .TxTWhiLrgBld { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; color: #FFFFFF; } .bluebgsd { background-color: #003399; border-right: #003399; border-bottom: #003399; border-left: #003399; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; } .comFormSubmit{ padding: 5px; background-color: #009900; border: 1px solid #003399; width: 100px; text-align:center; } .TxTWhiSmlBld { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; color: #FFFFFF; } .lightblueheadingTxT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #FFFFFF; padding-left: 5px; padding-right: 5px; font-weight: bold; background-color: #3366CC; padding-top: 2px; padding-bottom: 2px; clear: right; } .lightblueheadingTxT-LSS { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #FFFFFF; padding-left: 5px; padding-right: 10px; font-weight: bold; background-color: #3366CC; padding-top: 2px; padding-bottom: 2px; } #searchbox { padding: 5px; background-color: #CCCCCC; border: 1px solid #009900; } /**** BreadCrumb ***/ .boldBreadcrumb{ color: #333366; text-decoration: none; font-weight: bold; font-size: 1.1em; } /* [WHITE unline] */ .whitelink, a.whitelink{ color: #FFFFFF; text-decoration: none; font-size: 0.6em; } a:link.whitelink { color: #FFFFFF; text-decoration: none; font-size: 0.6em; } a:hover.whitelink { color: #FFFFFF; text-decoration: underline; font-size: 0.6em; } a:visited.whitelink { color: #FFFFFF; text-decoration: none; font-size: 0.6em; }