* { margin: 0; padding: 0; } html { height: 100%; } body { background: #ffffff; height: 100%; width: 100%; /* font-family: "Times New Roman", Times, serif; */ } h1, h2, h3, h4, h5, h6 { /* font-family: "Times New Roman", Times, serif; */ } h1 { /* font-size: 1.7em; */ /* font-family: "Times New Roman", Times, serif; */ margin: 0.3em 0 0em 0em; border-bottom: 1px solid #999; /* font-weight: normal; */ } hr { margin-bottom: 10px; } #header { background: #ffffff; /* padding: 10px 0px 10px 10px; */ } div#header span { /* font-family: "Times New Roman", Times, serif; */ color: #666666; } div#subheader { background: #ffffff; border-bottom: 1px solid white; padding: 10px 0px 10px 10px; } div#subheader span { /* font-family: Georgia, "Times New Roman", Times, serif; */ /* font-size: 1.6em; */ color: #465870; margin-left: 0px; } div#page_wrap { width: 960px; margin: 0 0; } div#timeline_wrap { float: left; margin: 10px 30px 0px 0px; width: 200px; } div#timeline_content { float: left; width: 730px; } /* div.top_nav { background: url("gifjpg/Nav_top.png") no-repeat top right; height: 10px; width: 200px; } div.bottom_nav { background: url("gifjpg/Nav_bottom.png") no-repeat top right; height: 10px; width: 200px; } */ div#timeline_nav { width: 200px; background: #ffffff; background-image: url(gifjpg/nav-date-background-new.png); background-repeat: repeat-y; /*font-family: Arial, Helvetica, sans-serif;*/ /* Changed 9/24/2012 */ border-right: 1px solid white; } div#timeline_nav a { text-decoration: none; color: #6c8bad; } div#timeline_nav a:hover { text-decoration: none; color: #ffffff; cursor: pointer; } img { border: none; } /* div#timeline_nav a:visited, div#timeline_nav a:active { text-decoration:none; color: #6C8bad; } */ div#timeline_nav a.active_topic { color: #ffffff; } div#timeline_nav span.year { padding-left: 150px; color: #3c3c3c; display: block; /* font-size: 20px; */ line-height: 32px; vertical-align: middle; background-image: url("gifjpg/nav-date-line_small.png"); background-repeat: no-repeat; background-position: left center; } div#timeline_nav a.event { width: 120px; text-align: right; color: #3c3c3c; display: block; /* font-size: 16px; */ line-height: 22px; vertical-align: middle; padding-bottom: 15px; float: left; } div#timeline_nav span.event:hover { cursor: pointer; } div#content span.main_question { /* font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; */ /* color: #666666; */ display: block; margin: 10px 0px 10px 0px; } div#video_col { /* width: 350px; */ /* font-family: Arial, Helvetica, sans-serif; font-size: 14px; */ background: #ffffff; /* float: left; */ height: 215px; /* margin-right: 30px; */ color: #666666; } div#video_col div#video { padding: 10px; } div#video_col div.caption { padding: 0px 10px 10px 10px; } div#video_col div.caption p { margin: 0px 0px 10px 0px; } div#video_col div.caption ul { margin: 0px 0px 0px 25px; } div#video_col div.caption ul li { margin-bottom: 5px; } div#text_col { /* float: left; */ /* width: 340px; */ } div#text_col p { margin: 0px 0px 10px 0px; /* color: #666666; */ /* font-family: Arial, Helvetica, sans-serif; font-size: 14px; */ } div#text_col ul { margin: 0px 0px 0px 25px; /* color: #666666; */ /* font-family: Arial, Helvetica, sans-serif; font-size: 14px; */ } div#summary { /* background: #e4e4e4; */ /* border: 1px solid white; */ margin: 25px 0px 0px 0px; padding: 1px 0px 5px 5px; /* color: #666666; */ clear: both; } div#summary:hover { cursor: pointer; } div#summary_content { padding: 5px 10px 5px 10px; /* font-family: Arial, Helvetica, sans-serif; */ /* font-size: 14px; */ /* color: #666666; */ border: 1px solid white; display: none; /* background: #ffffff; */ } div#summary_content ul { margin-left: 25px; margin-bottom: 10px; } div#summary_content ul li { margin-bottom: 5px; } div#summary_content h1, div#summary_content h3 { padding-bottom: 10px; } div#nav_buttons { margin-top: 10px; } div#nav_buttons img { float: right; margin-left: 5px; } div#nav_buttons img:hover { cursor: pointer; } /* ############## CHECK KNOWLEDGE ################## */ div#check_knowledge { padding: 0px 0px 0px 20px; /* color: #666666; */ } div#check_knowledge span.header { /* font-family: Georgia, "Times New Roman", Times, serif; */ /* color: #666666; */ /* font-size: 18px; */ margin-bottom: 10px; } div#check_knowledge span { display: block; margin-bottom: 10px; /* font-family: Arial?, Helvetica, sans-serif; */ /* font-size: 14px; */ /* color: #666666; */ } div#check_knowledge div.answers { margin: 15px 0px 0px 30px; } div#check_knowledge input { /* color: #666666; */ } div#check_knowledge input.button { /* color: #666666; */ padding: 5px; } div#check_knowledge div.feedback { border: 2px solid rgba(22, 56, 85, 1); /* background: #65758a; */ /* color: #ffffff; */ padding: 10px; display: none; clear: both; } /* ############## Further Consideration ################## */ div#further_consideration { padding: 30px 0px 0px 20px; /* color: #ffffff; */ } div#further_consideration span.header { color: #000000; /* font-size: 18px; */ margin-bottom: 10px; } div#further_consideration span { display: block; margin-bottom: 10px; /* color: #666666; */ } /* ############## Resources ################## */ div#resources { padding: 30px 0px 0px 20px; color: #ffffff; } div#resources span.header { color: #000000; font-size: 18px; margin-bottom: 10px; } div#resources span { display: block; margin-bottom: 10px; color: #666666; } div#resources span { color: #ffffff; } div#resources a:link, div#resources a:visited, div#resources a:hover, div#resources a:active { /* font-family: Arial, Helvetica, sans-serif; */ font-size: 14px; color: #65758a; text-decoration: underline; } div#nav_caption span { float: right; color: #ffffff; font-size: 14px; } .shadow { /* -moz-box-shadow: 0 0 20px 5px #333; -webkit-box-shadow: 0 0 20px 5px #333; */ /*zoom: 1;*/ /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#333', Direction=135, Strength=3);*/ } .globalskip { position: absolute; left: -100em; width: 1em; } /* ############## Main Layout ################ */ div#summary_col { width: 350px; background: #ffffff; float: left; margin-right: 30px; margin-top: 10px; } div#summary_col div#topic_summary, div#summary_col div#topic_image { /* font-family: Arial, Helvetica, sans-serif; */ /* font-size: 14px; */ padding: 10px; color: #666666; } div#summary_col div#topic_image { text-align: center; } div#text_col div#text_col_summary { padding: 5px; } div#text_col div#text_col_summary span.question { display: block; margin-bottom: 5px; } div#text_col div#text_col_summary a { text-decoration: underline; font-weight: bold; color: #465870; } .question_container { margin-bottom: 10px; /* background: #f2ebe1;*/ padding: 10px; /*border: 2px solid #e4e4e4;*/ /* background-image: url(gifjpg/quiz-background.png); */ /* background-position-x: repeat; */ } #skip { position: absolute; left: -100em; width: 1em; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } div#content { height: 700px; width: 1000px; display: block; } div#header { /* height: 130px; */ width: 1000px; display: block; /* background-image: url(gifjpg/cls_wrapper-head.jpg); */ /* background-repeat: no-repeat; */ } .return-box { float: right; height: 30px; width: 300px; text-align: right; padding-top: 8px; padding-right: 8px; } .feature { margin-bottom: 1em; }