/* -- GLOBALS ---------------------------------------------------------------------- */

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: .7em Arial, Helvetica, sans-serif; background: #f4f4f4; }
ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
a img { border: none; }
a { text-decoration: none; outline: none; color: #335588; }
a:hover { text-decoration: underline; }

/* -- HEADER ---------------------------------------------------------------------- */

#page-wrap {width: 17cm; }
#top-bar { background: black; /* gray */ height: 2cm; margin: 10px 0 0 0; padding: 0 10px; font-size: 1.3em; font-weight: bold; }
#right-side { float: right; padding-top: 15px; }
#right-side img { border: 1px solid white; vertical-align: middle; }
#right-side a { color: white; border-left: 1px solid white; height: 10px; padding-left: 10px; }
#right-side a.first { border: none; padding: 0; }
form#main-search { display: inline; position: relative; padding-right: 10px; }
form#main-search label { display: none; }
#search-button { position: absolute; right: 0px; top: -6px; }
#zone-bar { display: none; }
#zone-bar ul { display: block; }
#zone-bar ul li { height: 18px; padding: 5px 5px 0 5px; position: relative; float: left; margin-right: 10px; }
#zone-bar ul li:hover { background: url(../images/zonebar-navleft.png) center left no-repeat; }
#zone-bar ul li a { display: block; float: left; height: 23px; position: relative; top: -5px; right: -5px; padding-right: 3px; color: #383838; font-weight: bold; font-size: 1.1em; text-decoration: none; }
#zone-bar ul li a:hover { background: url(../images/zonebar-navright.png) center right no-repeat; }
#zone-bar ul li a span { position: relative; top: 6px; }
#zone-bar ul li ul { display: none; position: absolute; top: 29px; left: 0px; width: 150px; border: 1px solid #ccc; background: white; padding: 10px 0 0 0; z-index: 100; }
#zone-bar ul li ul li { float: none; padding: 0; margin: 0; height: 100%; }
#zone-bar ul li ul li:hover { background: none; }
#zone-bar ul li ul li a { display: block; float: none; margin-left: -5px; padding: 5px 0 0 10px; width: 140px; }
#zone-bar ul li ul li a:hover { background: #daf6fe; }

/* -- CONTENT ---------------------------------------------------------------------- */

#main-content {background: white; padding: 16px; }
#feature-content { margin-bottom: 18px; }
#feature { width: 100%; float: left; margin-right: 25px; background-color: #FFF; }
#story { width: 100%; float: left; margin-right: 25px; background-color: #FFF; }
#featuret p { font-size: 1.2em; line-height: 1.5em; margin-top: 8px; }
.sidebar { display: none; }
#footer { background: #CA6800; margin: 0 0 10px 0; padding: 5px; color: white; font-size: 12px; }
#story { min-height: 900px; width: 70%; float: left; margin: 5px 25px 0 0; padding-right: 25px; border-right: solid 1px #999; font: normal 1.3em/1.3em Times,  serif;}
#story h2{font: bold 1.5em/1em arial,  sans-serif;}
#story p {margin:0 0 .8em 0;}
.byline {font: bold .8em/1em arial,  sans-serif; padding: 10px 0 25px 0;}
.lead-image {float: left; margin: 0 25px 25px 0; border: 1px #c6c3c6 solid;}
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
#toc a {text-decoration: none;}
.toc-blurb { min-height: 50px;  margin-top: 0px; margin-bottom: 3px; border-bottom: 1px #c6c3c6 solid; padding-top: 8px; padding-bottom: 5px; font: normal normal 70% georgia; color: #666;}
.toc-blurb:hover {background-color: #daf6fe;}
.toc-blurb p {font: normal 1.5em/1.3em arial,  sans-serif; color: #000;}
.headline {font: bold 1.7em/1em arial,  sans-serif; color: #CA6800; margin: 0 0 5px 0;}
.subhed {font: bold 1.2em/1em arial,  sans-serif; color: #000; margin: 2.2em 0 1em 0;}


/* -- FOOTER ---------------------------------------------------------------------- */

#footer a { color: white;}