/*
Site: Reading Teachers Network
Implementation by: Brandi Lalanne for Schipul
URI: http://readingteachersnetwork.org/




*/




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0px;
padding:0px;
} 




a { outline: none; }




p { margin-bottom: 8px; color:##0f466b;}




body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0F466B;
	background: #E2E0E0 url(/images/home/body-bg.gif) repeat top center;
	}




ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }




h1, h2, h3, h5, h5, h6 { font-weight: bold; margin-bottom: 8px; } 




h1 { font-size: 18px; font-weight: bold; 	color: #6D1313; }
h2 { font-size: 16px; font-weight: bold; 	color: #6D1313; }
h3 { font-size: 12px; font-weight: bold; 	color: #6D1313; }




a { color: #7daf64; }
a:hover { text-decoration: none; }
.clear {clear:both; margin:0; padding:0;}




/*STRUCTURE*/




#wrap {width: 1003px; margin: 0 auto; padding: 0; background-color:#FFF}




#resource_from {padding-left: 10px;}
#banner {width: 1003px; height:112px; background: transparent url(/images/home/header-bg.jpg) repeat-x top left;}




	#rtn-logo {width: 493px; height: 112px; border:0; background:url(../images/home/logo.jpg) top left no-repeat; float:left}
	#banner-btns {width: 328px; float:left; height: 112px;}
	#search-area {width: 182px; height: 40px; background: transparent url(../images/home/search-title.jpg) top left no-repeat; float:left;
	padding-top: 72px}




#main-content {width: 1003px; background-color:#FFF;}








/*Left Column - Nav, NL Sign-up*/
#left-column {width: 202px; float:left; background-color:#FFF; }




	#ask-expert {width: 178px; background-color:#F7F0DF; padding: 0 6px; margin-left:3px; float:left; display:inline; 
	clear:left; color:#006699;}
	#ask-expert p {color:#006699;}
	
	#nl-form {width: 182px; clear:left; height: 105px; background:url(../images/home/mailing-bg.jpg) top left no-repeat; 
	padding: 43px 10px 0 10px; }
	
	#nl-form input {margin: 2px 0; height: 25px; background:transparent none repeat;border:medium none; border-collapse:collapse; line-height: 28px; padding: 3px 0 0 8px}
	
	




/*Mid Column (left) Story, latest news, etc*/
#mid-left-column {width: 404px; float:left;}




	.stories { width: 392px; background:url(../images/home/teachers_bg.gif) top left repeat #E2D3AC}
	#story-txt {padding: 10px 5px; width: 382px; color:#333; clear:both; float:left}
	#story-txt p {color:#333;}
	p.story-teacher {font-size: 12px; color:#006699 !important; float:right; font-weight:bold}
	#story-txt a {color:#CC3333;}
	#story-txt a:hover {background-color:#CC3333; color:#FFF;}




/*Mid Column (right) Blogs etc*/
#mid-columns-wrap {width: 619px; float:left;}
#mid-right-column {width: 215px; float:left;}




	#blog-area {width: 199px; background:url(../images/home/blog_bg_2.gif) top left repeat; padding: 6px 6px;}
	#blog-area ul {list-style:none; padding-left:5px; padding-right:5px; padding-bottom:18px;}
	#blog-area li {padding-bottom:9px;}
	#blog-area a {color: #006699; font-weight: bold}
	a.blog-titles  {color:#006699; font-size:12px; font-weight:bold; text-decoration:none}
	a.blogcentral {color:#0F466B; text-decoration:none; float:right; margin-bottom:10px}
	a.blogcentral:hover {background-color:#CC3333; color:#FFF;}








/*Bottom Middle*/
#mid-btm {width: 619px; clear:both; margin: 0 0 5px 0}




	#news-table {font-size:11px; color:#333; font-family:Tahoma, Geneva, sans-serif;}
	#news-table p {font-size:11px; color:#333; font-family:Tahoma, Geneva, sans-serif; margin:7px}
	#news-table a {color:#5e844c}
	#news-table td {padding-left:10px;}
	p.news-table-title {color:#CC3333 !important; font-family:"Times New Roman",Times,serif !important;
	font-size:14px !important;font-weight:bold;line-height:1em;text-align:left;text-decoration:none; padding:0 !important}
	p.news-table-title a{color:#CC3333 !important; font-family:"Times New Roman",Times,serif !important;
	font-size:14px !important;font-weight:bold;line-height:1em;text-align:left;text-decoration:none; padding:0 !important}
	
	
	
/*Right Column*/	
#right-column {width: 182px; float:right;}




	#featured-txt {width: 157px; margin:0 auto; background-color:#E9F2F6; padding: 5px; text-align:center}
	#pole-section {width: 158px; margin:0 auto; background-color:#E9F2F6; padding: 5px; text-align:center}
	




/*footer*/
#footer-area {width: 1003px; height: 51px; background:url(../images/home/footer-bg.jpg) top left repeat-x; margin-bottom:5px; padding-top:20px}




	#footer-area a{color:#006699;
font-family:"Times New Roman",Times,serif;
font-size:11px;
font-weight:bold;
text-align:center;
text-decoration:none; }




	#footer-area a:hover {color:#666}
	
	
	
	#bodycontent {float:right; width: 752px; padding: 10px 20px;z-index: 1; position:relative; color:#0f466b}
	#t-cms-content p { font-size:11px; font-family:Tahoma, Geneva, sans-serif; color:#0f466b}
	#t-cms-title h1 {font-family:Tahoma, Geneva, sans-serif; 
padding-top:10px;}
	




/*TENDENCI*/
.titles {  font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #6CA0AE;}
.subtitles {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FBAF6A;
}
.body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: ##0f466b}
.currency {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#7DAF64; text-decoration: none}
.bold_body_copy_blue {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #6CA0AE; text-decoration: none}
.big_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #7C705F; text-decoration: none}
.links {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #7daf64;}
.copyright {  font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #33CC00}
.body_copy_alerts { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #7C705F}
.reports {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #7C705F; text-decoration: none}
.reports_big_body_copy { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #7C705F; text-decoration: none }
.reports_subtitles { font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #7C705F}
.reports_titles { font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #7C705F}




div#skiptocontent {
     position: absolute;
     left: -9999px;
}	 




.color1 {
	background-color: #f7faeb;
}
.color2 {
	background-color: #dbb793;
}








h1 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
	color: #98012e;
}




h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #009ec2
}




h3 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: normal; 
	color: #009ec2; 
	text-decoration: none
	}




h4 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #008ca8; 
	text-decoration: none
	}




h5{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color:#008ca8; 
	text-decoration: none
	}




td { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #0F466B
}




input{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #7C705F
}




textarea{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #7C705F
}








select{
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #7C705F
}
.contact { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF}




.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
}
#contentarea {
z-index:150px
}


#news-table { background: transparent url(/images/home/news-title.jpg) no-repeat top left; }













.story-bg {width: 392px; height:390px; background:url(../images/home/teachers_bg.gif) top left repeat #E2D3AC; float:left; z-index: 2; position:relative}




				.story-item {
				position: relative;
				width: 392px;
				background:url(../images/home/teachers_bg.gif) top left repeat #E2D3AC;  clear:left
				}
					
					.story-item img {
					display: block;
					width: 392px;
					height: 212px;




					}
						
					.story-item h1 {
						color:#CB3B45;
						font-family: Tahoma, Geneva, sans-serif;
						font-size:12px;
						font-weight: bold;
						padding: 10px;
						margin: 0px;
						}
						
					.story-item p {
						width: 340px;
						padding-left: 10px;
						color: #0F466B;
						font-family: Tahoma, Geneva, sans-serif;
						font-size:11px;
						}
						
						.story-item a {
						width: 70px;
						padding-left:10px;
						color:#5e844c;
						}		
						
						#nav-stories { 
						
						display: block;
						height: 20px;
						padding:  5px;
						
						}
						
						
						#nav-stories a {
							display: block;
							width: 20px;
							height:17px;
						
							border: 1px solid #FFF;
							float: left;
							margin-right: 5px;
							text-align: center;
							text-decoration: none;
							color:#FFF;
							font-weight:bold;
							font-size:11px;
							
							}
							#nav-stories a.activeSlide {
								border: 1px solid #FFF;
								background-color:#EAF1F7;
								width: 20px;
								height:17px;
								color: #C1443E;
								}
								
								.story-item {position:relative; z-index:3}