/* Studyspace:Inventing America, 2 ed. v.1 :2005 */
 
body, html {
height:100%;
} 
 
body
{
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	/*background:#FBECB8 url(../img/page_background.png) repeat-x;*/
	text-align: center;
	background: #D1A298;
}

#wrapper {
width:765px;
margin:0 auto;
min-height:100%;
text-align:left;
background:url(../img/content_back.png) repeat-y;
}

* html #wrapper {
height:100%;
} 

.nocss
{
display:none;
}

/**************  header  *************/

#header
{
height:101px;
width:765px;
margin:0;
background:url(../img/top_pic.png) top no-repeat;
}

#header h1
{
margin:0;
}

a#title
{
display:block;
width:422px;
height:101px;
}

a#title:hover
{
background:url(../img/site_title_f2.png) no-repeat;
}

a#title span
{
display:none;
}

/**************  top menu  *************/

#topMenu
{
width:765px;
height:31px;
background:url(../img/menu_back.png)  no-repeat;
}

#topMenu a
{
color:#A03D29;
text-decoration:none;
}

#topMenu span
{
display:none;
}

#topMenu p
{
margin:0;
}

a#chooseChapter
{
float:left;
height:22px;
width:139px;
padding:8px 0 0 30px;
}

a#chooseChapter:hover
{
background:url(../img/choose_ch_btn_f2.png) no-repeat;
}

a#eBook
{
float:left;
width:150px;
height:22px;
padding:8px 15px 0 19px;
}

a#eBook:hover
{
background:url(../img/document_reader_f2.png) no-repeat;
}

/**************  chapter Menu  *************/

#chapterMenu
{
width:760px;
background:url(../img/chapter_back.png) no-repeat;
color:#fff;
float:left;
position:relative;
}

#chapterMenu dl
{
margin:0;
padding:7px 15px 40px 30px;
color:#fff;
float:left;
width:760px;
height:24px;
}

#chapterMenu dl dd
{
display:inline;
margin:0;
padding:0;
float:left;
}

#chapterMenu dl dd a
{
padding:3px;
float:left;
color:#FFFFFF;
text-decoration:none;
}

#chapterMenu dl dd a:hover
{
padding:3px;
display:block;
float:left;
color:#A03D29;
background:#FFE8E3;
}

#chapterMenu dl dd span
{
display:none;
}

#chapterMenu dl dd a:hover span 
{
width:700px;
display:block;
position:absolute;
top:45px;
left:35px;
font-weight:bold;
}

/**************  content  *************/

#content
{
position:relative;
float:left;
width:765px;
background:url(../img/content_back.png) repeat-y;
}

/**************  content Header  *************/

#contentHeader
{
float:left;
width:546px;
background:url(../img/content_top.png) no-repeat;
}

#contentTitle
{
float:left;
width:388px;
padding:20px 31px 15px 35px;
}

#contentTitle h2
{
color:#A03D29;
font-size:11px;
font-weight:normal;
margin:0;
}

#contentTitle h3
{
color:#A03D29;
font-size:15px;
margin:4px 0 0 0;
}

#contentControls
{
margin:35px 0 0 0;
}

#contentControls ul
{
margin:0;
padding:0;
}

#contentControls li
{
margin:0 0 0 3px;
padding:0;
display:inline;
float:left;
}

#contentControls a
{
display:block;
height:16px;
width:16px;
}

#contentControls a span
{
display:none;
}

#textSmall a:hover
{
background-image:url(../img/small_txt_btn_f2.png);
}

#textLarge a:hover
{
background-image:url(../img/large_txt_btn_f2.png);
}

#email a:hover
{
background-image:url(../img/email_btn_f2.png);
}

#print a:hover
{
background-image:url(../img/print_btn_f2.png);
}

/**************  content Body  *************/

#contentBody
{
float:left;
clear:left;
width:492px;
margin:15px 0 0 0;
padding:0 0 15px 35px;
line-height:1.4;
color:#333;
}

#contentBody a, #contentBody a:visited
{
color:#A03D29;
padding:1px;
text-decoration:none;
border-bottom:1px dotted #999;
}

#contentBody a:hover
{
background-color:#A03D29;
color:#fff;
border-bottom:none;
}

#contentBody ul
{
list-style:none;
margin:7px 0 7px 25px;
padding:0;
}

#contentBody ul li
{
background:url(../img/list.png) no-repeat;
padding:2px 0 5px 10px;
}

#contentBody ol li
{
padding:0 0 5px 10px;
}

.contentImage a
{
border:none;
}

#contentBody a:link.image, #contentBody a:visited.image, #contentBody a:hover.image {
background-color:#fff;
border-bottom:none;
}

#contentBody h2
{
color:#333;
font-size:115%;
}

#contentBody .btitle
{
color:#00478F;
font-weight:bold;
font-size:115%;
}

#contentBody h3
{
color:#333;
font-size:105%;
}

#contentBody h4
{
color:#54A721;
font-size:1em;
padding:4px;
background-color:#F8FFD8;
clear:both;
}

#contentBody h4 a, #contentBody h4 a:visited
{
color:#54A721;
border-bottom:none;
}

#contentBody h4 a:hover
{
color:#fff;
background-color:#54A721;
}

#contentBody h5
{
font-size:1em;
line-height:1.4em;
margin-bottom:-5px;
}

div.hr {
background-color:#e9e9e9;
margin:5px 0;
width:490px;
height:1px;
clear:both;
}

div.hr hr {
display:none;
}

.small
{
font-size:10px;
color:#666;
}

.warning
{
padding:7px;
color:#CC0000;
background-color:#FFD4C8;
line-height:1.2em;
margin:0 0 0 0;
clear:both;
width:480px;
}

#contentBody div.warning a
{
text-decoration:none;
border-bottom:1px dotted #FF7D7D;
color:#CC0000;
font-weight:bold;
padding:2px;
}

#contentBody div.warning a:hover
{
color:#FF0000;
background-color:#fff;
border-bottom:none;
}

/**************  sitemap  *************/

#sitemap a
{
color:#0066CC;
padding:1px;
text-decoration:none;
border-bottom:1px dotted #79ACCC;
}

#sitemap a:hover
{
background-color:#ccf5f1;
color:#fff;
border-bottom:none;
}

#sitemap ol
{
float:left;
margin:0;
padding:0 0 15px 35px;
}

#sitemap ol li
{
margin:0;
padding:10px 0;
/* position:relative; */
float:left;
}

#sitemap ul 
{
clear:both;
list-style:none;
margin:0;
padding:0;
}

#sitemap ul li 
{
float:left;
margin:0;
background:url(../img/list.png) no-repeat;
padding:0 20px 5px 10px;
}

#animationWrapper
{
float:left;
clear:both;
font-size:10px;
margin:10px 0;
border:#ddd 1px solid;
background-color:#eee;
}

#animationWrapper ul
{
list-style:none;
margin:10px;
padding:0;
}

#animationWrapper ul li
{
padding:0 0 5px 0;
background:none;
width:420px;
}

#animationWrapper ul li a
{
line-height:1.5em;
border-bottom:none;
}

a.bold
{
font-weight:bold;
}

#animation_index
{
font-size:13px;
font-weight:bold;
padding:15px 0;
}

/**************  animation  *************/

div.animation
{
clear:left;
float:left;
padding:15px 0;
border-bottom:#ddd 1px solid;
width:490px;
}

div.animation h5
{
width:490px;
padding:0 0 15px 0;
margin:0;
float:left;
clear:both;
}

div.animation a img
{
float:left;
padding:1px;
border:#d7d7d7 1px solid;
margin:0 10px 10px 0;
}

div.animation a:hover img
{
border:#000 1px solid;
}

div.animation p
{
margin:0;
padding:0;
line-height:1.4em;
}

/**************  right menu  *************/

#rightMenu
{
margin:0 0 0 552px;
_margin:0 0 0 549px;
width:200px;
padding:11px 0 0 1px;
_padding:25px 0 0 1px;
background:url(../img/menu_top.png) no-repeat;
}

#rightMenu h3
{
height:29px;
background:url(../img/menu_header.png) no-repeat;
color:#333;
font-size:11px;
padding:11px 0 0 40px;
margin:0;
}

#rightMenu h3#organize
{
background-image:url(../img/menu_header_organize.png);
padding:11px 0 0 40px;
}

#rightMenu h3#learn
{
background-image:url(../img/menu_header_learn.png);
padding:11px 0 0 40px;
}

#rightMenu h3#connect
{
background-image:url(../img/menu_header_connect.png);
padding:11px 0 0 40px;
}

#rightMenu ul
{
list-style:none;
margin:10px 10px 5px 20px;
padding:0;
}

#rightMenu ul li a
{
display:block;
height:16px;
overflow:hidden;
color:#A03D29;
text-decoration:none;
background:url(../img/menu_arrow.png) 10px 0 no-repeat;
padding:0 0 5px 27px;
}

#rightMenu ul li a:hover
{
color:#000;
background:url(../img/menu_arrow_f2.png) 10px 0 no-repeat;
}

#gradebook
{
margin:0;
padding:5px 15px 15px 15px;
color:#666;
font-size:10px;
}

#gradebook a
{
color:#A03D29;
padding:2px;
text-decoration:none;
}

#gradebook a:hover
{
color:#000;
}

#rightMenu ul li#progress a
{
display:block;
height:16px;
overflow:hidden;
color:#A03D29;
text-decoration:none;
background:url(../img/menu_progress.png) 10px 0 no-repeat;
padding:0 0 5px 27px;
}

#rightMenu ul li#progress a:hover
{
color:#000;
background:url(../img/menu_progress_f2.png) 10px 0 no-repeat;
}

#rightMenu ul li.lock a
{
display:block;
height:16px;
overflow:hidden;
color:#FF0000;
text-decoration:none;
background:url(../img/menu_lock.png) 10px 0 no-repeat;
padding:0 0 5px 27px;
}

#rightMenu ul li.lock a:hover
{
color:#000;
background:url(../img/menu_lock_f2.png) 10px 0 no-repeat;
}

/**************  progress report  *************/

#progress_report
{
	list-style:none;
	width:450px;
	margin-left:0px !important; margin-left:-40px;
}

.checkbox
{
	margin:3px 0 0 0 !important; margin:0 0 0 0;
	float:left;
	z-index:10;
}

#progress_report ul
{
	width:450px;
	padding:15px;
	border:#dddddd thin solid;
	background:#F9F9F9;
}

#progress_report ul li
{
	list-style:none;
	display:block;
	overflow:hidden;
	text-decoration:none;
	padding:0 0 10px 0;
	border-bottom:#E8E8E8 thin solid;
	margin:0 0 10px 5px;
	background-image:none;
}

#progress_report ul li.last
{
	list-style:none;
	display:block;
	overflow:hidden;
	text-decoration:none;
	padding:0 0 10px 0;
	border-bottom:none;
	background-image:none;
}

.progress_label
{
	margin:0 0 0 25px !important; margin:-19px 0 0 25px;
	width:425px;
}

.progress_label2
{
	margin:0 0 0 25px !important; margin:0 0 0 25px;
	width:425px;
}

.comment
{
	margin:7px 0 0 30px;
}

.comment_input
{
	margin:4px 0 0 30px;
	width:350px;
	padding:3px;
	color:#A03D29;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.send_label
{
	width:200px;
	margin-top:10px;
}

.send_box
{
	width:240px;
	margin-top:-17px;
	float:right;
}

.send_btn
{
	text-align:center;
	margin:15px 0 0 0;
}

.send_input
{
	width:190px;
	padding:3px;
	color:#A03D29;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

/**************  research projects  *************/

#research
{
list-style:none;
}

#research li
{
border-bottom:#E8E8E8 1px solid;
margin:0 0 15px 0;
}

#research li.last
{
border-bottom:none;
}

.heading
{
font-weight:bold;
}

.r_image
{
font-weight:bold;
background:url(../img/camera.png) no-repeat;
margin:15px 0 0 -28px;
padding:0 0 10px 20px;
}

.r_movie
{
font-weight:bold;
background:url(../img/movie.png) no-repeat;
margin:15px 0 0 -28px;
padding:0 0 10px 20px;
}

.r_document
{
font-weight:bold;
background:url(../img/document.png) no-repeat;
margin:15px 0 0 -28px;
padding:0 0 10px 20px;
}

.r_audio
{
font-weight:bold;
background:url(../img/audio.png) no-repeat;
margin:15px 0 0 -28px;
padding:0 0 10px 20px;
}


.date
{
color:#999;
line-height:1.2em;
}

.new_window
{
background:url(../img/new_window.png) #ffffff no-repeat;
padding:0 0 0 15px;
color:#999;
}

#ebookContent
{
margin:20px;
}

.ebookHeading
{
background:url(../img/new_window.png) #ffffff no-repeat;
padding:0 0 0 15px;
color:#999;
font-weight:bold;
}

.research_options
{
margin:0 0 8px 0;
}

.research_image
{
border:none;
clear:both;
margin:10px 10px 10px 0;
width:450px;
}

.highlight
{
border:none;
}

.research_image a img
{
border:1px solid #ccc;
padding:1px;
}

.research_image a:hover img
{
border:1px solid #000;
padding:1px;
}

.research_footer
{
margin:25px 0 40px 0;
padding:0 10px 0 10px;
border:#ddd 1px solid;
background:#F9F9F9;
}

.research
{
border-bottom:none;
}

.research_footer li
{
list-style:none;
background:url(../img/research_list.png) no-repeat;
padding:0 0 0 15px;
margin:0 0 0 -25px;
}

object.audio_player
{
padding:10px 0 0 0;
}

.button
{
padding:10px 0 0 0;
}

/**************  footer  *************/

#footer
{
margin:-10px auto 0 auto;
background:url(../img/footer.png) bottom no-repeat;
height:60px;
width:765px;
font-size:10px;
clear:both;
text-align:left;

}

#footer p
{
padding:30px 0 0 35px;
}

#footer a, #footer p
{
text-decoration:none;
color:#A03D29;
}

#footer a:hover
{
color:#FFFFFF;
}