body {
	color: #333 ;
	font: small "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif ;
	-width: 800px ;
	background: #fff none no-repeat ;
	-padding: 0 1em ;
	-margin: 0 1em ;
}

h1 {
	color: #0066B3;
	padding: 0.4em 0.5em 1.2em 0.5em;
	margin: 1.5em 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: lighter ;
	text-align:center
}

h2 {
	color: #0066B3;
	margin: 2em 0 0 0 ;
	padding: 0.5em 0 0 0 ;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-style: normal ;
	font-weight: lighter ;
	border-bottom: 1px dotted #8bc;
}

h3 {
	color: #666 ;
	margin: 0.4em 0 0 0 ;
	font-family: Verdana, Helvetica, serif;
	font-size: 1.1em;
	font-style: italic ;
	font-weight: lighter ;
}

p {
	line-height: 1.5em;
	font-size: 1.0em;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}

ul {
	list-style-position: outside ;
	list-style-type: disc ;
	list-style-image: url(bullet.png) ;
}

/* Page
--------------------------------------*/
#canvas {
	width: 100% ;
	-padding: 0 ;
	-margin: 0 ;
}

#footer li{
	display:inline;
	float:none;
	text-align:center;
	padding: 0px 10px 0px 10px;
	border-right: solid 1px #908a68;
}

ul li {
	padding: 0.2em 1em 0.2em 0 ;
}

ol {
	list-style-position: outside ;
	color: #264059 ;
}

ol li {
	padding: 0.2em 1em 0.2em 0 ;
}

a {	
color: #003366 ;

}



.white {
	color: #FFFFFF;
}

table {
	empty-cells: show ;
	border-collapse: collapse ;
	border: 1px solid #cccccc ;
	color: #000000 ;
	background: #ffffff ;
	width: 800px ;
	min-width: 800px ;
	-max-width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 1em ;
	-margin-left:auto;
	-margin-right:auto
}


td, th {
	border: 1px dashed #cccccc ;
	padding: 0.8em ;
	color: #333 ;
}

thead th, tfoot th {
	border: 1px solid #cccccc;
	text-align: center;
	color: #ffffff;
	padding: 0.5em 1.0em ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bolder;
	background-color: #0066b3;
}

.nav_bg {
	background-color: #0066b3;
}

tbody td {
	padding: 0.1em 0.4em ;
	text-align: left ;
}

tbody td + td + td {
	padding: 0.1em 0.4em ;
	text-align: center ;
}

tbody td + td + td img {
	margin-top: 0.1em ;
	text-align: center ;
	vertical-align: middle ;
}

tbody td p {
	--margin: 0 ;
	--padding: 0.2em 0 ;
}

tbody td a {
	background: transparent ;
	text-decoration: none ;
	color: #660000 ;
	font-weight: bold ;
}

tbody td a:hover {
	background: transparent;
	color: #003366;
}

tbody th a {
	background: transparent ;
	text-decoration: none ;
	font-weight:normal ;
	color: #f6ecf0 ;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 1em ;
	font-style: normal ;
	font-variant: normal ;
}

tbody th a:hover {
	background: transparent;
	color: #00252b ;
}

tbody th {
	vertical-align: top;
	text-align: left;
}

tfoot td {
	border: 1px solid #333333;
	padding-top:6px;
}

tbody tr:hover {
	margin-left: 3px;
	background-color: #efefef;
}

tbody tr:hover th {
	background: #ffc ;
}

#content {
	margin: 0 auto ;
	width: 800px ;
}

/* Topic */
.topic {
	background-color: #efefef ;
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: bolder;
	margin-left: 1.1em ;		
}

/* Subtopic (grouping of related documents with a topic folder) */
.subTopic {
    font-family: Arial, Helvetica, sans-serif ;
	text-indent: 0.5em ;
	font-style: italic ;
	font-weight: bolder ;
}

/* Apply to all document types */
.LES td, .ACT td, .AS td, .KEY td, .MMAS td, .RDG td, .PRES td {
	line-height: 1.4em ;
	padding: 0em 1em ;
}


/* Lesson */
tbody .LES {

}

/* Activity */
.ACT {
		
}

/* ??? */
.AS {
	
}
	
/* Answer Key */
.KEY {
		
}

/* ??? */
.MMAS {
		
}

/* Reading */
.RDG {
	
}

/* Presentation */
.PRES {
	
}

/*
.index {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0066B3;
}
*/

/* Page Navigation */
ul.navigation {
	padding: 1em ;
	display: block ;
	text-align: center ;
	color: #0066b3 ;
}
	
li.inline {
	display: inline ;
	padding-left: 3px ;
	padding-right: 7px ;
	border-right: 1px dotted #066 ;
}


li.inlinewhite {
	display: inline;
	padding-left: 3px;
	padding-right: 7px;
	border-right: 1px dotted #FFF;
}



li.last {
	display: inline ;
	padding-left: 3px ;
	padding-right: 3px ;
	border-right: 0px ;
}
#column1 {
	width: 390px;
	float: left;
	margin-top: 0px;
	padding-left: 10px;
}
#column2 {
	width: 390px;
	float: right;
	margin-top: 0px;
	padding-left: 10px;
}

#column2 p {
    line-height: 1.5em;
	font-size: 1.0em;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 0em;
	margin-left: .0em;
}

#column2 ul {
    padding: 0.2em 1em 0.2em 2em ;
}


#column1 p {
    line-height: 1.5em;
	font-size: 1.0em;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 0em;
	margin-left: .0em;
}

#column1 ul {
    padding: 0.2em 1em 0.2em 2em ;
}

/* Footer 
--------------------------------------*/
#canvas #footer {
	clear: both ;
	width: 740px ;
	margin: 0 auto ;
	padding: 10px 30px 10px 30px ;
	border-top: 2px solid #efefef ;
	color: #fff ;
	background-color: #0066b3;
	font-size: 1.0em ;
	-webkit-box-shadow: 0px 2px 10px #def ;
	-moz-box-shadow: 0px 2px 10px #def ;
	box-shadow: 0px 2px 10px #def ;
}

#canvas #footer a {
	color: #fff ;
	text-decoration: none ;
	border-bottom: 1px dotted #999;
}

#canvas #footer .copyright {
	text-align: center ;
}

#canvas #footer #contact {
	-float: left ;
	width: 200px ;
}

#canvas #footer #contact p {
	
}

#canvas #footer #navigation {
	-float: left ;
	width: 500px ;
}

#canvas #footer #navigation ul {
	
}

#canvas #footer #navigation ul li {
	
}

#canvas #footer #side-show {
	-float: left;
	width: 160px ;
}