/* Screen Media Styles - for display on a monitor */ @media screen { body{margin-top: 0px; font-family: Arial, Helvetica, sans-serif; text-align: center; background-color: #cccccc; color: #000000; background-image: url('/images/graphics/bg_page.gif');} /* A wrapping layer for a border, if desired */ #border_layer{border: solid 1px #1e2c75; width: 780px; background: #ffffff url('/images/navigation/bg_border_home.gif'); margin-left: auto; margin-right: auto; text-align: left;} /* Main Navigation and the Search box */ #main_navigation{width: 780px; z-index: 99;} #searchform{margin-bottom: 0px; margin-top: 0px; display: inline;} #searchbox{width: 95px; height: 15px; font-size: 12px; margin: 2px 5px 0px 75px; vertical-align: middle;} #searchbutton{margin-top: 2px; vertical-align: middle;} /* Secondary (side) Navigation */ #secondary_navigation{width: 270px; z-index: 98; float: left; background-image:url('/images/navigation/shadow_bar_04.gif'); background-repeat: no-repeat;} #logo{margin-top: 10px; height: 70px;} #secondary_navigation_links{background-color: #435593; border-bottom: solid 1px #1e2c75; height: 100px;} #user_info{padding: 15px 20px 15px 20px; font-size: 12px; color: #1e2c75;} /* Callouts */ #callout_01{background-color: #e7eaf8; background-image:url('/images/navigation/callout_01.gif'); background-repeat: no-repeat; padding-left: 45px; padding-right: 10px; padding-top: 8px; padding-bottom: 5px; border-bottom: 1px solid #ffffff;} #callout_02{background-color: #c6cbe6; background-image:url('/images/navigation/callout_02.gif'); background-repeat: no-repeat; padding-left: 45px; padding-right: 10px; padding-top: 8px; padding-bottom: 5px; border-bottom: 1px solid #ffffff;} #callout_03{background-color: #9aa2cd; background-image:url('/images/navigation/callout_03.gif'); background-repeat: no-repeat; padding-left: 45px; padding-right: 10px; padding-top: 8px; padding-bottom: 5px;} .callout_title{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #1e2c75; font-weight: bold;} .callout_text{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;} .callout_link{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #1e2c75; text-align: right;} a.callout_link_color{color: #1e2c75; text-decoration: underline;} a.callout_link_color:hover{color: #1e2c75; text-decoration: none;} a.callout_link_color:visited{color: #1e2c75; text-decoration: underline;} a.callout_link_color:visited:hover{color: #1e2c75; text-decoration: none;} /* Logos */ #logos{padding: 0px 11px 15px 11px;} #logos h3{font-size: 12px; text-align: center;} #logos div{margin: 0px auto 0px auto; text-align: center;} /* Main content area */ #content{width: 510px; z-index: 97; float: left; background-image:url('/images/navigation/shadow_bar_02.gif'); background-repeat: no-repeat;} #title{margin-top: 10px; margin-left: 20px; margin-right: 20px; border-bottom: 1px solid #1e2c75;} #sub_title{border-top: 1px solid #1e2c75; border-bottom: 1px solid #1e2c75; border-left: 1px solid #1e2c75; background-color: #c6cbe6; padding: 5px;} #category1{color: #1e2c75; font-size: 12px; font-weight: bold; float: right; padding-right: 67px;} #category2{color: #1e2c75; font-size: 12px; font-weight: bold; padding-left: 19px;} #category1_list{float: right; padding-top: 10px; padding-right: 45px;} #category2_list{padding-top: 10px; padding-left: 5px;} #content ul{font-size: 12px; color: #1e2c75; margin-top: 0px; margin-bottom: 0px; list-style-position: outside; margin-left: 0px; padding-left: 20px;} #content ul li{margin: 0px; padding: 0px; list-style-image:url('/images/navigation/2nd_nav_arrow_03.gif');} #content ul a{color: #1e2c75; text-decoration: underline;} #content ul a:hover{color: #1e2c75; text-decoration: none;} #content ul a:visited{color: #1e2c75; text-decoration: underline;} #content ul a:visited:hover{color: #1e2c75; text-decoration: none;} #splash_image{margin-top: 1px; height: 179px;} #overview{padding: 5px 20px 15px 20px; border-top: 1px solid #1e2c75;} #information{height: 150px; margin-left: 20px; margin-right: 20px; font-size:12px; background: url('/images/navigation/bg_border_content.gif');} /* Footer */ #tertiary_navigation{width: 780px; z-index: 96; clear: both; background-color: #d1d5d8; border-top: solid 1px #1e2c75; padding-top: 5px; padding-bottom: 5px;} #copyright{font-size: 10px; margin-left: 50px;} #legal_links{font-size: 10px; float: right; margin-right: 20px;} #legal_links a{color: #1e2c75;} #legal_links a:hover{color: #1e2c75; text-decoration: none;} #legal_links a:visited{color: #1e2c75;} /* Generic styles */ h1{color: #1e2c75; font-size:18px; margin: 0px;} h2{color: #1e2c75; font-size:14px; margin: 0px;} fieldset{border: 0px; margin: 0px; padding: 0px;} p{font-size: 12px;} img{border: none;} } /* Print Media Styles - what it looks like when you print a page */ @media print { body{margin-top: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #000000;} #border_layer{border: none; text-align: left; background-color: #ffffff;} /* Hide the main and secondary navigation */ #main_navigation{display: none;} #secondary_navigation{display: none;} #content{width: auto;} #content ul{margin-top: 0px; margin-bottom: 0px; list-style-position: outside; margin-left: 0px; padding-left: 30px;} #content ul li{margin-bottom: 8px; padding: 0px; list-style-image:url('/images/navigation/2nd_nav_arrow_03.gif');} #content a{color: #1e2c75; text-decoration: underline;} #content a:visited{color: #1e2c75; text-decoration: underline;} #title{margin-top: 10px; margin-left: 0px; margin-right: 0px; border-bottom: 1px solid #1e2c75;} #splash_image{display: none;} #information{margin-top: 15px; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; font-size:12px;} #sub_title{border-top: 1px solid #1e2c75; border-bottom: 1px solid #1e2c75; padding: 5px;} #category1{color: #1e2c75; font-size: 12px; font-weight: bold; float: right; padding-right: 200px;} #category2{color: #1e2c75; font-size: 12px; font-weight: bold; padding-left: 20px;} #category1_list{float: right; padding-right: 190px;} #category2_list{padding-left: 20px;} #overview{padding: 5px 20px 15px 20px;} /* Footer */ #tertiary_navigation{clear: both; width: auto; z-index: 96; background-color: #dadce5; padding-top: 25px; padding-bottom: 5px;} #copyright{font-size: 10px; text-align: center;} #legal_links{display: none;} /* Generic styles */ h1{color: #1e2c75; font-size:18px; margin: 0px;} h2{color: #1e2c75; font-size:14px; margin: 0px;} h3{color: #1e2c75; font-size:12px; margin: 0px;} } /* H&W WEB PALETTE ======================= MONOCROME ----------------------- Primary Blue: 1e2c75 Secondary Blue: 747daf Tertiary Blue: 9aa2cd Quarternary Blue: c6cbe6 Quintenary Blue: e5e9ff Grey: dadce5 White: ffffff TRI-COLOR ----------------------- Primary Blue: 1e2c75 Primary Red: 751e2d Primary Green: 2d751e */