/********************************************************************************************** CSS on Sails Title:Website Author:XHTMLized Date:August 2008 ********************************************************************************************** 1. BASE 1.1 Reset 1.2 Default styles 1.3 Basic styles 2. LAYOUT 2.1 Header 2.2 Content 2.3 Footer ***********************************************************************************************/ /* 1. BASE ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 1.1 Reset -----------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size:100%;vertical-align:baseline;background:transparent;} body {line-height:1;} ol, ul {list-style:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse;border-spacing:0;} /* 1.2 Default styles -----------------------------------------------------------------------------------------------*/ body {font-size:62.5%;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;} hr {display:none;} strong {font-weight:bold;} em {font-style:italic;} abbr, acronym {border-bottom:1px dotted #999;cursor:help;} input, textarea, select {font:1.2em Arial, Helvetica, sans-serif;} a {color:#cc6633;text-decoration:none;} a:hover, a:active {color:#ccc;text-decoration:none;} /* 1.3 Basic styles -----------------------------------------------------------------------------------------------*/ .hide {display:none;} .clear {clear:both;} br.clear {font-size:0;line-height:0;height:0;overflow:hidden;} .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} /* 2. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ .container {position:relative;margin:0 auto;text-align:left;width:945px;} #header {height:216px;} #content {padding-bottom:30px;} #footer {clear:both;} /* Main Backgrounds */ body {background:#565152;color:#999;} #page {background:url(../images/bg_page.gif) top center repeat-y;} #header {background:url(../images/bg_header.gif) top center no-repeat;} #footer {background:#565152;} /* 2.1 Header -----------------------------------------------------------------------------------------------*/ #header .logo {position:absolute;top:137px;left:-6px;} /* Top Right Tools */ #header #tools {position:absolute;top:19px;right:-7px;height:48px;} #header #tools ul {height:30px;} #header #tools ul li {float:right;padding-right:1px;background:url(../images/tools-sep.gif) left center no-repeat;} #header #tools ul li.first {background:none;padding-right:0;} #header #tools ul li a {float:left;line-height:30px;padding:0 8px;font-size:9px;font-weight:bold;color:#fff;text-decoration:none;} #header #tools ul li a:hover {color: #999;} #header #tools form.search {clear:both;width:153px;float:right;padding-right:7px;} #header #tools form.search input#search_site {float:left;font-size:10px;height:14px;width:119px;padding:2px 1px 0px 4px;color:#777; background-image:url(/home/files/images/bg_searchinput.gif);background-position:top left;background-repeat:no-repeat;background-color:#eaeaea; border-top:1px solid #646061;border-right:1px solid #cecece;border-bottom:1px solid #e4e4e4;border-left:1px solid #929090;} body.js #header #tools form.search input#search_site {background-image:url(../images/bg_searchinput-labeled.gif);} body.js #header #tools form.search input#search_site.focus {background-image:url(/home/files/images/bg_searchinput.gif);} #header #tools form.search input#q {float:left;font-size:10px;height:14px;width:119px;padding:2px 1px 0px 4px;color:#777; background-color:#eaeaea; border-top:1px solid #646061;border-right:1px solid #cecece;border-bottom:1px solid #e4e4e4;border-left:1px solid #929090;} body.js #header #tools form.search input.buttonimg {float:left;} /* Main Navigation */ #header #navigation {height:110px;width:805px;position:absolute;top:89px;left:140px;} #header #navigation ul.menu {} #header #navigation ul.menu li {float:left;padding:52px 0 0 10px;margin-right:9px;background:url(../images/navigation-sep.gif) left 62px no-repeat;} #header #navigation ul.menu li.first {background:none;} #header #navigation ul.menu li ul {} #header #navigation ul.menu li ul li {clear:both;padding:0;font-weight:bold;font-size:9px;line-height:15px;color:#ccc;background:none;margin:0;} #header #navigation ul.menu li ul li a {float:left;white-space:nowrap;color:#ccc;text-decoration:none;} #header #navigation ul.menu li ul li.sub a {font-weight:normal;} #header #navigation ul.menu li ul li a:hover {text-decoration:none;color:#cccc99;} /* Toolkit */ #header #navigation ul.menu li#toolkit {position:relative;float:right;width:250px;padding:7px 0 0 0;margin:0;background:none;} #header #navigation ul.menu li#toolkit h4 {margin:0 0 4px 0;} #header #navigation ul.menu li#toolkit ol {} #header #navigation ul.menu li#toolkit ol li {padding:0;width:122px;margin-bottom:4px;margin-right:0;} #header #navigation ul.menu li#toolkit ol li.left {float:left;clear:left;} #header #navigation ul.menu li#toolkit ol li.right {float:right;clear:right;} #header #navigation ul.menu li#toolkit ol li a {font-size:9px;font-weight:bold;display:block;color:#CCCC99;background:#565152;padding:0 2px 0 8px;width:112px;line-height:18px;text-decoration:none;} #header #navigation ul.menu li#toolkit ol li a:hover {text-decoration:none;color:#ccc;} /* Social Media Icons */ #header #navigation ul.menu li#toolkit #iconInstagram {position: absolute; bottom:58px; right: 80px;} #header #navigation ul.menu li#toolkit #iconTwitter {position: absolute; bottom:58px; right: 54px;} #header #navigation ul.menu li#toolkit #iconFacebook {position: absolute; bottom:58px; right: 28px;} #header #navigation ul.menu li#toolkit #iconYoutube {position: absolute; bottom:58px; right: 2px;} #accessibility-links {position:absolute;left:-1000em;text-align:left;} /* 2.2 Content -----------------------------------------------------------------------------------------------*/ /* crisis space delcarations added by mlupi 3.16.2009 */ #crisis {padding: 20px; color: #fff; background-color: #000; font-family: verdana, arial, sans-serif;} #crisis h1 {font-size: 24pt;} #crisis p {margin-top: 1.28em; margin-bottom: 1.28em; font-size: 14pt;} #crisis a {font-size: 14pt;} #crisis ol {list-style-type: decimal; margin-left: 30px; font-size: 14pt;} #crisis ul {list-style-type: square; margin-left: 30px; font-size: 14pt;} div.notification {background:#6699cc;padding:7px 16px;margin:0 0 10px 0;} div.notification p {font-size:1.4em;line-height:1.28em;} div.notification p a {display:block;text-decoration:none;color:#fff;} div.notification p a span {/*background:url(../images/arr.gif) right center no-repeat;padding-right:20px;*/} div.notification p a:hover {color:#333;} /* extra declarations added by mlupi 3.16.2009 for more urgent notices */ div.urgent {background:#fcd00d;padding:7px 16px;margin:0 0 10px 0;} div.urgent p {font-size:1.4em;line-height:1.28em; color: #000;} div.urgent p a {display:block;text-decoration:none;color:#000;} div.urgent p a span {/*background:url(../images/arr.gif) right center no-repeat;padding-right:20px;*/} div.urgent p a:hover {color:#fff;} ul.imaging {} ul.imaging li {margin:0 0 10px 0;} ul.imaging li {position:relative;} ul.imaging li a {position:absolute;top:30px;left:10px;display:block;width:290px;height:30px;background:url(../images/blank.gif);cursor:pointer;} ul.imaging li a:hover {text-decoration:none;} ul.imaging li a span.text {position:absolute;width:290px;height:30px;top:0px;left:0px;} ul.imaging li img {display:block;} ul.imaging li a span.popup {position:absolute;bottom:34px;left:-9999px;width:266px;background:url(../images/bg_popup-top.gif) top no-repeat #797979;padding-top:7px;} ul.imaging li a.hover {background:url(../images/blank.gif);} ul.imaging li a.hover span.popup {left:-15px;} ul.imaging li a span.popup strong {display:block;padding:0 9px;font-weight:normal;color:#000;font-size:9px;line-height:11px;padding-bottom:2px;} ul.imaging li a span.popup b {display:block;height:5px;overflow:hidden;background:url(../images/bg_popup-bot.gif) top left no-repeat;} #content {color:#fff;} #content p {line-height:1.4em;} #content #main {position:relative;margin:0 0 10px 0;height:auto;} #content #main img.back {position:static;} /* Overlay for the "more" link -- wxh modified by mlupi 3.16.2009 */ #content #main a.featured {position:absolute;bottom:0;right:0;width:380px;height:95px;text-indent:-9999px;background:url(../images/blank.gif);} /* Accordion */ #content #main ul.accordion {position:absolute;top:28px;left:16px;width:913px;} #content #main ul.accordion li {} #content #main ul.accordion li h3 {} #content #main ul.accordion li h3 a {display:block;overflow:hidden;text-indent:-9999px;background-position:top left;background-repeat:no-repeat;cursor:pointer;} #content #main ul.accordion li h3 a:hover, #content #main ul.accordion li.active h3 a {background-position:bottom left;} #content #main ul.accordion li.active h3 a {cursor:default;} #content #main ul.accordion li.news h3 {padding-bottom:2px;} #content #main ul.accordion li.news h3 a {width:82px;height:24px;background-image:url(../images/news.png);} #content #main ul.accordion li.events h3 a {width:98px;height:28px;background-image:url(../images/events.png);} #content #main ul.accordion li.topics h3 a {width:105px;height:39px;background-image:url(../images/topics.png);} #content #main ul.accordion li div.expand {display:none;} #content #main ul.accordion li div.expand div.contents {margin:4px 0;padding:1px 16px;background-image:url(../images/bg_overlay.png);min-height:60px;} * html #content #main ul.accordion li div.expand div.contents {height:60px;} #content #main ul.accordion li div.expand div.contents p {margin:5px 0;} #content #main ul.accordion li div.expand div.contents p.homemore {text-align: right; margin-top: -18px;font-weight: bold;} /* 3 lines for more link in News/Events by js 12.13.2009 */ #content #main ul.accordion li div.expand div.contents p.homemore a {color: #CCCC99;font-size:0.85em;} #content #main ul.accordion li div.expand div.contents p.homemore a:hover {color:#FFFFFF;} a.boxlink {color: #fff;} /* added by mlupi 3.16.2009 */ a.boxlink:hover {color: #cccc99;} /* added by mlupi 3.16.2009 */ /* 2.3 Footer -----------------------------------------------------------------------------------------------*/ #footer {padding:3px 15px 15px;} #footer p {line-height:20px;font-size:9px;color:#333;text-align:right;} #footer p a {color:#333;text-decoration:none;} #footer p a:hover {text-decoration:underline;}