@charset "UTF-8";

body {background-color:#ffffff!important; font-family: Helvetica, Arial, sans-serif; font-size:16px; color:#333333; }
#home_header {width:960px; height:143px; background:url("../images/katie/home_header.png");}
#story_header{width:960px; height:56px;}

#main_nav {width:960px; height:30px; border-bottom:1px solid black;}
#main_nav ul {list-style:none; margin:0; padding:0;}
#main_nav ul li {float:left; padding: 5px 0 0 30px; display:block; height:20px; margin-right:20px;}
#main_nav ul li a:link {text-decoration:none; color:#333333; font-size: 14px;}
#main_nav ul li a:visited {color:#333333;}
#main_nav ul li a:hover {color:#666666;}
#main_nav ul li a:active {color:#cc0000;}

#map_content_wrap {width:960px;}
#map_content_wrap h1 {font-weight:100; color:#cc0000; font-size:42px; line-height:40px; display:block; width:470px;padding-right:20px; height:90px; margin-bottom:0;}

#home_content_wrap {width:960px; height:500px; background:url("../images/katie/home_image.png") no-repeat;}
#home_content {width:395px; float:right;}

#home_content h1 {text-transform:uppercase; font-size:22px; color:#cc0000; font-weight:normal;}

#home_content ul {list-style:none; margin:0 0 25px 0; padding:0;}
#home_content ul li {padding:7px 0 5px 30px; display:block; height:18px; margin-bottom:7px;}
li.list_story {background:url("../images/katie/story_icon.png") no-repeat;}
li.list_whoswho {background:url("../images/katie/whoswho_icon.png") no-repeat;}
li.list_map {background:url("../images/katie/map_icon.png") no-repeat;}
li.list_glossary {background:url("../images/katie/glossary_icon.png") no-repeat;}

#home_content ul li a:link {text-decoration:none; color:#333333; font-weight:bold; font-size:14px; }
#home_content ul li a:visited {color:#333333;}
#home_content ul li a:hover {text-decoration:underline;}
#home_content ul li a:active {color:#cc0000;}

#story_sidebar {float:left; width:200px;  margin-top:170px; }
#story_sidebar ol {font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:bold; margin:0; }
#story_sidebar ol li {margin: 0 0 10px 0;}
#story_sidebar ol li a:link {color:#333333; text-decoration:none;}
#story_sidebar ol li a:visited {color:#333333;}
#story_sidebar ol li a:hover {text-decoration:underline;}
#story_sidebar ol li a:active {color:#cc0000;}
a.active {color:#cc0000!important;}

#story_content {width:750px; float:right;}
#story_content_wide {width:960px; margin:0 auto;}
#story_content h1 {font-weight:100; color:#cc0000; font-size:42px; line-height:40px; display:block; width:500px;padding-right:20px; margin-bottom:0;}
#story_content_wide h1 {font-weight:100; color:#cc0000; font-size:42px; line-height:40px; display:block; padding-right:20px; padding-left:20px; margin-bottom:0;}
#story_content span.byline {font-size:18px; font-weight:100;}
#story_content_wide span.byline {font-size:18px; font-weight:100; padding-left:20px;}
#story {border-left: 1px solid black; padding: 0 70px 0 20px; margin-top:25px;}
#story blockquote {font-family:"Times New Roman", Times, serif; font-size:26px; font-weight:bold; margin: 25px 135px;}

.first_letter {font-size:30px;}

#whoswho_wrap {width:960px; height:760px; position:relative;}
#whoswho_wrap h1 {font-weight:100; color:#cc0000; font-size:42px; line-height:40px; display:block; width:470px;padding-right:20px; height:90px; margin-bottom:0;}
#whoswho_wrap h3 {font-weight:100; color:#cc0000; font-size:32px;  display:block;   margin-bottom:0; letter-spacing:2px; margin-bottom:5px;}
#whoswho_wrap a.stack {bottom:0;}
#whoswho_wrap span.big {bottom:600px}
#whoswho_wrap span.medium {bottom:290px;}
#whoswho_wrap span.small {bottom:150px;}
#whoswho_wrap .big {position:absolute;}
#whoswho_wrap .medium {position:absolute;left:300px;}
#whoswho_wrap .small {position:absolute;left:600px;}


#whoswho_wrap span.tag {padding:0 0 0 30px; display:block; width:270px}

#description {float:right; width:415px; padding:0 20px 0 0;} 
#description span.more {text-transform:uppercase; color:#1889d0;}

div.lightbox {display:none; }
div.lb_inner {width:605px; height:auto; font-family:Helvetica, Arial, sans-serif; position:relative;}
div.lb_inner h2 {display:block; width:auto;  font-weight:300; margin:0; padding:0;}
div.lb_inner h3 {display:block; width:auto;  font-weight:100; margin:0; padding:0 0 0 40px;}
div.lb_header {display:block; width:595px; float:left; padding: 20px 0 10px 10px; border-bottom: 5px solid black;}

div.lb_inner div.icons_reform {float:right; width:190px; height:67px; position:absolute; top:5px; right:0px; text-align:center;} /*upd Aug 22*/
span.expl {font-size:10px;  text-align:center; display:block; width:100%;}/*upd Aug 22*/
div.lb_inner div.col1 {float:left; border-right:5px solid black; width:338px; padding:15px 10px}
div.lb_inner div.col1 img {border:5px solid black; float:left; margin-right:10px;}
div.lb_inner div.col1 p{margin:0 0 15px; padding:0;}

div.lb_inner div.col2 {float:right; width:242px;}
div.lb_inner div.graph {height: 170px; border-bottom:5px solid black; padding:10px}
div.lb_inner div.gates_graph {height: 380px; border-bottom:5px solid black; padding:10px}
div.lb_inner div.quote {font-style:italic; padding:10px;}

#map {width:651px; height:566px; float:right;}
#sidebar {width:279px; float:left;  padding:0 20px 0 10px;}
#filter {background:#CCC; padding:15px; height:175px;}
#filter h3{text-align:center; border-bottom:1px solid black; margin: 0 20px; font-size:16px;}
#filter div.col1, #filter div.col2 {width:120px; padding-top: 15px;}
#filter div.col1 {float:left;}
#filter div.col2 {float:right;}
#filter ul {list-style:none; margin:0; padding:0;}
#filter ul li {padding:0 0 10px 0;}

input[name="refresh"] {width: 90%; margin:5px 5%; }

h4.info {margin:0; padding:0;}
span.address {font-size:11px;display:block; margin-bottom:5px; border-bottom:1px solid black;}
span.right {width:49%; float:right;}
span.left {width:49%; float:left;}

#map_legend {width:960px; height:50px; background:url("../images/katie/map_legend.png") no-repeat; margin-bottom:10px;}
div.clear {clear:both;}
div.info_window {height:110px;}

/*GLOSSARY -- STYLE*/
#glossary {display:none;}
#glossary_inner {margin:0 auto; width: 500px; overflow:hidden;}
#glossary_inner h2{margin: 0; padding: 10px 0 ; text-align:center;}
h3.acc_trigger {padding:7px 0 0 0; margin: 0; height: 40px; line-height: 30px; width:100%; float: left; text-align:center; font-variant:small-caps;}
h3.acc_trigger a {text-decoration:none; display: block; padding: 0 0 0 20px; color:black; margin:0;}
h3.acc_trigger a:hover {color:#F00;}
.acc_container {margin: 0; padding: 0; overflow: hidden; width: 100%; clear: both;}
.acc_container .block {padding:0 20px 20px 20px ; margin:0;}

.one {background:#c4c6c4;}
.two {background:#a2a3a2;}
.three {background:#878888;}
.four {background:#636363;}
.five {background:#434343;}

.image_right {    border: 1px solid black;
    float: right;
    padding: 10px;
    margin-left:20px;}