body { 
	font-family:"Trebuchet MS",arial,sans-serif; font-size:10pt;
	background-color:#3399cc; color:#444; 
	background-repeat: repeat; 
	/* background-image loaded via JS to speed up HTML load time */
}
	
/* tags */
a {color:#47a; text-decoration:none;}
h1 { color:#f58b1f; font-family:"Trebuchet MS",arial,sans-serif; font-size:16pt;}
h1.calendarName { 
	clear:both; margin:0; padding:0; padding-top:40px; 	
	color:#f58b1f; font-family:"Trebuchet MS",arial,sans-serif; font-size:16pt;
}
h3.lessonHeader   { margin:0; margin-top:5px; margin-left:20px; padding:0; text-decoration:underline; cursor:pointer; color:#f58b1f; }
h4 { color:#665; border-top:1px dotted #f58b1f; padding-top:10px; padding-bottom:5px; margin-top:40px; font-size:13px; }
h5 { font-size:12pt; margin:0; padding:0; padding-top:10px; padding-bottom:3px; color:#332; }
h6 { 
	color:#f58b1f; font-family:"Trebuchet MS",arial,sans-serif; font-size:10.5pt;
	margin:0; padding:0; margin-top:0; margin-bottom:10px; text-transform:uppercase; 
}
h7 { margin-top:40px; color:#2ca3cd; font-weight:bold; font-size:20px; }
	h7.contactHeader  { clear:both; margin-top:5px; margin-left:20px; text-decoration:underline; color:#f58b1f; font-size:16px;}
/*
display:block; font-weight:bold; margin-top:5px; font-size:20pt; color:#2ca3cd;
*/
p { margin-bottom:1em; line-height:1.3; }
p.pHeading { color:#2b547e; font-weight:bold; cursor:pointer;} 
strong { color:#777; }
em { color:#777; font-style:normal; font-weight:bold;}
img { border:none; }
img.justifyright { float:right; padding-left:20px; padding-bottom:20px; }
li.liHeading { color:#2b547e; }
ol li { margin-bottom:1em; }
ul li { margin-bottom:1em; }
li strong { color:#776; }

dt { clear:both; width:160px; margin:0; padding:0; line-height:20px; float:left; border-top:1px solid #ddc; }
dd {             width:500px; margin:0; padding:0; line-height:20px; float:left; border-top:1px solid #ddc; }
legend { font-weight:bold; }
#fs1 { width:300px; margin-right:40px; float:left; }

div.faqWrapper strong { color:#2b547e; }
		
/* elements */
#page { position:relative; top:70px; width:960px; margin:0 auto; background-color:#fff; 
		border-top:1px solid #eef; border-left:1px solid #789; border-right:1px solid #789; border-bottom:1px solid #456; }

	#logo { position:absolute; top:-60px; width:960px; height:160px; }
		#logo-head {position:absolute; top:5px; left:0;}
		*html #logo-head { width:100px; height:100px; } 
		#logo-text {position:absolute; top:74px; left:100px;}
		#logo-tagline {position:absolute; top:117px; left:195px;}


	#aboveHeader { position:relative; top:-55px; width:960px; margin:0 auto; z-index:10; }
		#loginDetails { position:relative; width:80px; float:right; margin-left:10px; font-size:11px; }
			#loginButton { position:relative; top:-3px; float:right; height:33px; }
			#loginDetails a { color:#eee; }
			#loginDetails a:hover { border:red 1px solid; color:#eee; }

		div#shareButtons {position:relative; margin-right:10px; float:right; }

		div#callUsOnSkype {position:relative; width:90px; float:right; margin-right:10px; }
			div#callUsOnSkype img { border: none; width:87px; height:33px; }

		div#socialMedia { position:relative; width:80px; float:right; }
			div#socialMedia img { float:left; padding-left:5px; }	
				#socialMediaFacebook { position:relative; }
				#socialMediaTwitter  { position:relative; left:-3px; }
				
		#shareButtonDiv { position:relative; float:right; margin-right:0; color:#444; }
			#hiddenShareOptions { 
				display:none; position:absolute; left:0; top:31px; width:110px; z-index:300; 
				line-height:2.0; color:#444; font-family:sans-serif; padding:20px; border:1px solid #ccb; 
			}
				#closeLink { color:#800; font-weight:normal; cursor:pointer; }
				#hiddenShareOptions a:hover { text-decoration:underline; color:#444; }
			div.socialMediaIconWrapper { clear:both; float:left; width:30px; }
			img.socialMediaIcons { height:15px; position:relative; top:5px;}
		
			
	#menu { position:absolute; top:103px; left:-20px; width:170px; z-index:1000;
			font-size:11pt; padding:20px 20px 80px 10px;
			background-color:#999; color:#fff; text-transform:uppercase; border:3px solid #fff; 
		}
		#menu a { text-decoration:none; color:#fff; }
		#menu a:hover { text-decoration:underline; }
		#menu img { margin-left:20px; }
			#menu>ul { list-style-type:none; margin:0; margin-left:10px; margin-bottom:13px; padding:0; }
				#menu>ul>li { font-size:10pt; width:170px; padding-bottom:8px; margin-bottom:8px; border-bottom:1px dotted #fff; }
				#menu>ul>li>a { color:#fff; }
					#menu>ul>li>ul { list-style-type:square; margin:0; margin-left:15px; padding:0; }
						#menu>ul>li>ul>li { font-size:8pt; margin:0; padding:0; margin-top:2px; padding-top:2px;  }
						#menu>ul>li>ul>li>a { color:#fff; }
		#menu ul li.highlightMenu { border:none; }
		#menu ul li.highlightMenu a { color:#f58b1f; }
/*
		#writeUsANoteLI { position:relative; width:100%; }
		#writeUsANoteLI a { position:relative; width:100%; }
		#userNoteToLPTForm { display:none; position:absolute; top:-140px; left:180px; background-color:#fff; }
			#userNoteToLPTButton { background-color:#3a3; color:#fff; border:1px #999; font-size:10pt;}
			a#cancelUserNoteToLPT { color:#622; }
			.error { color:red; }
			label { display:block; margin-left:5px; text-transform:capitalize; font-size:7pt; } 
*/

	#contents { position:relative; float:left; width:515px; color:#777; margin-top:10px; margin-left:210px;  }
	#contents a { color:#47a; }
	#contentsOfferings {position:relative; float:left; width:705px; color:#777; margin-top:0; margin-left:210px; }
	#tutorContents {position:relative; float:left; width:705px; color:#777; margin-top:0; margin-left:210px; }
		#tutorContents p { padding-bottom:10px; border-bottom:1px dotted #ff7711; margin-bottom:10px; }
	#postLoginContents { position:relative; float:left; color:#777; 
						margin-top:0; margin-left:210px;width:700px; }
	
	
		/* LOGIN */
/*
		#loginSection {  }
			#loginSection fieldset { border:1px dotted #999; margin-bottom:1px; }
			#loginSection label { display:block; clear:both; width:400px; margin-left:20px; }
				#loginSection label input {float:right; width:200px; }
				#loginSection label select {float:right; }
			#loginSection img { margin-top: 20px; }
*/
			
	
		/* HOME PAGE */
		img.slideshowImage { position:absolute; top:8px; opacity:0.0; }
		div#mapWrapper { position:absolute; top:8px; }

		#contentsWrapper { margin-top:322px; }
			#contents p { font-size:10pt;}
			#contents p.underline { padding-bottom:0.5em; border-bottom:1px dotted #f58b1f; margin-bottom:0.5em; font-size:0pt;}

		/* LOGIN PAGE */			
		#loginSection { margin-bottom:90px; }
			a#forgetPassword { text-decoration:underline; color:#aaa; }
		
		/* OFFERINGS */
		div#tableOfOfferings { position:relative; margin-top:8px; }
		#offeringsTableDiv table {border-collapse:collapse;}
			#offeringsTable { border:1px solid #aaa; width:100%; }
			#offeringsTable a {color:#2b547e; }
			#offeringsTable th { color:#2b547e; padding:3px;}
			#offeringsTable td {border:1px solid #aaa; text-align:center; padding:3px;}
			#offeringsTable tr.groupingRow td { background-color:#ff9341; text-align:left; color:#fff; border-top:1px solid #987;border-bottom:2px solid #fc8;} 
			#offeringsTable tr td.courseName { text-align:left; }
			
		/* TUTOR SUMMARY PAGE */
		div#allTutorsLinkToOfferingsTable {
			margin-bottom:10px;
		}
		div.tutorNamePhotoOfferingBlock {
			margin-bottom:20px; margin-right:15px; padding-bottom:10px;
			width:110px; height:155px; float:left;
			border:1px solid #ddc; border-bottom:1px solid #bba; background-color:#f9faf8;
		}
			div.tutorNamePhotoOfferingBlock img {
				margin-top:5px;
				padding-left: 5px;
				width:100px;
				font-size:8pt; font-weight:normal;
			}
			span.tutorName {display:block; margin:0; padding:0; padding-left:5px; padding-right:5px; padding-top:5px; 
							font-size:8pt; font-weight:normal; text-align:center;} 
		
		/* TUTOR PAGES */
		#tutorPageElements { font-weight:bold; margin-top:8px; }
			#tutorPoloroid { float:right; width:300px; background-color:#fafaf8; margin-top:15px; margin-left:20px; padding:5px; padding-bottom:30px; border:#ddc 1px solid; border-bottom:#bba 1px solid; }
				#tutor_picture { width:300px;  }
				#poloroidCaption { display:block; margin:30px 0 0 0; padding:0; width:300px; text-align:center; font-family:monospace; font-weight:normal; font-size:12pt;}

			#bio { font-weight:normal; float:left; width:350px;}			
			#tutor_degree { clear:both; font-weight:normal; margin-bottom:5px; margin-left:20px; }
			#tutor_offerings { font-weight:normal; }
			#tutor_scores { font-weight:normal; }
			
			#site_video {margin-top:10px;}
			
		/* ADVISING */
		#nudgeDown { margin-top:8px; }
		
		/* CALENDAR */
		#iframeContainer {
			margin-top:8px; margin-bottom:80px;
		}
		
		/* POST LOGIN */
		div#postLogin_top {}
			div#postLogin_top #information {position:relative; width:645px; height:80px; border:1px solid #eed; padding:10px; padding-bottom:40px; }
				div#postLogin_top #information #playButton { display:block; position:relative; top:-5px; opacity:0.1; }
				div#postLogin_top #information #infoBox { float:right; width:500px; padding-top:10px; }
			
		#postLogin_bottom div.fileListWrapper {
			float:left; width:198px; height:350px; border:1px solid #eed; margin-top:3px; margin-right:3px; padding:10px; padding-bottom:40px;
		}
		.pl_listbox { width:200px; height:300px; list-style-type:none; margin:0; padding:0; }
			.pl_listbox li { 
				width:180px; margin:2px; padding:5px; border:1px solid #eed; border-bottom:1px solid #ccb;
				background-color:#f9f8f7; 
			}
			li.pl_li { cursor:pointer; }
		div.postLogin_info { display:none; }

		#video { display:none; clear:both; margin-top:10px; margin-bottom:10px; width:640px; }
		#audio { display:none; clear:both; margin-top:10px; margin-bottom:10px; width:640px; }
		div.media div { font-size:1pt; margin:0; padding:0; text-align:center; color:#001; background-color:#000; }

		
	#contentRHS {
		float:right; 
		width:190px;
		margin-right:20px; margin-top:16px; 
		text-align:left; font-family:"Goudy Old Style",georgia,times,serif; font-size:10pt; font-style:italic; color:#0072bd;
	}
		* html #contentRHS img { width:150px; height:50px; } /* IE6 */
		#contentRHS p { padding-bottom:1em; margin-bottom:1em; }
		#contentRHS a { color:#0072bd; text-decoration:underline;}
			#contentRHS h5 { margin:0; padding:0; margin-bottom:5px; }
			
			#news { margin-top:0; font-size:16px; font-style:normal; }
				#news div.newsItem { display:block; margin-top:20px; }
				
		
			#recommendations { margin-top:30px; padding-top:30px; font-size:16px; border-top:1px dotted #ff7711; }
				#recommendations p.rText { margin:0; padding:0; border:none; }
				#recommendations p.rName { margin:0; padding:0; text-align:right; padding-bottom:10px; font-size:10pt; }
			
			#certifications { margin-top:60px; }
				#certifications span { display:block; margin-bottom:2px; margin-left:0; font-size:10.5pt; }

	#footer { clear:both; width:960px; text-align:center; margin-top:20px; margin-bottom:40px; 
				font-family:"Goudy Old Style",georgia,times,serif; font-size:10pt; font-style:italic; color:#aaa; }
		#footer a { width:960px; text-align:center; border-bottom:1px dotted #aaa;
					font-family:"Goudy Old Style",georgia,times,serif; font-size:10pt; font-style:italic; color:#aaa; }

#belowFooter { position:relative; top:70px; width:960px; color:#147; text-align:center; font-size:7pt; margin:0 auto; padding-top:20px; padding-bottom:20px; }
	#belowFooter a { color:#147; text-decoration:underline; }
	
	
	/* SUCCESS PAGE */
	img.successImg { width:450px; height:350px }				
		#contentRHS a.specialSkypeButton { 
			text-decoration: none; font-family:"Trebuchet MS",arial,sans-serif; font-size:11pt; color:#f58b1f;
		}
		div.specialSkypeButton { display:block; background-color:#f58b1f; color:#fff; padding:5px; 
			text-decoration: none; }
	img.graphKey { margin-bottom:10px; }
	
	
	/* TOOLS */
	#tools { margin-right:32px }
		.toolButton { color:#fff; background-color: #f58b1f; width:40px; height:25px; padding:3px; 
						border:1px solid #ddc; border-bottom:1px solid #aa9;}
		span.quitButton { display:block; padding-top:5px; text-align:right; width:95%;
						color:#f58b1f; font-size:12pt; font-family:helvetica,sans-serif;}
		#calculator { display:none; position:absolute; top:15%; left:50%; margin-left:-100px; 
						background-color:#fff; border:2px solid #bba; }
						
		#dictionary { display:none; position:absolute; top:15%; left:50%; margin-left:-100px; 
						background-color:#fff; border:2px solid #bba; }

	/* ADMIN PAGE */
	#adminContentWrapper { width:960px; }
	
	#adminLoginForm { margin: 80px auto; width:252px; border:2px dotted #f58b1f; }
		span.loginFormHolder { display:block; width:250px; margin:10px 0; }
			#adminLoginForm label { display:block; width:100px; height:20px; line-height:20px; margin:0 15px; padding:0; float:left; text-align:right; }
			#adminLoginForm input { display:block; width:100px; height:20px; margin:0 15px; padding:0; border:1px solid #887; }
		span.submitButtonHolder {}
		span.submitButtonHolder {}
	
	
	#tab-container { margin:60px; }

	#adminSearchContents {
		margin:0; margin-top:40px; padding:0;
	}
		#adminSearchBox {
			height:20px; width:400px;
		}
		span.contactTitle { 
			clear:both; display: block; width:440px; font-weight:bold; border-top:1px dotted #ccb; 
			padding-top:3px; margin-top:3px; padding-bottom:3px;
		}
		span.adminSearchResultMultielement { float:right; display:block; clear:both; width:800px; padding-bottom:3px;}
		
		
		table.adminSearchResultsTable {
			width:99%; border:1px solid #ddc; text-align:left; border-collapse:collapse;
		}
			table.adminSearchResultsTable tr {
				
			}
				table.adminSearchResultsTable td, table.adminSearchResultsTable th {
				 	border:1px solid #ddc; padding:3px; color:#651;
				}
				table.adminSearchResultsTable td {
					color:#1c93bd;
				}
		div.lessonWrapper { display:none; margin-bottom:20px;  m}

	#adminContents { position:relative; float:left; color:#777; width:840px; margin-left:0; margin-top:40px; line-height:1.5; }
		#adminStudentListSubmit { padding:10px; }

	
	#wtwContents { position:relative; float:left; color:#777; width:840px; margin-left:0; margin-top:40px; }
		#adminWTWSubmit { padding:10px; }
	
	#registrationForm { margin-top:40px; }

	#spinner { 
		display:block; position:absolute; z-index:1000000; display:none; background-color:#888; opacity:0.8; 
		height:100%; width:100%; 
	}
		#spinner img { position:relative; left:50%; top:60%; margin-left:-30px; margin-top:-30px; } 
		
	span.highlight { background-color:yellow; }
	
	span.clickSlideDown { text-decoration:underline; cursor:pointer; }
	.hiddenRows { display:none; border:1px solid #ddc; padding-left:10px; }
	
	span.wtwTitle { color:#444; }
	span.wtwOuterName { color:#665; }
	span.wtwTitle, span.wtwOuterName, span.wtwInnerName, span.wtwSingleDate { 
		display:block; 
		font-weight:bold; line-height:2.0; text-decoration:underline; cursor:pointer; 
	}
	span.wtwInnerName { margin-top:10px; margin-left:10px; font-weight:bold; line-height:1.3; text-decoration:none; color:#333; }
	span.wtwSingleDate { margin-left:80px; font-weight:normal; line-height:1.3; text-decoration:none;}
	div.wtwOuterBlock, div.wtwInnerBlock { display:none; border:1px solid #ddc; padding:10px; padding-top:0; }
	
	div.contactWrapper { display:none; margin-top:10px; margin-bottom:20px; }