/*******************************************
		
		TEMPLATE CONFIGURATION

		Original code by Walden Design, 2011
		Modified by Noah Tomlin, 2017

		EVENTUAL GOAL: Make this a universal
		style page for every HTML on the site
		in order to remove clutter.


		NB
		# = id selector
		. = class selector

*******************************************/


/*@charset "UTF-8";*/

/*MENU CLASSES*/
/* header background image */
#header_menu_container
{
    /*container was empty in old code, not changing this*/
}

#header_menu 
{
	margin: 0;
	list-style: none;
	font-size: 15px;
	width: 800px;
}

/* header menu colour */
#header_menu li a {
color: #516a82;
}
/* menu hover colour */
#header_menu li a:hover{
color: #b55239;
text-decoration: none;
}

.no_submenu, .has_submenu
{
	display: block;
	float: left;
	position: relative;
	width:114.2px;
	text-align: center;
	top: 0%;
	transform: translateY(-0%);
	left: -60px;

}

.no_submenu a, .has_submenu span{
display: block;
font-size: 15px;
font-family: "Times New Roman", Times, serif;
color: #516a82;
text-decoration: none;
}

.no_submenu a:hover, .has_submenu span:hover{
color: #b55239;
}

.has_submenu span{
cursor: pointer;
_cursor: hand;
}

.is_submenu{

position: absolute;
left: -10px;
top: 32px;
background: #dfd7c5;
margin: 0;
padding: 0;
list-style: none;
z-index: 9999;
}

.is_submenu li a{
display: block;
text-align: left;
padding-left: 10px;
width: 122px;
padding-right: 10px;
font-size: 15px;
font-family: "Times New Roman", Times, serif;
color: #516a82;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
line-height: 18px;
}

.is_submenu li a:hover{
color: #b55239;
}


/*BODY CLASSES*/

/*  Body Background Color */
body{
background: #dfd7c5;
}


#background{
background: #ccd9e8; /* Header Background Color */
border-color: white; /* Header Background Seperator Color */

position: absolute;
top: 0;
left: 0;
width: 100%;
height: 271px;

/*white line*/
border-width: 0 0 5px 0;
border-style: solid; 

z-index: -1; 
 /*puts background behind container*/

}


/* Container Background Color */
#container{
/*background: #516a82;*/
background: #4c4c4c;
}

/* Header Right Hand Side Image */
/*#header_image{
background: url('..images/header.jpg') top left no-repeat;
}*/



/*TEXT CONTAINER CLASSES*/

#text_container{
/* colour - background */ background: #f5f7f9;
/* colour - text */ color: #636363;
/* indent - left */ padding-left: 56px;
/* indent - right */ padding-right: 30px;
/*width: 590px; ORIGINAL*/
width: 800px; 

/* indent - top */ padding-top: 26px;
/* indent - bottom */ padding-bottom: 30px;
/* container wrapping */ float: right;
/*display: inline; inline is the default display value, does not need to be defined*/
/* margin - right */ margin-right: 20px;
overflow: hidden;
/* alignment - left */ text-align: left;

}



#text_container .header{
color: #c8242b; 
font-weight: bold;
}

#text_container h3{
font-weight: normal;
}







/* Left Column Contact Background Color */
#left_column_contact, #container{
/*background: #516a82;*/ /*original blue*/
/*background: #4c4c4c;*/ /*post-TC grey*/
/*background: #776062;*/ /*Pinch of Spice*/
background: #63344b; /*Grape Juice*/
/*background: #3c343a;*/ /*Tulsa Twilight*/
/*background: #b1adbc;*/ /*Spring Violet*/

} 

/* Left Column contact text color */
#left_column_contact, #left_column_contact a{
color: #ccd9e8;

}



/* Color of footer text */
#walden_badge{
color: #cbcbcb;
}

#copyright{
color: #cbcbcb;
}



/* Footer Background Color */
#footer{
/*background: #b55239; original colour*/
background: #cc0000;
}

/* 
	Based on Walden "Master Style Sheet" developed by Aaron Gough 
	Walden: http://www.waldendesign.com
*/

/************************************************

			Generic Basic Styling
			
*************************************************/

body, html{
border: 0;
padding: 0;
margin: 0;
}

body{
font-family: 'TeXGyreAdventorRegular', Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
z-index: 0;
position: relative;
top: 0;
left: 0;
}

h1, h2, h3, h4, h5{
margin: 0;
padding: 0;
color: #b55239;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
}

img{
border: 0;
}

h1{
font-size: 35px;
}

h2{
font-size: 28px;
}

h3{
font-size: 22px;
font-weight: normal;
}

h4{

}

h5{

}

p{
text-align: left;
color: #636363;
}

ul{

}

a{
color: #b55239;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

/************************************************

		Custom Styling for Specific IDs
			
*************************************************/

#background{
		background: #536981;

}

#header_spacer{
/*height: 40px;
width: 976px;*/
max-height: 40px;
max-width: 976px;
margin: 0 auto;
background: #ccd9e8;
z-index: -1;
}

#container{
/*width: 976px;  ORIGINAL*/
width: 1200px;
/*max-width: 2000px;*/
/*max-width: 2000px;*/
/*max-width: 1500px;*/
/*margin-left: 90px;
margin-right: 90px;
margin-top: 46px;*/
margin: 0 auto;
margin-bottom: 46px;
z-index: 1;/*seems a bit redundant, but makes sure there's no overlapping*/
/*

can use if we want full-screen width

position:absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:1;

*/

}

#left_column{
width: 280px;
float: left;
overflow: hidden;
}

#left_column_contact{
width: 220px;
text-align: left;
font-size: 14px;
padding-top: 24px;
padding-left: 30px;
padding-right: 30px;
color: #ccd9e8;
}

#left_banner{
margin-left: -5px;		
}

#left_column_contact h2{
font-size: 23px;
font-weight: normal;
/*font-weight:bold;*/
color: #ccd9e8;
}

#left_column_contact p{
font-size: 14px;
color: #ccd9e8;
}

#left_column_contact a{
font-size: 14px;
color: #ccd9e8;
text-decoration: underline;
}

#left_column_contact a:hover{
text-decoration: none;
}

#left_column_separator{
	background: #ccd9e8;
	width: 100%;
	height: 2px;
	overflow: hidden;
	margin: 8px 0 8px 0;
}

/*#header_image{
width: 696px;
height: 146px;
float: right;
overflow: hidden;
}*/

/*#header_menu_container{

}*/





#text_main{
width: 309px;
/*margin-left: 57px;*/
float: left;
display: inline;
overflow: hidden;
/*border: 1px solid #0F6;*/
color: #636363;
}

#content_pic{
width: 265px;
float: right;
display: inline;
padding-top: 5px;
/*margin-right: 31px;*/
}

#spacer{
width: 100%;
height: 1px;
clear: both;
overflow: hidden;
}

.right_text{
text-align: right;
margin-top: -15px;
}


#about_us_text{
float: left; 
width: 350px;
text-align: justify;
}

#about_us_image{
float: right; 	
}

#footer_spacer{
width: 976px;
height: 20px;
clear: both;
}

#footer{
/*width: 976px;*/
width: auto;
/*clear: both;*/
position: relative;
height: 25px;
color: #d8d8d8;
}

#walden_badge{
display: block;
position: absolute;
left: 40px;
font-size: 11px;
height: 25px;
line-height: 25px;
font-weight: bold;
}

#walden_badge a{
color: #d8d8d8;
text-decoration: underline;
font-weight: bolder;
}

#walden_badge a:hover{
text-decoration: none;
}

#copyright{
position: absolute;
font-size: 11px;
right: 50px;
height: 25px;
line-height: 25px;
text-align: right;
font-weight: bold;
width: auto;
}

#copyright a{
	/*class intentionally left blank, only use if hyperlinks are to be added in future!*/
}

/* contact form */

label {
width: 110px;
float: left;
text-align: left;
margin-right: 12px;
display: block;
}

.textbox {
width: 300px;
}

input, textarea {
color: #000;
background: #eefbd6;
border: 1px solid #232f27;
font-size: 12px;
}

input {
width: 150px;
}

textarea {
clear: both;
width: 272px;
margin-top: 0px;
}

.submit input, .reset input {
margin-left: 0px;
color: white;
background: #666;
border: 1px thin #b0cc48;
width: 100px;
}

fieldset {
border: 0px solid #ccc;
width: 350px;
font-size: 12px;
font-weight: normal;
}

.required-text{
font-size: 10px;
color: #ac1d1d;
}

.display_none{
display: none;
}

/************************************************

				Global Classes
			
*************************************************/

.trademark{
	/*vertical-align: super;*/
	vertical-align: text-top;
    font-size:smaller;	
}

/* for any block-level elements */
.clear{ 
clear:both; 
}

.float_left{
float:left;
padding-right:15px;
padding-bottom:15px;
}

.float_right{
float:right;
padding-left:15px;
padding-bottom:10px;
}

/* for text */
.text-left{
text-align:left;
}

.text-right{
text-align:right;
}

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

.text-justify{
text-align:justify;
}

.bold{
font-weight:bold;
}

.italic{
font-style:italic;
}

.underline{
text-decoration: underline;
}

.highlight{
background:#ffc;
}

/* for images */
.img-left{
	/*margin: 4px 0 14px 10px;*/
float: left;
display: inline;
margin: 4px 10px 4px 0;
}

.img-right{
float: right;
display: inline;
margin: 4px 0 14px 10px;
}

/* for lists */
.nopadding{
padding:0;
}

.noindent
{
margin-left: 0;
padding-left: 0;
}

.nobullet{
list-style: none;
list-style-image: none;
} 

.orangeText{
color:#f3791f;
}

.honey{
position: absolute;
top: -100px;
left: -1000px;
}

.indexqprofile
{
	margin-left: 20px;
	margin-right: 30px;
}

.indexqprofilesecondary /*redundant class to avoid extra purple letters*/
{
	margin-left: 20px;
	margin-right: 30px;	
}


/*BACK TO TOP*/
.indexqprofileBACK
{
	
	float:right;
	padding:2px;
	margin:auto;
	border: solid black;
	background-color: black;
	margin-right:30px;
	font-size: 12px;
	display: inline;

}

.indexqprofileBACK a
{
	color: white;
	font-weight: bold;
}

.testimonialYEAR
{
	float:left;
	margin-left: 400px;
	
	padding:2px;
	/*margin:auto;*/
	border: solid black;
	background-color: black;
	margin-right:30px;
	font-size: 15px;
	display: inline;
	color: white;
	font-weight: bold;
}





/* 
		SLIDESHOW CSS
		Original code by Nicolas Gallagher and Jonathan Neal of W3
		git.io/normalize 
*/
.w3-animate-fading{animation:fading 10s infinite}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}



/*
		Blockquote Styling 
		Initial code by Chris Coyier, CSS-Tricks, 2013
		modified by me

		(creates physical quotation marks when using the <blockquote> tag)
*/

blockquote:before 
	{
	  color: #ccc;
	  content: open-quote;
	  font-size: 4em;
	  line-height: 0.1em;
	  /*margin-right: 0.25em;*/
	  vertical-align: -0.35em;
	  margin-left: -23px;
	}

blockquote:after
	{
	  color: #ccc;
	  content: close-quote;
	  font-size: 4em;
	  line-height: 0.1em;
	  margin-right: 0.25em;
	  vertical-align: -.5em;
	}

blockquote p
{
	font-size: 17px;
	display:inline;
}

.quotee /*standardized formatting for sources cited.  This was not taken from Coyier's code */
{
	font-style: italic;	
	text-align: right;
	font-size: 15px;
}


/*standardized formatting for all images on the tutor biographies*/
#tutor_bios img
{
	float:left;
	margin: 8px;
	margin-left: 1px;

}

p.prima::first-letter /*first letter raised font + colour on tutor biography text */
{
	font-size: 150%;
    color: #63344b;
}

p.prima
{
	margin-left: 0px;
    overflow:auto;
    display:block;
}

p.twentyquestions
{
	margin-left: 10px;
    /*overflow:auto;*/
    display: block;
    font-size: 15px;
    white-space: inherit;
    /*word-wrap: */
}

p.twentyquestions::first-letter
{
	font-size: 150%;
    color: #63344b;
}

firstfix /*fix for raised + colour when first-letter is preceded by image */
{
	font-size: 150%;
    color: #63344b;
}

looklikea
{
	text-align: center;
	color: #b55239;
text-decoration: none;
}



p.indexqprofile::first-letter
{
	font-size: 150%;
    color: #63344b;
}


/*[data-slides] {
	background-image: url(../images/280-385/banner1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	transition: background-image 1s linear;
}



.test { height: 280px; }
@media all and (min-width: 48em) {
	.test { height: 280px; }
}*/

.pic-on-the-right
{
	float: right;
	margin-top: 15px;
}


.testimonial
{
	padding-left: 20px;
	/*margin-top:20px;*/
}

.test_no1son
{
	padding-left: 20px;
	float: left;
	max-height: 230px;
	padding-right: 29px;
}

.test_posat
{
	padding-left: 20px;
	float: right;
	max-height: 120px;
}

.test_2008daughter
{
	float: right;
	padding-left: 10px;
	margin-top:65px;
	max-width: 120px;
}

.test_2005
{
	/*float: right;*/
	float:left;
	margin-right: 30px;
	margin-left: 30px;
	

	padding-left: 10px;
	padding-bottom: 5px;
	max-height: 190px;
}

.test_2010
{
	/*float: right;*/
	float:left;
	margin-right: 30px;
	margin-left: 30px;
	

	padding-left: 10px;
	padding-bottom: 5px;
	max-height: 180px;
}

.test_2008ourdaughter
{
	/*float: right;*/
	float:left;
	margin-right: 30px;
	margin-left: 30px;
	

	padding-left: 10px;
	padding-bottom: 5px;
	max-height: 210px;
}

/*html, body {
    height:100%;
    width:100%;
    margin:auto;
    padding:auto;
}
body{
	min-width: screen.width;
}*/

.container
{
	 /*width: 100%;*/
}

.scaler
{
	/*width: 100%;
    display: table;*/
}

.scaler > div
{
	/*display: table-cell;*/
}

/*

SOCIAL MEDIA
PLUGIN FORMATTING

*/

.but_facebook
{
	overflow:hidden;
	position: relative;
	top:0px;
	left:90px;
}

.but_twitter
{
	position: relative;
	bottom: 15px;
	left: 35px;
}

.but_youtube
{
	position: relative;
	left:50px;
	bottom: 15px;
}

.PREIE
{
	/*height: 10px;
	width:0px;*/
	max-height: 30px;
	float:left;
}

emns /*simplified tag for putting bold+italic properties together*/
{
	font-weight: bold;
	font-style: italic;
}

.definingwords
{
	text-align: center;
}


.definingwords::first-line
{
	font-weight: bold;
	font-size: 150%;
    color: #63344b;
}


.definitionborder
{
	/*float:left;*/
	max-width: 300px;
	padding:2px;
	margin:auto;
	border: solid black;
	background-color: #e3e3e4;
	/*margin-right:auto;*/
	display: block;
}

.bioimg
{
	max-width: 192px;
	float: left;
    margin-right: 10px;
    clear:both;


}

.bioimgcap
{
	font-size: 10px;

}
figure
{
	float:left;
	margin:8px;
	margin-top:18px;
}

figure p
{
	margin-left: 1000px;
}

figcaption { 
	font-size:11px;
	display: block;
    text-align: center;
    max-width: 192px;
    /*font-style: italic;*/

	/*drawing the border*/
    border: solid black 2px; margin-top:200px; background:#000000; color:#fff;

}


.browseprof
{
	text-align: center;
	font-size: 20px;
	color: white;
	background: #633449;
	margin:auto;
	/*max-height:500px;*/
	max-height: 100px;
	/*margin: 40px;*/
	padding-top: 20px;
	margin-left: 150px;
	margin-right: 150px;
}

.weasked
{
	text-align: center;
	font-size: 15px;
	color: white;
	background: #633449;
	margin:auto;
	max-height: 100px;
	/*margin: 40px;*/
	padding-top: 20px;
	padding-right: 30px;
	padding-left: 30px;
	
	margin-left: 150px;
	margin-right: 150px;
}

/* bug fixes for iOS devices */

@media screen and (min-device-width : 768px) and (max-device-width : 1024px), screen and (min-device-width : 375px) and (max-device-width : 667px), screen and (min-device-width : 414px) and (max-device-width : 736px), screen and (min-device-width : 320px) and (max-device-width : 568px), screen and (min-device-width : 320px) and (max-device-width : 480px)
{
    .weasked
    {
        padding-bottom: 140px;
    }
    
}

/* iOS fix END*/


.flexwrap1
	{
		max-width:560px; 
		margin-right:50px; 
		margin-top: 60px; 
		max-height: 105px; 
		background: #633449; 
		color: white; 
		padding: 9px;
	}

.flexwrap2
	{
		text-align: center; 
		border: solid black 2px; 
		margin: auto; 
		width: 21%; 
		padding: 10px;
		list-style-type: none; 
		margin-right: -30px;
		
	}

.flexwrap3
	{
		max-width:600px; 
		margin:10px; 
		margin-left: 80px; 
		max-height: 135px; 
		background: #633449;
		color: white; 
		margin-top:57px;
		padding: 10px;
	}

	.emaildirect a
	{
		background: #633449; 
		color: white;
		padding:10px;

	}
	.emaildirect
	{
		text-align: center;
	}

	.test_2006stoptv
	{
		float: right;
		padding-left: 10px;
		margin-top:65px;
		max-height: 120px;	
	}

	.faqstrip
	{
		width:790px;
	}