/*****************************************
SPIDER SMART - STRUCTURE

BODY
*****************************************/
body
{text-align:center;}

    
	body *
	{ margin:0; outline:none; padding:0; text-decoration:none;}

.textBold
{ font-weight:bold; }

.noBorder
{ border:0; }

.noMargin
{ margin:0; }

.center
{ text-align:center; }

.centered
{ margin:0 auto; }

.clear
{ clear:both; }

.fullLink
{ cursor:pointer; display:block; height:100%; width:100%; }

#tooltip
{ background: url(images/bg-tooltip.png); border-bottom:2px solid #000; text-align:left; padding:10px; width:280px; }

/*****************************************
HEADER
*****************************************/
.container
{ margin:0 auto; width:950px; padding-bottom: 50px;}

	.branding
	{ height:100%; overflow:hidden;}

		.branding a.logo
		{ background: url(images/spidersmart_logo.gif) 0 0 no-repeat; float:left; height:100px; text-indent:-9999px; width:163px;}
	
			.branding a.logo h1
			{float:left;}
	
		.branding h2
		{ background:url(images/slogan_read_write_achieve.jpg) 0 0 no-repeat; float:left; height:42px; margin-top:20px; margin-left:50px; text-indent:-9999px; width:325px;}
	
		.branding div.formHeader
		{float:right; margin-top:30px;}
		
				.branding div.threeLines
				{ margin-top:15px; }
	
		.branding div.formHeader p
		{color:#EB0; display:inline; font:bold 12px/normal Tahoma, Geneva, sans-serif;}
		
				.branding div.formHeader p.headerInfo
				{display:block; text-align:right;}
				
					.branding div.formHeader p.headerInfo span
					{color:#000; font-weight:normal;}

		.branding div.formHeader input
		{ border:1px solid #777; color:#777; font:normal 10px/normal Tahoma, Geneva, sans-serif; padding:2px; vertical-align:middle; width:100px;}
		
		.branding div.formHeader button
		{border:1px solid #777; color:#777; font:normal 10px Tahoma, Geneva, sans-serif; height:18px; text-align:center; margin-left:5px; vertical-align:middle; width:20px;}
        
        .branding div.formHeader label
        {display: none;}
		
		.branding ul
		{ clear:right; float:right; list-style:none; margin-top:5px; white-space:nowrap;}
		
			.branding ul li
			{ color:#777; display:inline; font:normal 10px Tahoma, Geneva, sans-serif;}
			
				.branding ul li a
				{ color:#777;}
				
					.branding ul li a:hover
					{ text-decoration:underline; }
					
.socialIcons
{ clear:right; color:#666666; float:right; font-size:10px; margin:5px 0 5px 0; width:130px;}
	
	.socialIcons img
	{ position: relative; bottom: -5px; margin-left: 5px; }



/*****************************************
NAV BAR
*****************************************/
#nav
{border:1px dashed #CCC; border-left:0; border-right:0; clear:both; padding:5px 0; position:relative; width:auto;}

#nav-2
{border:0px dashed #CCC; border-left:0; border-right:0; clear:both; padding:5px 0; position:relative; width:auto;}

	#nav ul
	{background:url(images/bg_navbar.gif) 0 0 repeat-x; height:100%; list-style:none; overflow:hidden; }
	
		#nav ul li
		{font:bold 12px/33px Arial, Helvetica, sans-serif; float:left;}

				#nav ul li.left
				{background:url(images/bg_navbar_left.gif) 100% 0 no-repeat; width:12px;}
				
				#nav ul li.right
				{background:url(images/bg_navbar_right.gif) 0 0 no-repeat; float:right; width:12px;}

            #nav ul li a
            {border:1px solid #F99D0E; border-top:none; border-bottom:none; color:#333; display:block; padding:0 10px;}
            
			#nav ul li ul li a
			{cursor: pointer;}
			
					#nav ul li a.left
					{border-left:0;}
					
					#nav ul li a.right
					{border-right:0;}
					
				#nav ul li a:hover
				{text-decoration:underline;}

/*****************************************
NAV BAR - SECOND LEVEL
*****************************************/
		#nav ul li ul
		{ background:#FB9704; border:1px solid #FBBC49; border-top:0; height:auto; position:absolute; display: none; }
		
			#nav ul li ul li
			{ border-bottom:1px solid #F0A942; float:none; text-align:left; white-space:nowrap; }
/*****************************************
CONTENT
*****************************************/
.content
{ clear:both; color:#666; font:normal 12px/1em Arial, Helvetica, sans-serif; margin-top:10px; text-align:left;}

	.fullContent
	{ height:100%; margin:0; overflow:hidden;}

		.fullContent h3
		{ font-size:30px; font-style:italic; font-weight:normal; line-height:1.5em;}

		.fullContent h4
		{ font-size:18px; line-height:2em; margin-top:10px;}

		.fullContent dl 
		{ position:relative; }

			.fullContent dl dt
			{ font-size:14px; font-weight:bold; margin-top:20px; }
			
				.fullContent dl dd
				{ font-size:11px; margin:3px 0; }
	
					.fullContent dl dd a
					{ background:url(images/icon-location.gif) 0 100% no-repeat; color:#666; display:block; padding:8px 0 0 20px;}
	
					.fullContent dl dd a:hover
					{ text-decoration:underline; }

		.fullContent address
		{ font-size:12px; font-style:normal; line-height:1.5em; margin:0 0 15px ;}

		.fullContent p
		{ font-size:12px; line-height:1.5em; margin:5px 0;}

			.fullContent p span
			{ font-weight:bold; }

			.fullContent p a
			{ color:#666; font-weight:bold; }
			
					.fullContent a.orange
					{ color:#EEBB00; }

				.fullContent p a:hover
				{ text-decoration:underline; }

		.fullContent ul
		{ list-style-position:outside; margin-left: 15px; }

			.fullContent ul li
			{ margin:5px 0; }

	.twoColumns
	{ clear:both; height:100%; margin-bottom:10px; overflow:hidden;}
	
		.twoColumns div.column
		{width:47.5%;}
		
		.twoColumns div.left
		{float:left;}
		
			.twoColumns div.leftBigger
			{ width:82.5%;}

		.twoColumns div.right
		{float:right;}
		
			.twoColumns div.rightSmaller
			{ width:17.5%; }
			
		.alternativeBg
		{ background: url(../images/bg_alternative.gif) 100% 100% repeat; height: 224px; margin-bottom:0;  }

	.threeColumns
	{ clear:both; height:100%; margin-bottom:10px; overflow:hidden;}

		.threeColumns div.column
		{width:32.6%;}
/*		
			div.learningCenters div.column
			{width:213px;}
*/		
		.threeColumns div.left
		{ float:left;}

		.threeColumns div.middle
		{ margin:0 auto; position:relative;}

		.threeColumns div.right
		{ float:right;}
		
		.frontDescription
		{ padding: 30px 0 0 0; width: 545px; }
		
			.frontDescription h2
			{ color:#006600; font-size:24px; font-style:italic; font-weight:normal; padding: 0 15px 0 0; text-align: left; }
			
		.frontContent 
		{ color:#006600; font-size:16px; line-height:16px; margin:30px 0 0 100px; width:345px; text-align:justify;}

		
			.largeImage
			{ height: 210px; width: 340px; }
			
		.localHomeContent
		{ border-top: 1px solid #f89a0b; border-bottom: 1px solid #f89a0b; position: relative; background: url('../images/bg-centers-content.gif') repeat-y; } 
		
			.localHomeContent .cornerBottomRight, .localHomeContent .cornerBottomLeft 
			{ background-position:50% 50%; background-repeat:no-repeat; height:15px; position:absolute; width:16px; z-index:10; }			
			
			.localHomeContent .cornerBottomRight 
			{ background-image:url(../images/bg_localhomecontent_right.gif); right:0; bottom:-1px; clear: both; }
			
			.localHomeContent .cornerBottomLeft
			{ background-image:url(../images/bg_localhomecontent_left.gif); /*left:-1px;*/ bottom:-1px; }
            
            /* IE7 FIX */
            * + html .localHomeContent .cornerBottomLeft,
            * + html .localHomeContent .cornerBottomRight
            { bottom:0; }
		
        
     .fullColumn  table
     {margin: 0 auto;} 

/*****************************************
CONTENT - IMAGE AND TEXT
*****************************************/

.imageText
{ background:none; height:100%; padding:15px 0; overflow:hidden;}

		.imageText div.imageHolder
		{ border:1px solid #666; background-position:0 24px; background-repeat:no-repeat; float:left; height:88px; margin-right:15px;  position:relative; width:128px; }
		
		.imageText div.imageAuto
		{ width:auto; }

		.imageText div.heightAuto
		{ height:auto; }

		.imageText div.noBorder
		{ border:0; }
		
			.imageText div.imageHolder p
			{ border-bottom:1px solid #666; font-weight:bold; line-height:2em; margin:0; padding:0 5px;}
				
			.imageText div.imageHolder a
			{ background:none; display: block; height:88px; margin:0; padding:0; position:absolute; text-decoration:none; top:0; width:128px;}

		
		.imageText p.link
		{ font-weight:bold; line-height:14px; margin-bottom:10px; }

		.imageText p.margin
		{padding-left: 169px;}
		
		.imageText p.title
		{ color: #EF690F; font-size:14px; font-weight:bold; height:auto; left:0; position:relative; top:0; }

		.imageText p.subtitle
		{ font-size:18px; }

				.imageText p.read
				{ color:#F93; }

				.imageText p.write
				{ color:#9C3; }

				.imageText p.revise
				{ color:#69F; }

			.imageText p a
			{ background-position: 0 0; background-repeat:no-repeat; margin-bottom:15px; padding-left:20px; }
			
				.imageText p a:hover
				{text-decoration:underline;}
		
	.imageOne p a
	{ background-image:url(images/bg_arrow_imageone.jpg); color: #D46811;}
	
	.imageOne div.imageHolder
	{ background-image:url(images/img_01.jpg);}
	
		.imageOne div.imageHolder p
		{ background-color:#D46811; color:#FFF;}
	
	.imageTwo p a
	{background-image:url(images/bg_arrow_imagetwo.jpg); color: #83871A;}

	.imageTwo div.imageHolder
	{ background-image:url(images/img_02.jpg);}

		.imageTwo div.imageHolder p
		{ background-color:#FFDD3A; color:#666; }

	.imageThree p a
	{background-image:url(images/bg_arrow_imagethree.jpg); color: #CCA93E;}

	.imageThree div.imageHolder
	{ background-image:url(images/img_03.jpg); }

		.imageThree div.imageHolder p
		{background-color:#F2C563; color:#666; }

	.borderBottom
	{ border-bottom:1px solid #999; }
	
/*****************************************
CONTENT - IMAGE AND TEXT - LEARNING CENTERS - LANDING PAGES
*****************************************/
.learningBox
{ border:1px solid #CCC; overflow:visible; padding:0; position:relative; }

	.learningBox div.learningBoxTopLeft,
	.learningBox div.learningBoxTopRight,
	.learningBox div.learningBoxBottomLeft,
	.learningBox div.learningBoxBottomRight
	{ height:19px; line-height:10px; position:absolute; width:19px; }
	
			.learningBox div.learningBoxTopLeft
			{ background:url(images/corner-top-left.png) 0 0 no-repeat; left:-1px; top:-1px;}
			
			.learningBox div.learningBoxTopRight
			{ background:url(images/corner-top-right.png) 0 0 no-repeat; right:-1px; top:-1px; } 
				
			.learningBox div.learningBoxBottomLeft
			{ background:url(images/corner-bottom-left.png) 0 0 no-repeat; bottom:-1px; left:-1px; } 
			
			.learningBox div.learningBoxBottomRight
			{ background:url(images/corner-bottom-right.png) 0 0 no-repeat; bottom:-1px; right:-1px; } 

	.learningBox div.imageHolder
	{ border:0; bottom:0; height:auto; margin-right:5px; width:auto;}

			.middle div.imageHolder
			{ bottom:-1px;}

	.learningBox p
	{ color:#666; font-size:11px; line-height:1em; margin:0 5px; }
	
		.learningBox p.title
		{ font-size:14px; line-height:2em;}
		
			.learningBox p.programs
			{color:#3F9D9E;}

			.learningBox p.locations
			{color:#BED432;}

			.learningBox p.testimonial
			{color:#B785D8;}

.learningBoxBig
{background:#ECA65D url(images/bg_learningcenters.gif) 0 0 repeat-x; border:1px solid #FE9E44; border-left:0; margin-right:20px; overflow:visible; padding:0; position:relative;}

	.learningBoxBig div.imageHolder
	{border:0; height:auto; margin-left:1px; width:auto;}
	
	.learningBoxBig p
	{ color:#FFF; font:normal 16px/2em Verdana, Geneva, sans-serif; margin-left:369px; padding:0 40px; z-index:1; }
	
		.learningBoxBig p.title
		{ background:#FFF; color:#F93; font-size:18px; line-height:2em; height:auto; text-align:center; margin:0; margin-left:369px; padding:0; position:static;}
		
		.learningBoxBig p.signature
		{ text-align: right; }
		
		.learningBoxBig p.small
		{ font-size:12px; line-height:1em; margin:8px 0; }
		
	.learningBoxBig div.cornerTop,
	.learningBoxBig div.cornerBottom
	{ height:21px; background-position: 50% 50%; background-repeat: no-repeat; position:absolute; right:-1px; z-index:10; width:21px;}
		
		.learningBoxBig div.cornerTop
		{ background-image:url(images/bg_learningcenters_corner_top.gif); top:-1px; }

		.learningBoxBig div.cornerBottom
		{ background-image:url(images/bg_learningcenters_corner_bottom.gif); bottom:-1px; }

		.learningBoxBig div.tumbnailsHolder
		{ bottom:20px; left:450px; position:absolute; }
		
			.learningBoxBig div.tumbnailsHolder img
			{ border:1px solid #FFF; margin-right:10px; }

	.learningBoxBig .clear
	{clear: both;}

/*****************************************
CONTENT - IMAGE AND TEXT - LEARNING CENTERS - NORMAL
*****************************************/

.centerBox
{ background:#F47F20; padding:0; position:relative; width:128px; }

	.centerBox p
	{ font-size:11px; line-height:1em; margin:0; padding:11px 0; text-align:center; }
	
		.centerBox p a
		{ color:#000; font-weight:normal; margin:0; padding:0; text-decoration:none; }

	.centerBox div.centerBoxTop,
	.centerBox div.centerBoxBottom
	{ background:url(images/img-center-top.png) 0 0 no-repeat; height:10px; left:0; line-height:10px; position:absolute; width:100%; }

			.centerBox div.centerBoxTop
			{top:0;}
			
			.centerBox div.centerBoxBottom
			{bottom:0; background-image:url(images/img-center-bottom.png);}

.centerWeb
{ text-align:center; }

	.centerWeb img
	{ margin:0 auto; }

/*****************************************
CONTENT - IMAGE AND TEXT - INTRODUCTORY OFFER
*****************************************/

.offer .imageHolder
{ margin-bottom:10px ;}

	.offer div
	{ border: 2px solid #000; clear:both; padding:5px 0; }
	
	.offer div p,
	.offer div ul
	{ padding: 0 5px; }

.step01 p.title
{ color:#75A437; }

	.step01 div
	{ border-color:#75A437; }
	
.step02 p.title
{ color:#007EC7; }

	.step02 div
	{ border-color:#007EC7; }

.step03 p.title
{ color:#E1681D; }

	.step03 div
	{ border-color:#E1681D; }

/*****************************************
CONTENT - IMAGE AND TEXT - ONLINE PROGRAMS - REAL RESULTS
*****************************************/

.resultsOne div.imageHolder
{ background:url(images/img-results-01.jpg) 0 0 no-repeat; height:52px; width:76px; }

.resultsTwo div.imageHolder
{ background:url(images/img-results-02.jpg) 0 0 no-repeat; height:52px; width:76px; }

.resultsThree div.imageHolder
{ background:url(images/img-results-03.jpg) 0 0 no-repeat; height:52px; width:76px; }

.resultsFour div.imageHolder
{ background:url(images/img-results-04.jpg) 0 0 no-repeat; height:52px; width:76px; }

.resultsFive div.imageHolder
{ background:url(images/img-results-05.jpg) 0 0 no-repeat; height:52px; width:76px; }

	.resultsOne p,
	.resultsTwo p,
	.resultsThree p,
	.resultsFour p,
	.resultsFive p
	{ margin-top:0; }

			.resultsOne p.link,
			.resultsTwo p.link,
			.resultsThree p.link,
			.resultsFour p.link,
			.resultsFive p.link
			{ padding-left: 91px; }

		.resultsOne p.link a,
		.resultsTwo p.link a,
		.resultsThree p.link a,
		.resultsFour p.link a,
		.resultsFive p.link a
		{ background:url(images/bg-link-plus.png) 0 0 no-repeat; color:#E67831; text-transform:lowercase; }

			.resultsOne p.link a:hover,
			.resultsTwo p.link a:hover,
			.resultsThree p.link a:hover,
			.resultsFour p.link a:hover,
			.resultsFive p.link a:hover
			{ text-decoration:underline; }

/*****************************************
CONTENT - PROGRAMS
*****************************************/

.leftProgram
{ background:#38863F; }

.rightProgram
{ background:#666; }

	.leftProgram,
	.rightProgram
	{color:#FFF; padding: 0 10px 10px;}

	.leftProgram h4,
	.rightProgram h4
	{ color:#C8D2E5; font-size:14px; margin-top:0; }
	
	.leftProgram a,
	.rightProgram a
	{ background:url(images/bg-programs-btn.gif) 50% 50% no-repeat; color:#000; display:inline-block; height:22px; line-height:22px; text-align:center; width:78px;}

		.leftProgram a:hover,
		.rightProgram a:hover
		{ text-decoration:underline; }

.programTopLeft,
.programTop,
.programTopRight,
.programBottomLeft,
.programBottom,
.programBottomRight
{ height:13px; }

.programTopLeft,
.programLeft,
.programBottomLeft
{ padding-left:13px; }

.programTopRight,
.programRight,
.programBottomRight
{ padding-right:13px; }

	.programTopLeft
	{background:url(images/bg-border-top-left.png) 0 0 no-repeat; border:0; }
	
	.programTop
	{background:url(images/bg-border-top.png) 0 0 repeat-x; border:0; }
	
	.programTopRight
	{background:url(images/bg-border-top-right.png) 100% 0 no-repeat; border:0; }
	
	.programLeft
	{background:url(images/bg-border-left.png) 0 0 repeat-y; border:0; }
	
	.programRight
	{background:url(images/bg-border-right.png) 100% 0 repeat-y; border:0; }
	
	.programBottomLeft
	{background:url(images/bg-border-bottom-left.png) 0 0 no-repeat; border:0; }
	
	.programBottom
	{background:url(images/bg-border-bottom.png) 0 100% repeat-x; border:0; }
	
	.programBottomRight
	{background:url(images/bg-border-bottom-right.png) 100% 0 no-repeat; border:0; }

/*****************************************
CONTENT - REAL BOOKS
*****************************************/

.bookWeekHolder
{ background: url(images/bg-realbooks.jpg) 50% 0 repeat-y; margin:0 60px 0 61px; height:100%; overflow:hidden; position:relative }

.bookOfWeek
{ margin:0; height:100%; position:relative; }

	.fullContent .bookOfWeek 
	{margin: 0;}

	.bookOfWeekHeader
	{ position: relative; }
	
	.bookOfWeekHeader h3
	{font-size: 24px; font-weight: bold; float:left; padding: 25px 0 0; color: #59afb6;}
	
	.bookOfWeekHeader h3 span
	{	font-size: 15px;  padding: 10px 0 15px 180px;}
	
		.bookOfWeekTitleImg
		{float:left; }
		
		.bookOfWeekHeader .readMore
		{color: #59afb6; font-size: 15px;  padding: 70px 0 15px 230px; font-weight: bold;}
			
			.bookOfWeekHeader .readMore a:link, .bookOfWeekHeader .readMore a:active, .bookOfWeekHeader .readMore a:visited, .bookOfWeekHeader .readMore a:hover
			{color: #59afb6 !important; text-decoration: none;}
			
		
		
		.bookOfWeek .bookCover
		{ position:relative; float: left; margin:0; width: 100px; padding: 15px 0 0 0;}
		
		.bookWeekHolder .bookImage
		{ position:relative; }
		
		.bookWeekHolder .bookImage img.bookCover
		{ border:1px solid #FFF; left:35px; position:absolute; top:50px; }

	.bookWeekHolder .bookWeek
	{ background:none; float:right; margin-top:-190px; padding:10px 0; position:relative; width:450px; }
	
	.bookOfWeek .bookWeek
	{ float:left; padding:10px 0 0 14px; position:relative; width:300px;}
	
	.bookWeekHolder .bookWeek *
	{margin:0;}
	
		.bookWeekHolder .bookWeek p.areaTitle
		{ color:#50B0B7; font-size:16px; font-weight:bold; line-height:1em; margin:0; }
				
		.bookOfWeek .bookWeek p.areaTitle
		{ color:#F78115; font-size:16px; font-weight:bold; font-style: italic; line-height:1em; margin:0; padding: 3px 0 2px 0;}
		
			.bookOfWeek .bookWeek p.areaTitle span
			{font-size: 13px;}

		.bookWeekHolder .bookWeek p.bookTitle
		{ font-weight:bold; }
		
		.bookOfWeek .bookWeek p.bookTitle
		{ padding: 0; margin: 0;}
		
			.bookWeekHolder .bookWeek p.bookTitle span
			{ font-size:16px; }
			
		.bookWeekHolder .bookWeek p.bookGrade
		{ font-weight:bold; margin:5px 0; }
		
		.bookOfWeek .bookWeek p.bookGrade
		{ padding:0; margin:0;}

	.bookFooter
	{ background:url(images/bg-realbooks-bottom.jpg) 50% 0 no-repeat; line-height:8px;	}
	
	.bookLevelTop
	{ background:url(images/design/img-bookslevel-top.png) 0 0 no-repeat; height:23px; line-height:23px; margin:0 56px 0 57px; }
	
	.bookLevel
	{ background:url(images/design/img-bookslevel.png) 0 0 repeat-y; margin:0 56px 0 57px; padding-top:20px; position:relative; }
	
		.bookLevel p
		{ margin:0; padding-left:20px; padding-right:110px; }
		
		.bookLevel ul
		{ float:right; list-style:none; margin:0; padding-top:25px; }
		
			.bookLevel ul li
			{ background:url(images/design/bg-tab-booklevel.png) 0 0 no-repeat; height:47px; margin:5px 0; padding-right:6px; text-align:center; z-index:10; width:85px; }
			
					.bookLevel ul li.active
					{ background:url(images/design/bg-tab-booklevel-active.png) 0 0 no-repeat; }


				.bookLevel ul li a
				{ color:#FFF; display:inline-block; font-size:20px; font-weight:bold; line-height:41px; height:41px; width:85px; }
				
					.bookLevel ul li a:hover
					{ text-decoration:underline; }


	.bookLevel .bookLevelTitle
	{ color:#6898CB; font-size:20px; font-weight:bold; left:20px; margin:0; padding:0; position:absolute; top:-15px; }

	.bookLevel .bookLevelSlogan
	{ font-weight:bold; right:110px; _right:170px; margin:0; padding:0; position:absolute; top:-20px; }
	
		.bookLevel .bookLevelSlogan a
		{ color:#666; text-decoration:none; }
		
		.bookLevel .bookLevelSlogan a:hover
		{ text-decoration:underline; }
		
	.bookLevel .bookLevelImages
	{ border-top:2px solid #FFF; display:block; margin:0 110px 0 20px; padding-top:20px; }
	
			.bookLevel .bookLevelImages-hide
			{ display:none; }
	
		.bookLevel .bookLevelImages a img
		{ border:1px solid #FFF; margin:0 4px 4px; _margin:0 4px 4px 3px; }

			.bookLevel .bookLevelImages a:hover img
			{ border-color: #666; }

	.bookLevelBottom
	{ background:url(images/design/img-bookslevel-bottom.png) 0 0 no-repeat; height:23px; line-height:23px; margin:0 56px 0 57px; }
	
	p.bookLevelLink
	{ color: #50B0B7; line-height:14px; margin:0 60px 30px 61px; text-align:right; }

		p.bookLevelLink a
		{ background:url(images/bg_arrow_booklevel.gif) 100% 0 no-repeat; color: #50B0B7; padding-right:20px;}
	
/*****************************************
CONTENT - REAL TEACHER
*****************************************/
.realTeacherImage div.imageHolder
{ background:none; height:auto; width:auto; }

.realTeacherImage p.secondParagraph
{ font-weight:bold; margin-top:20px; }

.realTeacherExample
{ background: #D4D4D4 url(images/design/bg-realteatcher-example.gif) 0 0 repeat-y; padding:5px 30px 20px 60px;}

.realTeacherExample p.exampleTitle
{ color:#333; font-size:14px; text-align:center; }

.realTeacherExample p.exampleOne,
.realTeacherExample p.exampleTwo,
.realTeacherExample p.exampleThree
{ background-position: 0 0; background-repeat:no-repeat; color:#000; padding-left:20px; }

	.realTeacherExample p.exampleOne
	{ background-image:url(images/bg-p-exampleone.gif); }
	
		.realTeacherExample p.exampleOne span
		{ color:#44F; }
	
	.realTeacherExample p.exampleTwo
	{ background-image:url(images/bg-p-examplethree.gif); }
	
		.realTeacherExample p.exampleTwo span
		{ color:#E22; }
		
	.realTeacherExample p.exampleThree
	{ background-image:url(images/bg-p-exampletwo.gif); }

.realTeacherExample .imageCenter
{ text-align:center;}

.realTeacherExample .realTeacherExampleBox
{ background:#FFF; text-align:center; margin:10px 50px 0; }

.realTeacherExample .realTeacherExampleBox-hide
{ display:none; }

.realTeacherSign
{ color:#FFF; text-align:right; }

	p.realTeacherSign a,
	p.realTeacherSign a:hover
	{ background:url(images/bt-realteacher.jpg) 50% 50% no-repeat; color:#FFF; display:inline-block; height:39px; line-height:39px; width:235px; text-align:center; }

/*****************************************
CONTENT - REGISTRATION
*****************************************/

.registrationList
{ background-position: 50% 100%; background-repeat:no-repeat; list-style:none; padding-bottom:30px; text-align:center; }

		.fase1
		{ background-image:url(images/bg_registration_signin_01.gif); }

		.fase2
		{ background-image:url(images/bg_registration_signin_02.gif); }

		.fase3
		{ background-image:url(images/bg_registration_signin_03.gif); }

	.registrationList li
	{ display:inline; font-weight:bold; padding:0 10px 5px; }

			.registrationList li span
			{ background:url(images/bg-registration-span.gif) 50% 50% no-repeat; display:inline-block; font-size:20px; height:40px; line-height:40px; width:39px; }
		
		.registrationList li.active
		{ color:#FAA015; }

				.registrationList li.active span
				{ color:#FF4974; }

/*****************************************
CONTENT - REGISTRATION - FORM
*****************************************/

.registrationForm th
{ text-align:left; width:100%; }

		.registrationForm input,
		.registrationForm label,
		.registrationForm select
		{ vertical-align: middle; padding: 2px 0; }
		
		.registrationForm span
		{ font-weight: bold; }

			.registrationForm .button
			{ text-align:center; }

			.registrationForm .inputImage
			{ height:auto; }

	.registrationForm .fullWidth
	{ width:656px; }

	.registrationForm .halfWidth
	{ width:322px; }

	.registrationForm .thirWidth
	{ width:212px; }

	.registrationForm .forthWidth
	{ width:133px; }

	.registrationForm .smallWidth
	{ width:50px; }
	
	.secondStep td
	{ font-weight:bold; color:#333; }
	
	.secondStep th
	{ text-align:right; }

/*****************************************
CONTENT - PROMOTIONAL IMAGES
*****************************************/

	.haveQuestion
	{ margin-left: auto; width: 127px; }
	
		.haveQuestion h6
		{ color:#FF782A; font-size:14px; font-weight: bold; line-height:2em; }
		
		.haveQuestion p
		{ color:#666; font-size:10px; margin:0; padding-left:10px;}
		
			.haveQuestion p.contactInfo
			{ color:#054479; font-size:12px; font-weight: bold;}
			
			.haveQuestion p.emailInfo
			{ font-size:10px; }

/*****************************************
CONTENT - HAVE A QUESTION
*****************************************/

	div.promotionalImage
	{ text-align:right; margin-bottom:25px; }
	
		div.promotionalImage img
		{ border:0; }
		
		
/*****************************************
CONTENT - EARLY READING
*****************************************/	


.subMenu
{ height: 30px; line-height: 20px; float: right; }

	.subMenu li
	{ float: left; list-style: none; font-size: 10px;}
		
		.subMenu li a, .subMenu li a:visited
		{color: #006600; margin: 0 5px;}
		
		.subMenu li a:hover
		{text-decoration: underline;}
		

.earlyReading, .earlyReadingWritting, .earlyMath, .psatProg, .addProg
{ background: #E5F6CE url(images/bg_alternativeContent.gif) repeat-x 0 100%; margin-bottom:0; color: #006600; height: auto; padding: 0 30px 0 40px; overflow: hidden;  }

	.earlyReading p, .earlyReadingWritting p, .earlyMath p, .psatProg p
	{ font-size: 14px; }

	.psatProg, .addProg
	{text-align: center;}
	
	.psatProg p
	{ margin: 20px; text-align: left; }
	
	.addProg p
	{font-size: 12px;  margin: 20px; text-align: justify;}
	
	.psatProg h4, .addProg h4
	{ margin-bottom: 10px;}
	
	.addProgContent
	{ background: #b9e7f4; border: 1px solid #427240; margin: 0 auto 10px auto; padding: 40px 0 10px 0; width: 295px; }
		
		.addProgContentAlt 
		{ background: #f4f7a7; }

	.earlyReading h2, .earlyReadingWritting h2, .earlyMath h2, .psatProg h2, .addProg h2
	{color: #006600;font-size: 26px; font-style: italic; padding: 30px 0 0 0; margin:0 0 10px; font-weight:normal;}
	
	.earlyReading h3, .earlyReadingWritting h3, .earlyMath h3
	{font-size: 18px; font-style: normal; padding: 0px 0 40px 75px;}	
	
	.earlyReading .right, .earlyReading .left, .earlyMath .left
	{width: 200px !important;}
	
		.earlyMath .right
		{ width: 345px  !important;}
		
		.earlyReading .right img
		{float: right; padding: 5px 0 15px 20px;}
		
	.earlyReading .middle
	{width: 430px !important; float:left;}
	
	.earlyReading p
	{padding: 8px 0 49px;}
	
		.earlyReading p.stepOne
		{padding: 8px 0 35px;}
	
		.earlyReading p.stepTwo
		{padding: 0 0 40px;}
		
		.earlyReading p.stepTree
		{padding: 4px 0 0;}
	
	.earlyReadingWritting .right, .earlyReadingWritting .left, .earlyReadingWritting .middle
	{padding:0 10px 0 75px; width:23% !important;}
	
		.earlyReadingWritting h4
		{font-size: 18px; margin: 20px 0 0 0;}
		
		.earlyReadingWritting img, .psatProg img, .addProg img
		{border: 1px solid #427240 ;}
		
	.earlyMath p
	{padding: 0 0 50px; font-size: 14px;}
	
	.earlyMath .middle 
	{ float:left; padding:0 0 0 10px; width:263px !important; }
	
	.earlyMath .highlightBox
	{background: #fff; border: 2px solid #427240; margin:0 100px 0 0; padding:10px 10px 0 30px; height:328px;}
	
	.earlyMath .highlightBox p
	{padding:0 0 10px 0; font-size: 12px;}
	
	.earlyMath .highlightBox ul
	{padding:0 0 20px 0;}
	
	
/*****************************************
EDUCATION CONTENT
*****************************************/

.educationContent
{ margin:0 auto; width:885px; }

	.educationContent h3
	{ margin-bottom: 20px;}

	.educationContent .learningBox
	{ height:119px ; width:224px ;}
	
	.educationContent .learningBox p.educationSol
	{ font-size: 12px; color: #000; line-height: 16px; padding:0 0 0 116px;}
	
	.educationContent .learningBox p.educationSol-2
	{font-size: 12px; color: #000; line-height: 16px; padding:0 0 0 125px;}
	
	.educationContent .learningBox p.educationSol-3
	{ font-size: 12px; color: #000; line-height: 16px; padding:0 0 0 114px;}
	
	.educationContent .learningBox p.title
	{ line-height:1.5em; margin-bottom:5px; padding-left:125px; text-align:left;}
	
	.educationContent .learningBox p.programs
	{ color: #669966; }
	
	.educationContent .learningBox p.locations
	{ color: #33ccff; }
	
	.educationContent .middle div.imageHolder
	{ bottom:0; }

	.educationContent .learningBox div.imageHolder	
	{ margin-right:8px; }
	
	.educationContent .learningBoxBig p.title
	{ font-size:17px; font-weight:normal; margin:0 0 50px 369px; text-align:left; }
	
	.educationContent .learningBoxBig p.title2
	{ font-size:15px; font-weight: bold; text-align: center; }
	
	.educationContent .learningBoxBig p.small
	{ font-size:12px; line-height:25px; margin:18px 0 0 0; padding:0 10px 0 448px;}
	
	.educationContent .promotionalImage
	{ margin: 0;}
	
		.educationContent .promotionalImage img
		{ position: relative; bottom: 6px;}

	.educationContent .twoColumns
	{padding-top:5px;}
	
	.educationContent .twoColumns div.leftBigger 
	{ width:81.5%; }
	
	.educationContent .twoColumns div.rightSmaller
	{ float:left; }
	
/*****************************************
CONTENT - GLOVILL
*****************************************/	

.glovillContent
{ margin:0 auto; width:885px; }

	.glovillContent .largeImage
	{ padding: 13px 0 0 30px; width:300px;}
	
		.glovillContent .largeImage img
		{ border: 1px solid #000; }
		
	.glovillContent .frontDescription
	{ padding:18px 0 0 0; width:540px;  }
	
	.glovillContent .frontDescription h2
	{ padding-bottom: 25px; text-align: center; }
	
	.glovillContent .frontContent 
	{ float:right; font-family:verdana; font-size:12px; margin:0; padding:0 40px 0 0; width:475px; }
	
	.glovillContent .assignature
	{ float:right; margin:15px 112px 0 0; }
	
		.glovillContent .assignature p
		{ color: #006600; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; }
		
	.glovillContent .schoolProg
	{ color: #006600; font-size: 14px; padding: 18px 25px 0 45px;}
	
	.glovillContent .schoolNews
	{ color: #006600; font-size: 18px; padding: 45px 0 0 0; text-align: center; }
	
	.glovillContent .frontBoxesDescription
	{ padding:10px 10px 0 20px; }
	
		.glovillContent .frontBoxesDescription p
		{ line-height: 18px; margin: 0; }
		
/*****************************************
CONTENT - SCHOOLS
*****************************************/	

.schoolsContent 
{ background: #E5F6CE url(images/bg_alternativeContent2.gif) repeat-x 0 100%; margin-bottom:0; color:#427240; height: auto; padding: 0 30px 50px 40px; position:relative; overflow: hidden; }

	.schoolsContent h2
	{ color:#427240; font-size:26px; font-style:italic; font-weight:normal; margin:0 0 10px; padding:0;}

	.schoolsContent h3
	{font-size:16px; font-style:normal; font-weight:bold; padding:0 0 17px 80px;}
	
	.schoolsContent h4
	{ margin:17px 0 8px; line-height: 18px; text-align: center; }
	
	.schoolsContent p
	{ font-size: 12px; padding:0 13px 0 20px; }
	
	.schoolsContent img
	{ border: 1px solid #000; }
	
	.schoolsContent .right, .schoolsContent .left, .schoolsContent .middle
	{ padding: 0;width:27% !important; }
	
.subMenu-2 
{ height:auto; line-height:10px; margin:0 !important; overflow:hidden; padding:0 0 0 305px; text-align:center; width:300px; }

	.subMenu-2 li
	{ float: left; list-style: none; font-size: 10px; padding-right: 5px;}
		
		.subMenu-2 li a, .subMenu-2 li a:visited
		{color: #006600;}
		
		.subMenu-2 li a:hover
		{text-decoration: underline;}
		
	.learnMore
	{ background: #efc86b; bottom:0; padding:5px 10px; position:absolute; right:0;  margin:0 0 20px 0;}
	
		.learnMore p a, .learnMore p a:visited
		{ color:#427240; font-weight: normal; }
		
		.learnMore p
		{ font-size: 11px; padding: 0; margin: 0;}
		


/*****************************************
PROGRAMS CONTENT
*****************************************/

.programsContent 
{ background: #C0EFF9 url(images/bg_alternativeContent4.gif) repeat-x 0 100%; margin-bottom:0; color:#427240; height: auto; padding: 0 30px 0 40px; position:relative; overflow: hidden; }

	.programsContent h2
	{ color:#427240; font-size:24px; font-style:italic; font-weight:normal; margin:0 0 10px; padding:0;}
	
	.programsContent .programsImages
	{ bottom:30px; padding:0 0 0 100px; position:relative;}
	
	.programsContent .programsList
	{ bottom:17px; height:auto; line-height:16px; margin:0 0 35px; overflow:hidden; position:relative; }
	
	.programsContent .programsNames
	{ float: left; font-size: 14px; font-weight: bold; margin: 0 15px 0 0; text-align: right; width: 100px; }
	
		.programsContent .programsNames span
		{ padding-right: 11px; }
		
		.programsContent .programsNames span.spaceCenter
		{ padding-right: 22px; }
	
	.programsContent .programsDescription
	{ float: left; width: 680px; }
	
	.programsContent .email
	{font-size: 11px; text-align: center; bottom:30px; position:relative;}
	
			.programsContent .email a, 	.programsContent .email a:visited
			{ color: #ff9900; font-weight: bold; text-decoration: underline; }

	.programsContent .subMenu-2 
	{ height:20px; line-height:20px;}

	.programsContent .subMenu-2 li
	{ float: left; list-style: none; font-size: 11px; padding: 0 5px 0 0; margin: 0;}
		

/*****************************************
FOOTER
*****************************************/
.footer
{clear:both; color:#777; font:normal 10px Tahoma, Geneva, sans-serif; margin-top:20px;}

    .footer ul
    {list-style:none; white-space:nowrap;}
    
        .footer ul li
        { display:inline; list-style:none;}
        
                .footer ul li.copyrights
                {margin-right:15px;}
                
            .footer ul li a
            {color:#777;}
            
                .footer ul li a:hover
                {text-decoration:underline;}
                
                
/*****************************************
REGISTRATION PROCESS
*****************************************/
.buttonRecalculate
{background: #f5f8fc url('/signup/images/icon_recalculate.gif') 0 0 no-repeat; width: 106px; height: 25px; border: 0; cursor: pointer; }

.notAvailableMessage
{background: #ffb7b7; padding: 5px; border: 1px solid #f90000; white-space: nowrap;}               
                
.availableMessage
{background: #c4e1e1; padding: 5px; border: 1px solid #428282; width: 135px; white-space: nowrap;}               


/*****************************************
VALIDATION MESSAGES FORMAT
*****************************************/

.error_list
{margin: 0 auto; font:bold 11px/normal Arial,Helvetica,sans-serif; color: #CC0000; width: 80%;}

    .error_list li.error_header
    {list-style: none;}

    
    .error_list li.nolistsymbol
    {list-style: none; padding:10px 0 0 33px; border: 1px solid #CCC; background-color: #FFF9F9; background: url('/images/bg_icon_error.gif') no-repeat scroll 10px 10px;}
    
    .error_list li.nolistsymbol ul li.error_item
    {list-style:none;  padding: 2px 0 2px 10px;}

.success_list
{margin: 0 auto; font:bold 11px/normal Arial,Helvetica,sans-serif; color: #609629; width: 80%;}

    .success_list li.success_header
    {list-style: none;}

    
    .success_list li.nolistsymbol
    {list-style: none; padding:10px 0 0 33px; border: 1px solid #CCC; background-color: #f9fceb; background: url('/images/bg_icon_success.gif') no-repeat scroll 10px 10px;}
    
    .success_list li.nolistsymbol ul li.success_item
    {list-style:none;  padding: 2px 0 2px 10px;}

.appendInfo
{font:normal 12px Arial,Helvetica,sans-serif; color: #847f73;}