/* General
 --------------------------------------------- */

html { overflow-y: scroll; overflow-x: auto;}
body { overflow: visible; margin: 0; font: 83.3%/1.5 Arial, Helvetica, Verdana, sans-serif; line-height: 1.5; color: #666666; }

h1, h2, h3,
#navigation > li > a { line-height: 1.2; font-weight: 100; font-family: "Proxima Nova", ProximaNova-Light, "Segoe UI Light", Arial, Helvetica, Verdana, sans-serif; }

a { text-decoration: none; color: #388EA7; }
a:hover { text-decoration: underline; }

a img { border: 0; }

h1 { text-transform: lowercase; font-size: 367%; margin: 0; }
h2 { text-transform: lowercase; margin: 25px 0 10px 0; font-size: 200%; }
h3 { font-size: 123%; margin: 20px 0 10px 0; }
h4 { font-size: 100%; margin: 15px 0 5px 0; }
h5 { font-size: 100%; margin: 15px 0 5px 0; font-style: italic; }

ul, ol { margin: 0 0 20px 0; padding: 0 0 0 25px; }
li ul, li ol { margin: 0; }
p { margin: 0 0 20px 0; }

button, input.button, a.button { display: inline-block; color: #FFFFFF; text-decoration: none; font-family: "ProximaNova-Semibold", "Segoe UI Semibold", Arial, Helvetica, Verdana, sans-serif; text-transform: uppercase; }

.screenreader { display: none; }

/* Header
 --------------------------------------------- */

#headerBand { height: 7px; background: #13A4CE url(?p=global/img/header-band.png) repeat-y center; }

#branding a.logo { display: block; height: 100px; width: 500px; background: url(?p=global/img/logo.png); position: absolute; top: 25px; left: 5px; }

#header { width: 960px; height: 193px; margin: 0 auto; position: relative; }

#navigation { position: absolute; bottom: 18px; left: 5px; right: 5px; list-style: none; margin: 0; padding: 0; }
#navigation > li:first-child { margin-left: 0; }
#navigation > li { float: left; margin-left: 55px; }
#navigation > li > a { display: block; padding: 5px 0; color: #BFBFBF; font-size: 185%; text-transform: lowercase; text-decoration: none; }
#navigation > li > a:hover { color: #999999; }
#navigation > li.active > a { color: #3C3C3C; }

#user { position: absolute; top: 13px; right: 10px; list-style: none; margin: 0; padding: 0; }
#user > li { padding: 0 10px; border-left: 1px solid #999999; float: left; }
#user > li:first-child { border-left: 0; }
#user > li > a { font-size: 84.6%; color: #666666; text-decoration: none; display: block; font-weight: bold; text-transform: uppercase; }
#user > li.dropdown > a > span.arrow { margin-left: 5px; vertical-align: middle; display: inline-block; background: url(?p=global/img/user-menu-downarrow.gif) top; width: 7px; height: 5px;  }
#user > li.dropdown:hover > a > span.arrow { background-position: bottom; }
#user > li:hover > a { color: #333333; }

#user > li > div { min-width: 100px; display: none; }
#user > li:hover > div { z-index: 5; position: absolute; display: block; padding: 10px; border: 1px solid #999999; background: #FFFFFF; }
#user > li > div > ul { margin: 0; padding: 0; list-style: none; }
#user > li > div > ul a { display: block; }

#siteSearchForm { padding: 0; margin: 0; position: absolute; left: 670px; top: 73px; }
#siteSearchForm input.input-text { margin: 0; background: #FFF url(?p=global/img/search-box.png) 228px 7px no-repeat; width: 215px; height: 18px; padding: 5px 32px 5px 7px; border: 1px solid #CCCCCC; border-radius: 3px; line-height: 18px; }
#siteSearchForm input.input-text.empty { color: #999999; text-transform: uppercase; font-size: 92.3%; font-weight: bold; }

/* Body
 --------------------------------------------- */

#bodyContainer { line-height: 1; text-align: center; }
#bodyContainer > * { line-height: 1.5; text-align: left; }
#body { position: relative; display: inline-block; width: 960px; margin: 0 auto 50px auto; min-height: 325px; }

#breadcrumbTitleContainer { color: #333333; border-top: 1px solid #E6E6E6; margin-bottom: 25px; }
#breadcrumbTitle { width: 950px; padding: 30px 5px 0 5px; margin: 0 auto; }
#breadcrumbTitle .breadcrumb { text-transform: uppercase; font-size: 92.3%; }
#breadcrumbTitle .breadcrumb a { color: inherit; *color: expression(this.parentNode.currentStyle['color']); }
#breadcrumbTitle .breadcrumb span.sep { margin: 0 7px; }
body.hasbanner #breadcrumbTitleContainer { border-top: 0; }
body.hasbanner #breadcrumbTitle { padding: 30px 5px 20px 5px; }

#sidenav { float: left; width: 185px; margin: 0 10px 0 5px; height: 100%; }
#sidenav .sidenav-section.subpages { border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; padding: 10px 0; }
#sidenav .sidenav-section.subpages ul, #sidenav .sidenav-section.tableofcontents ul { margin: 0 0 0 10px; padding: 0; list-style: none; text-transform: uppercase; }
#sidenav .sidenav-section.subpages > ul, #sidenav .sidenav-section.tableofcontents > ul { margin: 0; font-size: 92.3%; }
#sidenav .sidenav-section.subpages li, #sidenav .sidenav-section.tableofcontents li { margin: 10px 0; }
#sidenav .sidenav-section.subpages a, #sidenav .sidenav-section.tableofcontents a { display: block; color: #666666; text-decoration: none; }
#sidenav .sidenav-section.subpages a:hover, #sidenav .sidenav-section.tableofcontents a:hover { color: #333333; }
#sidenav .sidenav-section.subpages li.active > a { color: #333333; font-weight: bold; }
#sidenav h2 { color: #333333; margin: 20px 0; font-size: 169%; }

#sidebar { float: right; width: 260px; margin: 0 5px 0 10px; }
#sidebar .sidebar-section { border-top: 1px solid #E6E6E6; margin-bottom: 20px; }
#sidebar .sidebar-section:first-child { border-top: 0; }
#sidebar .sidebar-section.logo { padding: 0 0 0 20px; }
#sidebar h2 { color: #333333; margin: 20px 0 10px 0; font-size: 169%; }
#sidebar.news { width: 280px; }
#sidebar span.meta { color: #333333; display: block; text-transform: uppercase; font-weight: bold; font-size: 92.3%; }
#sidebar h3 { margin: 0 0 10px 0; font-size: 154%; color: #444444; }

#sidebar > *:first-child, #content > *:first-child { margin-top: 0; }

#content h2 { color: #333333; }
#content { margin: 0 5px; float: left; width: 750px; }
#sidebar~#content { width: 670px; }
#sidenav~#sidebar~#content { width: 475px; }
#sidebar.news~#content { width: 650px; }
#news h2 { font-size: 185%; }

div.entry { margin-bottom: 25px; }

/* Homepage */
#hpFeatureContainer { background: #033C4B url(?p=global/img/feature-bg.gif) repeat-x top; min-height: 420px; margin-bottom: 25px; }
#hpFeature { color: #FFFFFF; width: 960px; margin: 0 auto; position: relative; }
#hpFeature .slide { padding: 30px 5px; width: 950px; }
#hpFeature .slidepic { position: relative; width: 640px; height: 360px; margin: 0 0 0 5px; background: #999999; float: left; box-shadow: 0 2px 7px rgba(0,0,0,0.65); }
#hpFeature .slidepic img { position: absolute; }
#hpFeature .slidetext { width: 280px; float: right; }
#hpFeature .slidetext h2 { margin: 5px 0 20px 0; text-transform: none; }
#hpFeature .slidecaption { position: absolute; bottom: 0; width: 100%; background: #000000; background: rgba(0,0,0,0.75); }
#hpFeature .slidenav { float: left; list-style: none; margin: 13px 15px 13px 20px; padding: 0; }
#hpFeature .slidenav li { margin: 0 5px 0 0; padding: 0; float: left; }
#hpFeature .slidenav li a { opacity: 0.6; display: block; height: 14px; width: 14px; overflow: hidden; text-indent: -99px; background: url(?p=global/img/feature-select.png) 14px 0; }
#hpFeature .slidenav li:hover a { opacity: 1; }
#hpFeature .slidenav li.active a { opacity: 1; background-position: 0 0; }
#hpFeature .slidecaptiontext { margin: 10px 20px 10px 20px; }

#hpFeature .slidetag { box-shadow: 1px 0 5px rgba(0,0,0,0.5); font-weight: bold; font-size: 84.6%; margin: 10px 0 5px 0; display: inline-block; padding: 5px 10px; text-transform: uppercase; }
button, input.button, #hpFeature .slidetext a.button { box-sizing: content-box; color: white; outline: none; font-size: 108%; height: 22px; padding: 3px 35px; box-shadow: 1px 0 5px rgba(0,0,0,0.5); border: 1px solid #09B4E5; background: #09B4E5 url(?p=global/img/feature-button-bg.png) top; }
button:hover, input.button:hover, #hpFeature .slidetext a.button:hover { background-position: center; }
button:active, input.button:active, #hpFeature .slidetext a.button:active, button:focus, input.button:focus, #hpFeature .slidetext a.button:focus { background-position: bottom; }

/* Footer
 --------------------------------------------- */

#sitemapContainer { background: #E4E4DC; }
#sitemap { width: 950px; overflow: auto; margin: 0 auto; padding: 20px 5px 40px 5px; }
#sitemap .column {  float: left; xwidth: 140px; width: 170px; padding: 0 20px 0 0; }
#sitemap h3 { font-size: 138%; margin: 0 0 15px 0; text-transform: lowercase; }
#sitemap ul { margin: 0; padding: 0; list-style: none; } 
#sitemap ul li { margin: 0 0 10px 0; }
#sitemap h3 a,
#sitemap ul a { display: block; color: #666666; text-decoration: none; }
#sitemap h3 a:hover,
#sitemap ul a:hover { color: #333333; }

#footer { width: 960px; margin: 0 auto; height: 90px; font-size: 92.3%; }
#footer a { text-decoration: none; }

#footer ul { list-style: none; margin: 0; padding: 0; }
#footer ul li > a { color: #37C4EB; text-transform: uppercase; font-weight: bold; font-size: 92.7%; }
#footer ul li > a:hover { color: #13A4CE; }

#footer ul.links { padding: 15px 0; float: left; }
#footer ul.links li { float: left; margin: 0 10px 0 0; }

#footer ul.legal { padding: 15px 0; float: right; }
#footer ul.legal li { float: left; margin: 0 0 0 10px; }
#footer ul.legal li a.inlinelink { color: #666666; border-bottom: 1px dotted #666666; }
#footer ul.legal li a.inlinelink:hover { color: #333333; border-bottom: 1px dotted #333333; }