/* ----------- styles for body ----------- */

body {
	font-family : Georgia, serif;
	font-size : 1.5em;
	text-align : center;
	background-color : white;
	}
	
body.index {
	background-color : #5F9EA0
}

body.articles {
	background-color : #36648B;
}

body.lessons {
	background-color : #3D9140;
}

body.lessons h2 {
	color : #006400;
	font-weight : normal;
}

body.resource_kit {
	background-color : #CD6839;
}

body.readings {
	background-color : #CDBE70;
}
/* ----------- END styles for body ----------- */


/* ----------- container styles ----------- */ 
#container {
	width : 760px;
	margin-left : auto;
	margin-right : auto;
	margin-top : 0;
	margin-bottom : 0;
	padding : 15px;
	background-color : white;
	background-image : none;
	vertical-align : top;
}

#index {
	width : 750px;
	height : 600px;
	margin-left : auto;
	margin-right : auto;
	padding : 10px;
}
/* ----------- END container styles ----------- */


/* ----------- styles for header ----------- */
#path {
	margin : 10px;
	font-family : Verdana, Arial, sans-serif;
	font-size : xx-small;
	color : gray;
	text-align : left;
}

#path a:link , #path a:visited , #path a:active {
	color : #000080;
	background-color : transparent;
	border-bottom : 1px solid white;
	padding : 1px;
	text-decoration : none;
}

#path a:hover {
	border-bottom : 1px dotted silver;
}

#header {
	margin-bottom : 20px;
	margin-top : 5px;
	border-bottom : 2px solid silver; 
	border-top : 2px solid silver;
	width: 734px;
        height: 36px;
        background-image : url(images/header.gif);
	background-repeat : no-repeat;
        text-indent : -1000000px;
	font-size : 0.01em;
	color : white;
}

h1 {
        margin-bottom : 20px;
	margin-top : 25px;
	margin-left : 16px;
	margin-right : 16px;
	border-bottom : 2px solid silver; 
	border-top : 2px solid silver;
	width : 717px;
        height : 100px;
        background-image : url(images/home-logo.gif);
	background-repeat : no-repeat;
        text-indent : -10000000px;
}
/* ----------- END styles for header ----------- */


/* ----------- styles for sidebar ----------- */
#sidebar { 
	float : right;
	width : 200px;
	font-family : Verdana, sans-serif;
	font-size : x-small;
	font-weight : bold;
}

#sidebar ul.menu {
	margin-top : 0;
	margin-left : 3px;
	color : #000080;
	text-align : left;
	list-style : none;
	padding : 0;
}

#sidebar ul.menu li {
	padding-bottom : 7px;
}

#sidebar ul.menu a:link , #sidebar ul.menu a:visited , #sidebar ul.menu a:active {
	color : #000080;
	background-color : transparent;
	border-bottom : 1px solid white;
	padding : 1px;
	text-decoration : none;
}

#sidebar ul.menu a:hover {
	border-bottom : 1px dotted silver;
}

#sidebar li.submenu {
	color : #006699;
	text-indent : 6%;
	font-weight : normal;
}

#sidebar ul.resources {
	color : #006699;
	font-weight : normal;
	text-align : left;
	list-style : none;
	border-top : 1px solid silver;
	padding-top : 6px;
	padding-bottom : 0;
	padding-right : 0;
	padding-left : 0;
	margin-left : 3px;
}

#sidebar ul.resources li {
	padding-bottom : 7px;
}

#sidebar ul.resources a:link , #sidebar ul.resources a:visited , #sidebar ul.resources a:active {
	color : #000080;
	font-weight : bold;
	background-color : transparent;
	border-bottom : 1px solid white;
	padding : 1px;
	text-decoration : none;
}

#sidebar ul.resources a:hover {
	border-bottom : 1px dotted silver;
}

#sidebar .caption {
	margin-top : 8px;
	border-top : 1px dotted silver;
	font-family : Verdana, sans-serif;
	font-size : x-small;
	font-weight : bold;
	text-align : left;
	color : gray;
	margin-right : 15px;
}
/* ----------- END styles for sidebar ----------- */


/* ----------- styles for header graphic ----------- */
#resource_kit_graphic {
	float : right;
	margin-left : 15px;
	margin-bottom : 15px;
	margin-right : 10px;
	position : relative;
}

#articles_graphic {
	float : right;
	margin-left : 10px;
	margin-bottom : 15px;
	margin-right : 10px;
	position : relative;
}

#related_readings_graphic {
	float : right;
	margin-left : 10px;
	margin-bottom : 15px;
	margin-right : 10px;
	position : relative;
}
	
#lessons_graphic {
	float : right;
	margin-left : 10px;
	margin-bottom : 15px;
	margin-right : 10px;
	position : relative;
}
/* ----------- END styles for header graphic ----------- */


/* ----------- styles for content ----------- */
#content {
	position : relative;
	width : 505px;
	margin-right : 210px;
	margin-left : 20px;
	padding-right : 12px;
	border-right : 1px solid silver;
	text-align : left;
	font-family : Georgia, Times New Roman, serif;
	font-size : small;
}

.illustration img {
	border : 1px solid silver;
}

.brackets {
	font-family : Verdana, sans-serif;
	font-size : x-small;
	color : #006699;
}

.brackets a:link , .brackets a:visited , .brackets a:active {
	color : #000080;
	font-weight : bold;
}

.brackets a:hover {
	border-bottom : 1px dotted silver;
}

.book_title {
	font-style : italic;
}

#content a:link , #content a:visited , #content a:active {
	color : #000080;
	text-decoration : none;
}

#content a:hover {
	border-bottom : 1px dotted silver;
}

#content span.capleader {
	font-size : x-small;
	font-weight : bold;
	text-transform : uppercase;
}

#content p.first {
	margin-top : 0;
}
	
#content h2 {
	margin-bottom : 20px;
}

#content span.lesson_subtitle {
	font-size : small;
	color : #8B4513;
	font-family : Arial, sans-serif;
	font-weight :  bold;
	display : block;
}

.article_subtitle {
	font-size : small;
	color : #8B4513;
	font-family : Arial, sans-serif;
	font-weight :  bold;
	margin-top: 20px;
	margin-bottom : 15px;
	width : 505px;
	display : block;
}

#content span.subtitle {
	font-size : x-large;
	color : #8B4513;
	font-family : Georgia, serif;
	font-weight :  normal;
	display : block;
	margin-top: 20px;
	margin-bottom : 25px;
}

#content span.activity {
	font-size : small;
	color : #999966;
	font-family : Arial, sans-serif;
	font-weight :  bold;
	display : block;
	padding-top : 10px;
	padding-bottom : 7px;
}

ul.instructional_plan {
	list-style-type : circle;
}

ul.instructional_plan li {
	padding-bottom : 5px;
}

ol.instructional_plan li {
	padding-bottom : 5px
}

.standard_number {
	font-weight : bold;
	font-size : small;
	font-family : Verdana, sans-serif;
}

.strong {
	font-weight : bold;
}

#content ul.materials {
	text-align : left;
	padding : 0;
	margin-left : 30px;
	list-style-type : disc;
}

#content ul.materials li {
	padding-bottom : 10px;
}

.floatleft {
	float : left;
	margin-right : 20px;
	margin-bottom : 5px;
	position : relative;
}

.floatleft img {
	border : 1px solid silver;
}

.floatright {
	float : right;
	margin-left : 20px;
	margin-bottom : 5px;
	position : relative;
}

.floatright img {
	border : 1px solid silver;
}

.center {
	margin-top : 5px;
	margin-bottom : 5px;
	position : relative;
	margin-right : auto;
	margin-left : auto;
}

#millseat {
	float : right;
	width : 250px;
	margin-left : 20px;
	margin-bottom : 10px;
}

#content .caption {
	font-family : Verdana, sans-serif;
	font-size : x-small;
	font-weight : bold;
	text-align : left;
}

.credit {
	font-weight : normal;
}

.file_type {
	font-family : Verdana, sans-serif;
	font-size : x-small;
	color : gray;
}

span.file_type a:link, span.file_type a:visited, span.file_type a:active {
	font-family : Verdana, sans-serif;
	font-size : x-small;
	color : gray;
	text-decoration : none;
}

span.file_type a:hover {
	font-family : Verdana, sans-serif;
	font-size : x-small;
	color : gray;
	border-bottom : 1px dotted silver;
}

#content span.illustration a:link , .illustration a:visited , .illustration  a:active , .illustration a:hover {
	border-bottom : 0;
}
/* ----------- END styles for content ----------- */

#atlas {
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	width : 600px;
}

#resource_kit {
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	width : 504px;
}

#resource_kit p.caption {
	text-align : left;
	padding-top : 3px;
	font-family : Verdana, sans-serif;
	font-size : x-small;
	font-weight : bold;
}

#atlas p.caption {
	text-align : left;
	padding-top : 3px;
	font-family : Verdana, sans-serif;
	font-size : x-small;
	font-weight : bold;
}

#reforestation {
	margin-right : auto;
	text-align : left;
	width : 1350px;
}

#reforestation p.caption {
	text-align : left;
	padding-top : 3px;
	font-family : Verdana, sans-serif;
	font-size : x-small;
	font-weight : bold;
}

.item {
	border-bottom : 1px dotted silver;
	padding-bottom : 12px;
	margin-bottom : 20px;
}

.item p.title {
	font-weight : bold;
	color : #000080;
}

.citation {
	font-family : Verdana, sans-serif;
	font-size : x-small;
}

.item .thumbnail {
	float : left;
}

.item .thumbnail img {
	border : 0;
}

.item .thumbnail a:link, a:visited, a:active {
	text-decoration : none;
	border : 0;
}

.back_to_top {
	font-family : Verdana, sans-serif;
	font-size : xx-small;
}
	
#footer {
	clear : both;
	margin : 20px;
	padding-top : 3px;
	border-top : 1px solid silver;
	text-align : left;
	font-family : Verdana, Arial, sans-serif;
	font-size : xx-small;
	color : #006699;
}

#footer a:link , #footer a:visited , #footer a:active {
	color : #000080;
	text-decoration : none;
}

#footer a:hover {
	border-bottom : 1px dotted silver;
}