/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
   color:#333333;
   background:#452e24;
   font-family:Constantina,Georgia,serif;
   font-size: 68%;
   margin:0;
}
  
html,body{
   height:100%;
}

* {
   margin:0;
   padding:0;
   list-style-type:none;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
   font-family:Arial, Helvetica, sans-serif;
}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/
a{
   outline:0;
}
a:link,
a:visited{
   color:#00533e;
   text-decoration: none;
}

a:hover,
a:active {
 color:#0d1411;
 text-decoration:none;
}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
   display: none; }

img {
   border: none;
}

fieldset br{
   clear:left;
}
 
fieldset{
   border:none;
}

/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
   clear:both;
   font-size: 0;
   height: 0;
   line-height: 0;
   overflow: hidden;
}
	
.clearfix:after { /* clear floats */
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

.clearfix {
   display:inline-block;
}

/* Hides from IE-mac \*/
.clearfix {
   display: block;
}
/* End hide from IE-mac */



/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container{
   	width: 971px;
   	font-size:1em;
	background: #fff url(images/bg_sidebar.gif) repeat-y top left;
}

#header{
   height: 99px;
	position:relative;
	background: transparent url(images/bg_header.jpg) repeat-x top left;
}

#content{
   padding-bottom:30px;
}

#footer{
   border-top:2px solid #F8F3E6;
   color:#8D8B8B;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:.95em;
   padding: 13px 0 0 0;
   margin: 60px 0 0 0;
   clear:both;
}
 
 /* 3.1 CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
/** navigation
 * --------------------
 * ====================*/
#sidebar{
   width: 171px;
   float:left;
}

ul#side-nav{
   MD-font-family:Verdana,Arial, Helvetica, sans-serif;
   padding: 0 0 30px 20px;
	margin-top:5px;
}

ul#side-nav li a{
   display:block;
   width: 131px;
   border-bottom:1px solid #D5C8B4;
   color:#000000 !important;
   padding: 7px 0;
}
ul#side-nav li.haschild a{
	border-bottom:1px dotted #D5C8B4;
}
li.activesiblings a{
	border-top:1px solid #D5C8B4;
}
ul#side-nav li.active li a{
	border:none;
}
ul#side-nav li a:hover{
   background:url(images/icon_arrowhover.gif) no-repeat 147px center ;
}

ul#side-nav li ul a{
   padding: 7px 0 7px 21px;
   width: 140px;
   margin-left:-10px;
   border:none;
}

ul#side-nav li a.active{
   font-weight:bold;
}

ul#side-nav li li.active a{
   background:#FFF url(images/icon_arrowactive.gif) no-repeat 147px center; /* michael changed 131 > 141 */
   font-weight:bold;
}


#sub-nav,
#sub-navteacher {
 background:#FBF3E0;
 float:right;
 padding:7px 0 0 12px;
 color:#000;
 height:27px;
 position:relative;
 top:-11px;
 MD-font-family:Verdana,Arial, Helvetica, sans-serif;  /* MD */
}

#sub-nav span.title,
#sub-navteacher span.title{
 float:left;
 margin: 6px 0 0 0;
 MD-font-family:Verdana, Arial, Helvetica, sans-serif;}

#sub-nav ul,
#sub-navteacher ul{
 float:left;
 margin: 0 0 0 10px;
}

#sub-nav ul li,
#sub-navteacher ul li{
 float:left;
}

#sub-nav ul li a,
#sub-navteacher ul li a{
 display:block;
 float:left;
 height:17px;
 color:#4F4C46 !important;
 text-align:center;
 padding: 5px 10px;
}

#sub-nav ul li.active a,
#sub-nav ul li a:hover,
#sub-navteacher ul li.active a,
#sub-navteacher ul li a:hover{
 background:#FFF;
 color:#000 !important;
 }

#sub-nav ul li.active a,
#sub-navteacher ul li.active a{
 font-weight:bold;
}

#sub-navteacher{
	height:74px;
}

/** paging **/
.prev-next-mini{
   	float:right;
   	width:155px;
	clear:both;
}
.prev-next-mini .prev-small{
   float:left;
}
.prev-next-mini .prev-small a{
   display:block;
   width:18px;
   text-indent:-9999px;
   background:transparent url(images/prev-top.gif) no-repeat 0 -11px;
   height:11px;
}
.prev-next-mini .next-small{
   float:right;
}
.prev-next-mini .next-small a{
   display:block;
   width:17px;
   text-indent:-9999px;
   background:transparent url(images/next-top.gif) no-repeat 0 -11px;
   height:11px;
}
.prev-next{
   width:180px;
}
.prev-next .prev-small{
   float:left;
}
.prev-next .prev-small a{
   display:block;
   width:92px;
   text-indent:-9999px;
   background:transparent url(images/prev-bottom.gif) no-repeat 0 -15px;
   height:15px;
}
.prev-next .next-small{
   float:right;
}
.prev-next .next-small a{
   display:block;
   width:62px;
   text-indent:-9999px;
   background:transparent url(images/next-bottom.gif) no-repeat 0 -15px;
   height:15px;
}
.prev-next-mini .next-small a:hover,
.prev-next-mini .prev-small a:hover,
.prev-next .prev-small a:hover,
.prev-next .next-small a:hover{
   background-position:0 0;    
}

/** dynamic font-size **/
#sidebar ul li,
#sub-nav{
   font-size:1.2em;
}
#sidebar ul li li,
#sub-nav span,
#sub-nav ul li{
   font-size:.85em;
}


 /** homepage
 * --------------------
 * ====================*/
 #hompage{
   width: 685px;
   float:right;
}
.expressive-journey{
 padding: 40px 0 36px 0;
 font-family:"Times New Roman", Times, serif;}
 
.expressive-journey p{
 padding: 0 0 0 225px !important;
 color:#6E6E6E;
 width: 461px;
 position:relative;
 margin-top:-45px;
 line-height:1.3em;
 font-size:1.5em !important;}

.expressive-journey h2{
 background:url(../../images/header_expressivejourney.gif) no-repeat top left;
 width: 400px;
 height:150px;}

.liketodo{
 font-family:"Times New Roman", Times, serif;}

.liketodo h2{
 background:url(../../images/header_whatwouldyouliketodo.gif) no-repeat top left;
 width: 304px;
 margin: 0 0 10px 0;
 height:47px;}

.liketodo p{
 height:90px;
 font-size:1.4em !important;
 line-height:1.6em;
 padding: 0 0 0 178px !important;}

.liketodo p img.thumb{
 float:left;
 vertical-align:middle;
 margin: 0 15px 0 0;}

.liketodo p a.link{
 font-weight:bold;
 position:relative;
 top:15px;
 color:#F84A00 !important;}
 
/** content
 * --------------------
 * ====================*/
#main-content{
   width: 700px;
   float:left;
   padding: 0 0 0 40px;
}

#main-content-wrapper{
   padding: 0 0 40px 0;
}

#main-content h2{
   text-indent:-9999px;
   overflow:hidden;
}

h3{
 MD-color:#663e25;
 color:#7f5834;
 MD-font-style:italic;
 font-style:regular;
 font-size:1.2em;
 margin-top:3px;
 margin-bottom:9px;  /* MD changed from 13px */
}

/*added by firman*/
.block-center {
	text-align:center;
	margin:10px 0;
	width:100%;
}
.block-right{
	float:right;
	margin:20px 0 10px 20px;
}

.block-left{
	float:left;
	margin:20px 20px 10px 0px;
}
.img-placeholder img,
.block-left img,
.block-right img,
.block-center img{
	margin:0 10px;
	text-align:center;
	border:3px solid #F7EED8;
}
.caption
{
	margin: 10px;
	text-align: left;
	font-size: .9em; /* MD changed from 0.85 */
   MD-font-style:italic;
	color: #7f5834;
	line-height: 1.35;
}
.content{
   padding:5px 0;
   text-align:left;
   font-size:1.2em;
   line-height:1.65em;  /* MD changed from 1.5 */
}
.content p{
   padding:7px 0;
}
.content ul{
	margin:5px 0;
}
.content ul li{
	list-style-type:square;
	padding:2px 0;
	margin-left:25px;
}
.content ol{
	margin:5px 0;
}
.content ol li{
	list-style-type:decimal;
	padding:2px 0;
	margin-left:25px;
}
.content ol ol{
	margin-left:25px;
}
.content blockquote{
	font-style:italic;
	margin:10px 0 10px 25px;
	padding:5px;
	text-align:left;
	font-size:.9em;
}
.content blockquote .indent25{
	margin-left:10px;
}
.content blockquote .indent50{
	margin-left:25px;
}
.content blockquote .indent100{
	margin-left:50px;
}
.content blockquote .indent150{
	margin-left:75px;
}
.content blockquote .indent200{
	margin-left:100px;
}
.content blockquote .indent250{
	margin-left:125px;
}
.content blockquote .indent300{
	margin-left:150px;
}
.content blockquote .centerize{
	text-align:center;
	margin:10px auto;
}
.content blockquote .camouflage{
	color:#FDFCF7;
}

.content blockquote .author{
	font-style:normal;
	font-size:1.1em;
}
.content blockquote table td{
	padding:0 3px;
}
.content blockquote p{
	padding:10px 0 0;
}
.content .block_yellow{
	background:#FFFF00;
}
.content a{
	text-decoration:underline;
}
.content a:hover{
	text-decoration:none;
}
.content dl{
}
.content dl dt{
	margin-top:5px;
}
.content dl dd{
	margin:0 0 5px 25px;
}
.content h5{
	display:none;
	color:#fff;
}
.content .img-placeholder{
	text-align:center;
	margin:0 auto;
}
.content .apa{
	margin-left:20px;
	text-indent:-20px;
}
.content pre{
	margin-left:20px;
font-family:Constantina,Georgia,serif;
}
.content table td{
	vertical-align: top;
	padding:0 5px;
}
.content ul li h4{
	text-decoration:underline;
}
/** examples page **/
.examples{
	border:2px solid #F7EED8;
	background:#FDFCF7;
}
/** at a glance **/
.desc{
 	float:left;
 	color:#333333;
 	width: 300px;
}

.notes{
 	width: 305px;
 	float:right;
 	border:2px solid #F7EED8;
 	padding: 10px 16px;
 	background:#FDFCF7;
    font-size:.85em;
    line-height:normal;
}
.lesson{
 	border:2px solid #F7EED8;
 	padding: 10px 16px;
 	background:#FDFCF7;
    	line-height:normal;
}
.lesson ol{
	margin:0;
	margin-bottom:10px;
}
.lesson ol li{
	padding:0;
	padding-bottom:4px;
}

table.table-notes{
 	width: 100%;
}

table.table-notes tr.last td{
	border:none;
}

table.table-notes  td.title{
 	color:#858585;
 	width: 100px;
 	font-weight:bold;
 }

table.table-notes tr td{
 	border-bottom:1px solid #F7EED8;
 	padding: 10px 0;
 	vertical-align:top;
}
table.table-notes ul{
	margin:0;
	padding:0;
}
table.table-notes ul li{
 	list-style-type:square;
	margin:0;
	padding:0;
 	margin:  0 0 5px 17px;
}
/** resizer **/
#resizer{
	float:left;
	width:115px;
}
#resizer a{
	text-decoration:underline;
}
#resizer a:hover{
	text-decoration:none;
}
a#smallFont {
	font-size:12px;
	text-transform:uppercase;
}
a#revertFont {
	font-size:16px;
	text-transform:uppercase;
}
a#bigFont {
	font-size:20px;
	text-transform:uppercase;
}

h1#poetry{
	position:absolute;
	left:60px;
	top:10px;
}
h1#poetry a{
	text-indent:-99999px;
	outline:0;
	display:block;
	height:87px;
	width:350px;
}
h2#webexhibits{
	position:absolute;
	left:460px;
	top:12px;
}
h2#webexhibits a{
	text-indent:-99999px;
	display:block;
	outline:0;
	height:30px;
	width:120px;
}
#search{
	position:absolute;
	right:0pt;
	top:60px;
}

.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.noheader{
	/*margin-top:60px;*/
}
.teacher{
	font-weight:bold;
	margin-right:5px;
}
.abouteacher{
	margin-top:20px;
}
.magnify {
	position:relative;
}
.magnify .glass{
	position:absolute;
	background:#F7EED8 url(images/icon_enlarge.gif) no-repeat scroll left top;
	height:24px;
	width:25px;
	top:20px;
	left:10px;
	cursor:pointer;
}

.lightbox-rev1{
	position:relative;
}
.magnify-right-rev1,
.magnify-left-rev1{
	position:absolute;
	top:20px;
	z-index:10;
}
.magnify-right-rev1{
	right:-65px;
}
.magnify-left-rev1{
	left:-15px;
}
.magnify-right-rev1 a,
.magnify-left-rev1 a{
	display:block;
	height:24px;
	width:70px;
	background:transparent url(images/icon_enlarge_rev1.gif) no-repeat scroll 0 0;
}
.magnify-right-rev1 a:hover,
.magnify-left-rev1 a:hover{
	background-position:0 -24px;
}
.introduction{
	padding-left:100px;
	color:#F84A00;
}
.introduction a{
	color:#F84A00;
	font-weight:bold;
}
.marginLeft10{
	margin-left:10px;
}
.marginRight10{
	margin-right:10px;
}
.print{
	display:none;
}
/** the flash **/
#timeline-box{
	position:relative;
}
#spicynodesViewer{
	position:relative;
	left:-40px;
	top:-25px;
}
div#clearfix{
	height:14px;
}
#nodes-txt{
    /**display:none;**/
    color:#F98741;
    text-align:center;
    font-size:13px;
}
#nodes-txt a{
    color:#F98741;
    text-decoration: underline;
}
#nodes-txt a:hover{
    text-decoration: none;
}
#nodes-txt p{
    padding:10px 0;
}
/*end firman section*/



 /* 3.2 FOOTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#footer a{
 text-decoration:underline !important;
 color:#51739B !important;}

#footer .spicynodes{
 color:#000000;}

#footer .spicynodes img{
 margin-top:-29px;
 position:relative;
 z-index:10;
 vertical-align:middle;}

#footer .spicynodes a img{
 text-decoration:none !important;}
 
#footer .copyright ,
#footer .copyright a{
 color:#8D8B8B !important}

#wrap{
	position:relative;
}
/* Advertising */
#ads{
	left: 971px;
    position: absolute;
    top: 85px;
	width:190px;
}
	#ads h3{
		font: 12px Helvetica;
	    text-align: right;
	}
	#ads .ads{
		margin:0 0 0 30px;
	}