html {background: #2F5353 !important;}
body {background: white; color: #333;}
#header-wrap {background: #cce2f2 url(../images/bg-header.png) repeat-x 0 0;}
#header {height: 77px; overflow: hidden;}
#logo {}
#search {position: relative; top: 40px;}
#tagline {}
#middle-wrap {background: #2f5353; border-bottom: 6px solid #233F3F;}
#middle {color: #fff;}
#pitch {padding-top: 1.5em; padding-bottom: 1em; font-size: 100%;}
#map-button {overflow: hidden; clear: both;}
#map-button a {clear: both; margin: 0; padding: 0; display: block; height: 79px; width: 310px; background: url(../images/map-button.png) no-repeat 0 0; text-indent:-9999px; border-bottom: none !important;}
#slideshow {margin: 1.5em 0; color: #ccc; background: white;}
#bottom {background: transparent url(../images/bg-bottom.png) repeat-y 680px 0px;}
#bottom-home {background: transparent url(../images/bg-bottom-home.png) repeat-y 600px 0px;}
#content {padding-bottom: 2.5em;}
#fact-sheets {min-height: 200px;}
#did-you-know {ba/ckground: #CCE1F2 url(../images/bg-bottom.png) repeat-y top left;}
.padding-top {padding-top: 1.5em;}
#nav-wrap {clear: both; background: #cce2f2 url(../images/bg-nav.png) repeat-x 0 0; /*background: white;*/ border-bottom: 6px solid #233F3F;}
#navigation {clear: both;}
#navigation ul {float: left; margin: 0 0 0 22px; padding: 0; list-style: none; border-right: 1px solid #cce2f2 !important;}
#navigation li {float: left; margin: 0; padding: 0;}
#navigation li a {display: block; margin: 0; line-height: 36px; padding: 0 1.5em; /*font-family: "Lucida Grande", Tahoma, sans-serif;*/ font-weight: bold; text-decoration: none; border-bottom: none; color: #1D405C; color: #233F3F; border-left: 1px solid #cce2f2;}
#navigation li a.on {background: #233F3F; border-left: 1px solid #2F5353; color: #cce2f2; color: white;}
#navigation li a:hover {background: #233F3F; border-left: 1px solid #2F5353; color: #cce2f2; color: white;}
/*#nav-crew-on-deck {display: none;}*/
/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */
/* remove all list stylings */
.menu, .menu ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.menu ul {margin-left: 0 !important;}
.menu li {position: relative; float: left; z-index: 5; margin: 0; padding: 0; border: 0; display: block;}
.menu li:hover {z-index: 10000; white-space: normal;}
.menu li li {float: none;}
.menu li li a {height: auto !important; width: 15.25em !important; border: 0 !important; padding: .25em 1em; background: #233F3F !important; color: white !important; font-weight: normal !important;}
.menu li li a:hover {background: #4C6F6F !important; color: #fff !important;}
.menu ul {visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0;}
.menu li:hover>ul {
visibility: visible; /* display submenu them on hover */
top: 100%; /* 1st level go below their parent item */
}
.menu li li:hover>ul { /* 2nd+ levels go on the right side of the parent item */
top: 0;
left: 100%;
}
/* -- float.clear --
force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.menu, .menu ul { /* IE7 float clear: */
min-height: 0;
}
/* -- float.clear.END -- */
/* -- sticky.submenu --
it should not disappear when your mouse moves a bit outside the submenu
YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
if you do it, make sure you 110% know what you do */
.menu ul {
background-image: url(../images/empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
/*background: #f00;*/ /* uncomment this if you want to see the "safe" area.
you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */
.menu ul {
width: 11em;
}
.menu ul>li + li { /* and remove the top border on all but first item in the list */
border-top: 0;
}
#sub-navigation {margin: 0 0 1.5em 0;}
#sub-navigation ul {margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #B4CDDE;}
#sub-navigation li {padding: 0; margin: 0;}
#sub-navigation li a {display: block; margin: 0; padding: .5em 9px .5em 14px; text-decoration: none; border-bottom: none; border-top: 1px solid #D5E7F4; background: #B5CEDF;}
* html #sub-navigation li a {width: 100%;}
#sub-navigation li.on a {font-weight: bold;}
#sub-navigation li.parent a {font-weight: bold; background: transparent; border-top: 0 !important; padding: .5em 5px !important;}
#sub-navigation li a:hover, #sub-navigation li.parent a:hover {background: #1D405C; color: white;}
#sub-navigation ul ul {display: none; margin: 0 0 10px 0; padding: 0; list-style: none; border-top: 1px solid #B4CDDE; border-bottom: none;}
#sub-navigation ul ul li {margin: .5em 0; padding-left: 26px;}
#sub-navigation ul ul li a {margin: 0; padding: 0; line-height: 1.4; font-size: 94%; text-decoration: none; background: none !important; display: block; border: none; font-weight: normal !important; color: #1D405C !important;}
#sub-navigation ul ul li a:hover {text-decoration: underline;}
#sub-navigation ul ul li.selected a {font-weight: bold !important;}
#footer-wrap {border-top: 6px solid #233F3F; background: #2F5353;}
#footer {color: #D7EAEA; padding-top: 1.5em;}
#footer p {padding: 0; line-height: 1.7;}
#footer a, #pitch a {color: #D7EAEA; text-decoration: underline; border-bottom: none;}
#footer a:hover, #footer a:focus, #pitch a:hover, #pitch a:focus {color: white;}
#promo {padding: 1.5em; color: white; background: #333;}
#footer-body {margin-bottom: 100px;}
#footer-body h4 a {display: block; width: 179px !important; height: 80px; text-indent: -9999px; background: url(../images/clia-logo.png) repeat-x 0 0 !important; padding: 0 !important;}
#footer .external {padding: 0 !important; background: transparent;}
#footer-body ul {oveflow: hidden; list-style: none; margin: .5em 0 .75em 0; padding: 0;}
#footer-body li {float: left; margin: 0; padding: 0;}
#footer-body li a {margin: 0; padding: 0 1.5em; text-decoration: underline; color: #D7EAEA; border-right: 1px solid #598F8F;}
#footer-body li:first-child a {padding-left: 0;}
#footer-body li a.last {border-right: none;}
#footer-body li a:hover {color: #cce2f2; color: white;}
ul.arrow {margin: 0 0 1.5em 0; padding: 0; list-style: none;}
#did-you-know ul.arrow {margin: 0 0 1.5em 0;}
ul.arrow li {background: url(../images/circle.png) no-repeat 0 4px; padding: 0 0 6px 16px;}
ul.arrow li {fon/t-size: 95%;}
/* links */
a {outline: 0;}
a:link {color: #1D405C; /*text-decoration: none; border-bottom: 1px solid #1D405C;*/}
a:visited {color: #1D405C; /*text-decoration: none; border-bottom: 1px solid #1D405C;*/}
a:hover, a:active {color: #7591A7; /*text-decoration: none; border-bottom: 1px solid #7591A7;*/}
a img {background-color: #fff; border-bottom: none !important;}
a.btn {border: none !important;}
.more a, a.more {border-bottom: none; background: url(../images/arrow.gif) no-repeat 0 2px; padding: 0 0 0 12px; /*font-style: italic;*/}
.more a:hover, .more a:focus, a.more:hover, a.more:focus {border-bottom: none; text-decoration: underline; color: #7591A7;background: url(../images/arrow.gif) no-repeat 0 -9px;}
h1 a {margin: 0 0 0 22px; padding: 0; display: block; height: 77px; width: 260px; background: url(../images/logo.png) no-repeat 0 0; text-indent:-9999px; border-bottom: none !important; font-size: 14px;}
h1 a:hover {border-bottom: none !important;}
h2 {font-size: 170%; color: #233F3F; font-family: helvetica, arial, sans-serif; font-weight: bold;}
h2.pitch-top {color: white; font-size: 21px; font-family: helvetica, arial, sans-serif; text-shadow: 0px 1px 0px #233F3F;
}
h3 {color: #233F3F; font-size: 18px; font-family: Arial, Tahoma, "Lucida Grande", sans-serif; font-weight: bold;}
#did-you-know h3 {color: #1D405C; text-shadow: 0px 2px 0px #EFF8FF; /*font-size: 14px; padding: .2em 0 .5em 0; fo/nt-weight: normal; border-bottom: 1px solid #B4CDDE;*/}
h4 {font-size: 130%; margin: 0 0 .5em 0; padding: 0; font-family: arial, helvetica, sans-serif;}
h4 span {display: block; font-size: 90%;}
h5 {font-size: 105%; margin: 0 0 .25em 0; padding: 0; font-family: arial, helvetica, sans-serif;}
h2 span, h3 span, h4 span, h5 span, h6 span {color: #999;}
p {}
/*blockquote {margin: 1.5em 0; padding-left: 1.8em; color: saddlebrown;}
blockquote a:link, blockquote a:visited {color: saddlebrown;}*/
blockquote {font-style: normal; background: transparent url(../images/open-quote.png) no-repeat 0 2px; margin: 0 0 2em; }
blockquote cite {font-style: italic;}
blockquote > p:first-child {text-indent: 24px; font-size: 14px; margin-bottom: 0.75em; color: #333;}
span.last-word {padding: 0 22px 0 0; background: transparent url(../images/close-quote.png) no-repeat right 50%;}
hr {}
ul, ol {margin: 0 0 .25em 2em; padding: 0;}
ol {padding-left: .75em;}
li {margin: .25em 0; padding: 0;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.italics {font-style: italics;}
fieldset {margin: 0 0 1.5em 0; padding: 0; border: none;}
legend {font-size: 150%; padding: 0 0 1em 0; font-weight: normal; color: midnightblue;}
code, abbr {font-family: monaco, courier, monospace; color: #0066ff;}
dl, dt {margin: 0; padding: 0;}
dl {margin-bottom: .25em;}
dd {margin: 0; padding: 0 0 .25em 0;}
.bold {font-weight: bold;}
.border-left {border-left: 1px solid #cce2f2; margin-left: -1px;}
.border-right {border-right: 1px solid #cce2f2; margin-left: -1px;}
/* error messaging */
#error {margin: 1.2em 0; padding: .25em 0; background: #FFDFDF; color: #cc0000; border: 1px solid #EFA4A4;}
#error ul {margin: 0; padding: .25em 2em; font-weight: bold;}
#action {margin: 1.2em 0; padding: .25em 0; background: #EDFFDF; color: #009900; border: 1px solid #B6EFA4;}
#action ul {margin: 0; padding: .25em 2em; font-weight: bold;}
a.pdf { /*The background image*/
background: url(../images/pdf.png) no-repeat left center !important;
padding-left: 20px;
line-height: 16px; /* To center the text vertically with the icon */
}
a.txt { /*The background image*/
background: url(../images/txt.png) no-repeat left center;
padding-left: 20px;
line-height: 16px;
}
a.zip { /*The background image*/
background: url(../images/zip.png) no-repeat left center;
padding-left: 20px;
line-height: 16px;
}
/*
a.email {
background: url(../images/email.png) no-repeat left center;
padding-left: 20px;
line-height: 16px;
}*/
a.external {
background: url(../images/ext_link.png) no-repeat left center;
padding-left: 20px;
line-height: 16px;
}