/*------
elements
-------*/
body {
background-color: #FFFFF8;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}


/*----------
typography
------------*/
p {
font-size: .8em;
color: #2e2711;
}

h2{
font-size:1em;
color: #660000;
margin: 0;
padding: 0;
}

h4 {margin: 0;}

h4 a:link {
color: #2e2711;
}

h4 a:hover {
text-decoration: none;
}

h3 {
font-size: .9em;
color: #2e2711;
}

h3 a:link {
color: #2e2711;
}

h3 a:hover {
text-decoration: none;
}

h3 a.active {
color: #990000;
}

.info {
font-size: .75em;
text-align: center;
}
 
a:link {
color: #660000;
text-decoration: underline;
}

a:visited {
color: #660000;
text-decoration: underline;
}

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

a:active {
color: #990000;
text-decoration: none;
}

ul {
color: #2e2711;
list-style-type: none;
font-size: 12pt;
}

#content ul {
font-size: 12pt;
}

li {
font-size: .8em;
margin: 0;
color: #2e2711;
}

ol {
font-size: .8em;
color: #2e2711;
}

img {
border: none;
}

img a:link, img a:visited {
text-decoration: none;
}

img a:hover, img a:active {
text-decoration: none;
}

.bold {
font-weight: bold;
}


/*-------------
structure
-------------*/
#wrapper {
/*width: 750px;*/
width: 780px;
margin: 20px auto 20px auto;
background-color: #FFFFF8;
}

#menu /*homepage*/ {
width: 700px;
margin: auto;
border-top: 3px solid #660000;
border-bottom: 3px solid #660000;
}

#content {
/*width: 750px;*/
width: 780px;
}

#footer {
margin: auto; 
text-align: center; 
padding: 10px 0px 0px 0px;
font-size: 10pt;
font-weight: bold;
clear: both;
}

#title {
float: left; 
width: 218px;
padding-right: 10px; 
text-align: right; 
color: #2e2711;
}

#title ul li{
font-size: 12pt;
}

#title a:link, #title a:visited {
text-decoration: none;
}
#title a:hover, #title a:active {
text-decoration: underline;
}

#main {
display:block;
float: right;
width: 540px;
padding: 0px 0px 0px 10px; 
line-height: 1.3em;
border-left: 2px solid #990000;
}

.floatimgleft {
float:right;
margin-top:4px;
margin-left:4px;
margin-bottom:4px;
}

.floatimgleft a:link{
text-decoration: none;
}

.floatimgright {
float:right;
margin-top:4px;
margin-left:4px;
margin-bottom:4px;
}

.floatimgright a:link{
text-decoration: none;
}

/*-------
header
---------*/

#banner {
	width: 780px;
	height: 165px;
	
}

#banner #logolink {
	float: left;
	border: none;
}

#banner #navshell {
	margin: 0;
	width: 780px;
}

#navshell ul#globalnav {
	margin: 0;
	padding: 0;
	text-align: right;
}

#globalnav li {
	display: inline;
	margin-right: 14px;
	margin-left: 5px;
	font-size: 14px;
	line-height: 120%;
	font-style: italic;
}

#globalnav li a {
	text-decoration:none;
}

#globalnav li a, #globalnav li a:link  {
	color:#2e2711;
}

#globalnav li a:visited {
	color:#2e2711;
}

#globalnav li a:hover {
	color:#990000;
}

#globalnav li a:active {
	color:#990000;
}

/* for 'on' state */

#globalnav li a.on, #globalnav li a.on:link  {
	color:#990000;
}

#globalnav li a.on:visited {
	color:#990000;
}

#globalnav li a.on:hover {
	color:#2e2711;
}

/*------------
schedule page
--------------*/

#calendar {
width: 70%;
padding: 10px;
font-weight: bold;
font-size: 11pt;
/*border: 2px solid #2e2711;*/
margin: auto;
line-height: 1.5em;
text-align: center;
}

#calendar a:link, #calendar a:visited {
color: #660000;
text-decoration: underline;
}

#calendar a:hover, #calendar a:active {
color: #990000;
}

#sched {
width: 67%;
display:block;
float:left;
/*width: 578px;*/
margin-left:10px;
/*
margin-left: 140px; 
width: 610px; 
*/
padding: 0px 0px 0px 10px; 
border-left: solid 2px #990000;
}

.a {
border-bottom: 2px solid #990000;
}

.a a:link {
font-size: .9em;
font-weight: bold;
color: #990000;
}

#b a:link {
font-size: .9em;
font-weight: bold;
color: #990000;
}

.month {
font-weight: bold;
color: #660000;
display: block;
border-top: 1px solid #990000;
padding: 5px 0 5px 0;
}

.sched {
list-style-type: circle;
}

.sched li {
font-size: .8em;
padding-bottom: 1em;
}

.list2 {
list-style-type: circle;
}


.anchor {
font-size: .8em;
}

.currentyear a:link, .currentyear a:visited, .currentyear a:active {
color: #FFFFFF;
background: #660000;
padding: 1px 3px;
}

.currentyear a:hover {
text-decoration: underline;
padding: 1px 3px;
}
/*---------
resources
-----------*/

.boldline {
font-weight: bold;
border-top: 1px solid #990000;
padding-top: 5px;
display: block;
}

ul.options li{
font-weight: bold;
color: #660000;
list-style-type: none;
display: block;
padding: 5px 0 5px 0;
}

ul.options li a:hover {
text-decoration: none;
}

ul.webresources li{
font-size: 12px;
}

div.videothumb {
margin-top: -1.0em;
float: right;
}

div.video {
margin: auto;
width: 640px;
}

div.segment {
float: left;
}

div.segment ul {
margin: 2em 0;
font-size: .9em;
}

div.segment ul li {
margin: 0 0 1em 2em;
}

div.segment ul li.on {
border-top: 1px solid #990000;
border-bottom: 1px solid #990000;
}

.belowmovie {
text-align: center;
font-size: 13pt;
font-style: italic;
margin-top: 0;}

.pad {
padding: 0 20px;
}

/*-------
lessons
---------*/

ul.lessons li{
list-style-type: none;
font-weight: bold;
font-size: 12px;
}

ul.lessons li a:link{
color: #2e2711;
}

ul.talkingpoints li{
font-size: 12px;
list-style-type: square;
margin-bottom: 7px;
}

h4.browse {
padding-top: 50px;
color: #2e2711;
}

h5.browse {
border-top: 1px solid #660000;
padding-top: 10px;
color: #660000;
}

/* Lesson Plans for Explore Sources*/


h4.lessontitle, .schoollevel {
font-size: 14px;
color: #333300;
margin-top: 2em;
border: none;
}

.lessontitle {
margin-bottom: 1em;
}

.lessonlist {
margin: 1em;
font-size: 1.1em;
}

.lessonlist li {
margin: 1em;
}

.lessonlist li a:link, .lessonlist li a:visited {
color: #333333;
text-decoration: none;
}

.lessonlist li a:hover, .lessonlist li a:active {
color: #AD3324;
}

ul.lessonmeta {
list-style-type: none;
margin-bottom: 2.5em;
}

.lessonmeta li {
margin: 0 0 .3em 1em;
font-size: 13px;
}

.lessonsection {
font-size: 14px;
color: #000000;
border-top: 1px solid #660000;
padding-top: .3em;
margin-top: 2em;
}

ol li{
margin: 1em 0 .6em 2em;
line-height: 1.2em;
font-size: 13px;
}

ul.lesson li{
font-size: 13px;
line-height: 15px;
}

dl {
font-size: 12px;}

dt {
margin: 12px 0;
line-height: 14px;
font-weight: bold;}

dd {
line-height: 14px;
font-style: italic;
margin: 7px 3px 7px 25px;
}

.day {
color: #454285;
font-weight: bold;
font-size: 12px;
margin: 1em;
}

ul.squarelist{
margin: 1em 1em 1em 2em;
list-style-type: square;
}

ul.squarelist li {
margin-bottom: .7em;
line-height: 1.3em;
}

.print {
text-align: right;
font-style: italic;
}



/*----------
Collaboration
-----------*/

#reflect {
border-bottom: 1px solid #2e2711;
}

.post a:link, .post a:visited, .post a:active{
font-weight: bold;
text-decoration: underline;
color:#990000;
}

.post a:hover {
text-decoration: none;
}

/*----------
Hands On
---------*/

#movie {
width: 540px; 
padding: 0; 
line-height: 1.3em;
font-size: 100%;
}

table.exploresources p.landingpage {
font-size: 12px;
weight: bold;
text-align:left;
margin-left: 10px;
}

table.exploresources p.landingpage a:link, table.exploresources p.landingpage a:visited {
color: #660000;
text-decoration: underline;
font-size: 12px;
}

table.exploresources p.landingpage a:hover, table.exploresources p.landingpage a:active {
color: #330000;
text-decoration: underline;
}

table.exploresources p.explore {
font-size: 12px;
}

table.exploresources p.explore a:link, table.exploresources p.explore a:visited{
color: #990000;
font-weight:bold;
text-decoration: none;
font-size: 12px;
}

table.exploresources p.explore a:hover, table.exploresources p.explore a:active {
color: #333300;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

div.sourceintro {
text-align: center;
}

p.exploresourcesintro {
font-size: 12px;
}

p.boldsidebar {
font-size: 12px;
font-weight: bold;
}

table.exploresources {
margin: 0 auto;
width: 99%;
text-align: left;
font-size: 12px;
}

table.exploresourceshome {
margin: 0 auto;
width: 99%;
text-align: center;
font-size: 12px;
}

table.exploresourceshome td {
padding-bottom: 20px;
}


.time {
float: right;
font-size: .8em;
font-style: italic;
font-weight: bold;
padding: 0 2em;
border: 1px solid #999999;
}


table.exploresources a:link, table.exploresources a:visited, table.exploresourceshome a:link, table.exploresourceshome a:visited{
color: #330000;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

table.exploresources a:hover, table.exploresources a:active, table.exploresourceshome a:hover, table.exploresourceshome a:active {
color: #990000;
text-decoration: underline;
font-weight: bold;
font-size: 12px;
}

table.exploresources ul {
text-align: left;
list-style-type: square;
font-size: 12px;
}

table.exploresources li.comingsoon {
color: #666666;
font-size: 12px;
}

.psaresources {
border-top: 1px solid #666633;
padding-top: .3em;
color: #330000;
font-size: .9em;
font-weight:bold;
}

#title ol.questions {
text-align: left;
}

#title ol.questions li {
margin-bottom: 2px;
text-align: left;
font-size: 11px;
font-weight: bold;
}

ul.transcripts {
left-margin: 20px;
list-style-type: square;
}

ul.transcripts li {
font-size: 14px;
margin-bottom: 10px;
}

/*---------------
Lesson Template
---------------*/

.lessoninfo {
font-size: 1.1em;
}

.lessoninfo p {
margin: .2em;
}

.lesson {
list-style-type: circle;
}

.lesson ul {
font-size: 100%;
}

.title {
font-style: italic;
}

.lessontitle {
font-weight: bold;
color: #660000;
display: block;
border-top: 1px solid #990000;
padding: 5px 0 0 0;
margin-bottom: 3px;
}

/*---------------
Scrapbook Styles
-----------------*/

.photos {   
text-align: center;
}

.photos img {
margin-top: 1.5em;
}

.photos p {
font-style:italic;
}

.top {
font-size: .8em;
font-weight: bold;
text-align: right;
}

#scrapbookcohorts {
width: 70%;
padding: 3px;
font-weight: bold;
font-size: 11pt;
margin: -10px auto 0 auto;
line-height: 1.5em;
text-align: center;
}

ul.scrapbooktopnav {
font-size: 11px;
color: #333300;
font-weight: bold;
text-align: center;
}

ul.scrapbooktopnav li {
display: inline;
margin: .5em 1em;
font-size: 11px;
}

ul.scrapbooktopnav li a:link, ul.scrapbooktopnav li a:visited {
color: #333300;
text-decoration: underline;
font-size: 11px;
}

ul.scrapbooktopnav li a:hover, ul.scrapbooktopnav li a:active {
color: #660000;
text-decoration: underline;
font-size: 11px;
}

ul.scrabooktopnav li a.on {
color: #990000;
text-decoration: none;
font-size: 11px;
}

table.scrapbook {
width:100%;
}

table.scrapbook td {
width: 25%;
text-align: center;
}

table.scrapbook img {
border: 3px solid #660000;
padding: 3px;
}

/*---------
About Page
---------*/

h5.about {
margin-left: 1em;
}

.aboutgoals li {
margin-bottom: 1.2em;
font-size:12px;
}

.participants li {
font-size: 12px;
}

/*--------
Activities
--------*/

#activity {
text-align: left;
line-height: 1.2em;
}

h3.psa {
border-top: 1px solid #660000;
padding-top: .4em;
}

ul.psa {
list-style-type: square;
}

ul.psa li {
font-size: 12px;
}

ul.psanav li {
font-size: 12px;
}

ul.long {
list-style-type: square;
}

ul.long li {
margin-bottom: 1em;
font-size:12px;
}

ul.downloadsource {
font-weight: bold;
margin: 1em 4em;
list-style-type: square;
}

ul.downloadsource li {
margin: .7em 0;
font-size: 13px;
}

p.print {
text-align: right;
margin-right: 1em;
}

ul.activitysidebar {
font-size: .8em;
font-weight: bold;
}

ul.activitysidebar li {
margin-bottom: 1em;
}

p.psatitle {
margin-left: .5em;
font-size: 1em;
font-weight: bold;
}

h3.psatitle {
margin-left: .5em;
font-size: 1em;
font-weight: bold;
}


/**/

#title ul li {
font-size: .8em;
}