@import url(undohtml.css);
@import url(home_styles.css);
@import url(topnav_styles.css);

/* Basic styles readable by old browsers */

html {
	width: 1003px;
	margin: 0 auto 0 auto;
	/*background-color: #f4eed7;*/
	background-color: #f1eacb;
	text-align: center;
}

body {
	width: 1003px;
	margin-top: 10px;
	/*background-color: #f4eed7;*/
	background-color: #f1eacb;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

#contentWrapper {
	width: 1003px;
	background-color: #eac14f;
	overflow:auto;
	/*background-color: #eac14f;*/
}

#contentHeader {
	width: 1003px;
	height: 80px;
	background-color: #ffffff;
}

#contentTopNav {
	width: 1003px;
	height: 26px;
	background-color: #969386;
	padding-top: 2px;
	padding-bottom: 2px;
}

#contentTopNav a {
	color: #969386;
	text-decoration: none;
}

#contentTopNav a:hover {
	color: #1c4381;
	text-decoration: none;
}

#contentTopNavHome {
	width: 72px;
	height: 26px;
	float: left;
	background-color: #ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	color: #969386;
	line-height: 26px;
	margin-right: 1px;
}

#contentTopNavAbout {
	width: 116px;
	height: 26px;
	float: left;
	background-color: #ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	color: #969386;
	line-height: 26px;
	margin-right: 1px;
}

#contentTopNavTeacher {
	width: 163px;
	height: 26px;
	float: left;
	background-color: #ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	color: #969386;
	line-height: 26px;
	margin-right: 1px;
}

#contentTopNavFAQ {
	width: 249px;
	height: 26px;
	float: left;
	background-color: #ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	color: #969386;
	line-height: 26px;
	margin-right: 1px;
}

#contentTopNavContact {
	width: 84px;
	height: 26px;
	float: left;
	background-color: #ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	color: #969386;
	line-height: 26px;
	margin-right: 1px;
}

#contentTopNavSearch {
	width: 74px;
	height: 26px;
	float: left;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 26px;
	margin-right: 1px;
}

#contentTopNavSearchBox {
	width: 190px;
	height: 26px;
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 800;
	background-color: #ffffff;
	line-height: 26px;
}

.contentTopNavSearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 0;
	line-height: 20px;
	margin-top: 5px;
}

#contentTopNavSearchGo {
	width: 35px;
	height: 26px;
	float: left;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 26px;
	margin-right: 1px;
}

#contentTopNavSearchGo a {
	color: #ffffff;
	text-decoration: none;
}

#contentBody {
	width: 689px;
	float: left;
	background-color: white;
	/*padding: 10px;*/
}

#contentBodyExercises {
	width: 689px;
	float: left;
	background-color: white;
	/*padding: 10px;*/
}

#contentSidebar {
	width: 314px;
	height: 100%;
	float: left;
	background-color: #eac14f;
	/*background-color: #ebcb70;*/
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

.contentStoryHomepage {
	width: 669px;
	height: 220px;
	/*background-color: #ffffcc;*/
	margin: 10px;
}

.contentStoryHomepageImage {
	width: 299px;
	height: 220px;
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 600;
	color: black;
	letter-spacing: 0.5px;
}

.contentStoryHomepageText {
	width: 370px;
	height: 220px;
	float: right;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: black;
}

.contentStoryHomepageFeaturedShadow {
	width: 689px;
	height: 220px;
	/*background-color: #ffffcc;*/
	background-image: url('images/FeaturedStory_BG.gif');
}

.contentStoryHomepageFeaturedHead {
	width: 689px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	color: #969386;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 15px;
}

.contentStoryHomepageImageFeatured {
	width: 312px;
	float: left;
	padding-left: 20px;
}

.contentStoryHomepageTextFeatured {
	width: 327px;
	float: right;
	padding-right: 15px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 19px;
	color: black;
}

.contentStoryHomepageSubRight {
	width: 320px;
	height: 220px;
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: black;
	/*margin-bottom: 25px;*/
}

.contentStoryHomepageSubLeft {
	width: 320px;
	height: 220px;
	float: right;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: black;
	/*margin-bottom: 25px;*/
}

.contentStoryStorypage {
	width: 569px;
	/*background-color: #ffffcc;*/
	margin-left: 50px;
	margin-right: 50px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 200;
	line-height: 26px;
	color: #969386;
}

.contentStoryHearTop {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 26px;
	color: #969386;
	letter-spacing: 0.5px;
	margin-top: 25px;
	padding-left: 7px;
}

.contentStoryHearHidden {
	visibility: hidden;
	background-color: #969386;
	z-index: -1;
}

.contentStoryHearTop a {
	text-decoration: none;
	color: #969386;
}

.contentStoryHearTop a:hover {
	text-decoration: none;
	color: #1c4381;
}

.contentStoryHearBottom {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 200;
	line-height: 20px;
	color: #969386;
	padding-left: 62px;
}

.contentExercises {
	/*background-color: #ffffcc;*/
}

.contentSuperhead {
	font-family: Arial, Helvetica, sans-serif;
	color: #bb2a12;
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.contentHead {
	font-family: Times, serif;
	font-size: 28px;
	color: #1c4381;
	font-weight: 500;
	line-height: 28px;
	margin-bottom: 10px;
}

.contentStorySuperhead {
	font-family: Arial, Helvetica, sans-serif;
	color: #969386;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 40px;
}

.contentStoryHead {
	font-family: Times, serif;
	font-size: 32px;
	color: #1c4381;
	font-weight: 500;
	line-height: 36px;
	margin-bottom: 40px;
	letter-spacing: 0.75px;
}

.contentPageHead {
	font-family: Times, serif;
	font-size: 32px;
	color: #1c4381;
	font-weight: 500;
	line-height: 36px;
	margin-top: 40px;
	margin-bottom: 40px;
	letter-spacing: 0.75px;
}

.contentHeadSub {
	font-family: Times, serif;
	font-size: 24px;
	color: #1c4381;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 10px;
}

#contentSidebarIssueDate {
	width: 291px;
	/*margin-left: 14px;*/
	margin-top: 12px;
	text-align: center;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 24px;
	/*color: #969386;*/
}

.contentSidebarBoxTop {
	width: 291px;
	margin-left: 14px;
	margin-top: 12px;
	background-image: url('images/SideBar_BoxTop.gif');
	background-repeat: no-repeat;
	background-color: #f3e0a9;
}

.contentSidebarBoxBody {
	width: 291px;
	margin-left: 14px;
	margin-top: 0px;
	background-color: #f3e0a9;
}

.contentSidebarBoxBottom {
	width: 291px;
	/*height: 11px;*/
	margin-left: 14px;
	margin-top: 0px;
	background-image: url('images/SideBar_BoxBottom.gif');
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: #f3e0a9;
}

.contentSidebarBoxComplete {
	width: 291px;
	height: 44px;
	margin-left: 14px;
	margin-top: 12px;
	background-image: url('images/SideBar_BoxComplete.gif');
	background-repeat: no-repeat;
	background-color: #f3e0a9;
}

.contentSidebarBoxHead {
	padding-left: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 44px;
	color: #969386;
}

.contentSidebarBoxCrossword {
	margin-left: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: black;
	padding-left: 7px;
	padding-bottom: 12px;
}

.contentSidebarBoxContent {
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 20px;
	font-weight: bold;
	line-height: 20px;
}

.contentSidebarBoxStoryHead {
	font-family: Times, serif;
	font-size: 20px;
	color: #1c4381;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 20px;
	letter-spacing: 0.0px;
}

.contentSidebarBoxStoryBody {
	font-weight: normal;
	line-height: 14px;
}

.contentSidebarVocab {
	width: 65px;
	float: left;
	font-weight: bold;
	line-height: 20px;
}

.contentSidebarVocabLeft {
	float: left;
	padding-left: 25px;
	padding-bottom: 10px;
	font-weight: bold;
	line-height: 20px;
}

.contentSidebarVocabRight {
	padding-left: 150px;
	padding-bottom: 10px;
	font-weight: bold;
	line-height: 20px;
}

.contentHomepageImage {
	float: left;
	border: 0px;
	/*padding: 0px 22px 0px 0px;*/
	padding-right: 10px;
}

#contentFooter {
	width: 1003px;
	float: left;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 600;
	line-height: 20px;
	color: #969386;
}

.contentNonstorypageText {
	width: 569px;
	margin-left: 50px;
	margin-right: 50px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: black;
}

.contentNonstorypageTextSmall {
	font-size: 12px;
	line-height: 14px;
}

#contentArcIssHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	color: #969386;
	padding-top: 20px;
	padding-bottom: 15px;
}

a {
	color: #1c4381;
	text-decoration: none;
}

a:hover {
	color: #0000ff;
	text-decoration: underline;
}

a:visited {
	color: #1c4381;
	text-decoration: none;
}

/*
h1 {
	font-size: 130%;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 90%;
}
*/

a.vocab {
	cursor: help;
	position: relative; 
	color: #00A0C6;
	text-decoration: none;
}

a.vocab span {
	display: none;
}

a.vocab:hover {
	font-size: 100%;  /* IE/Win requires some link change on hover in order to show the tooltips */
} 

a.vocab:hover span { /*the span will display just on :hover state*/
	display: block;
	position: absolute;
	top: 20px; 
	left: -30px; 
	width: 150px;
	border: 1px solid #E7B436;
	background-color: #F1EACB; 
	color: #000;
	padding: 10px;
	font-size: 90%;
	z-index: 100;
	text-indent: 0;
}

#v1 {
	z-index: 3;
}

#v2 {
	z-index: 2;
}

a.vocabSidebarTEST {
	cursor: help;
	position: relative;
	color: black;
	text-decoration: none;
	line-height: 30px;
}

a.vocabSidebarTEST:hover {
	color: #00A0C6;
	font-size: 100%;
	text-decoration: none;
} 

.vocabSidebarHoverTEST {
	z-index: 100;
	display: block;
	position: absolute;
	top: 14px;
	left: -30px;
	width: 120px;
	border: 1px solid #E7B436;
	background-color: #F1EACB;
	color: black;
	padding: 10px;
	font-size: 90%;
	text-indent: 0;
	line-height: 14px;
	text-decoration: none;
}

a.vocabSidebar {
	cursor: help;
	position: relative; 
	color: black;
	text-decoration: none;
	line-height: 30px;
}

a.vocabSidebar span {
	display: none;
}

a.vocabSidebar:hover {
	color: #00A0C6;
	font-size: 100%;
} 

a.vocabSidebar:hover span {
	display: block;
	position: absolute;
	top: 15px; 
	left: -30px; 
	width: 135px;
	border: 1px solid #E7B436;
	background-color: #F1EACB; 
	color: #000;
	padding: 10px;
	font-size: 90%;
	z-index: 100;
	text-indent: 0;
	line-height: 14px;
	text-decoration: none;
}

#v1Sidebar {
	z-index: 30;
}

#v2Sidebar {
	z-index: 29;
}

#v3Sidebar {
	z-index: 28;
}

#v4Sidebar {
	z-index: 27;
}

#v5Sidebar {
	z-index: 26;
}

#v6Sidebar {
	z-index: 25;
}

#v7Sidebar {
	z-index: 24;
}

#v8Sidebar {
	z-index: 23;
}

#v9Sidebar {
	z-index: 22;
}

#v10Sidebar {
	z-index: 21;
}

#v11Sidebar {
	z-index: 20;
}

#v12Sidebar {
	z-index: 19;
}

#v13Sidebar {
	z-index: 18;
}

#v14Sidebar {
	z-index: 17;
}

#v15Sidebar {
	z-index: 16;
}

#v16Sidebar {
	z-index: 15;
}

#v17Sidebar {
	z-index: 14;
}

#v18Sidebar {
	z-index: 13;
}

#v19Sidebar {
	z-index: 12;
}

#v20Sidebar {
	z-index: 11;
}

#v21Sidebar {
	z-index: 10;
}

#v22Sidebar {
	z-index: 9;
}

#v23Sidebar {
	z-index: 8;
}

#v24Sidebar {
	z-index: 7;
}

#v25Sidebar {
	z-index: 6;
}

#v26Sidebar {
	z-index: 5;
}

#v27Sidebar {
	z-index: 4;
}

#v28Sidebar {
	z-index: 3;
}

#v29Sidebar {
	z-index: 2;
}

#v30Sidebar {
	z-index: 1;
}

#contentSlideShow {
	position: absolute;
	width: 1px;
	height: 1px;
	z-index: -9999;
	top: 0px;
	left: 0px;
	border: 0px;
	background-image: url('images/ss_Background.gif');
	background-repeat: no-repeat;
	/* for IE */
	filter:alpha(opacity=0);
	/* CSS3 standard */
	opacity:0.0;
}

#contentCrosswordPop {
	position: absolute;
	width: 1px;
	height: 1px;
	z-index: -9999;
	top: 0px;
	left: 0px;
	border: 0px;
	/* for IE */
	filter:alpha(opacity=0);
	/* CSS3 standard */
	opacity:0.0;
}

#contentSlideShowButton {
	position: relative;
	height: 45px;
}

#contentSlideShowContentVer {
	position: relative;
	padding-left: 50px;
	/*padding-right: 50px;
	padding-top: 50px;*/
	float: left;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 200;
	line-height: 26px;
	color: white;
}

#contentSlideShowContentHor {
	position: relative;
	/*padding-left: 50px;
	padding-right: 50px;
	padding-top: 27px;*/
	float: left;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 200;
	line-height: 26px;
	color: white;
}