@charset "utf-8";
/* Styles added by C3 Advertising, Inc. CSS Document */

/* --------------------------------- TEXT STYLES -------------------------------------------- */
/*----------------------Styles that are used in text throughout the site----------------------*/


/* -- Text styling for help for parents too -- */
.helpForParents {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

/* -- Style for what parents are saying in right column -- */
.whatparentsaresaying{
font-size:18px;
font-style:italic;
}
/*---Style for quote attribute in simple testimonial copy--*/
.attributed {
	line-height: 16px;
	font-style: italic;
	padding: 0 0 0 20px;
}
/*----  Styles for franchisee homepage title , subpage titles, and center address ------ */

.homepagetitle{
font-size:24px;
}

.subpagetitle{
font-size:18px;
}

.centeraddress{
font-weight:bold;
font-size:12px;
}

/* ---- Mission and Vision Page styles ----*/

.missionheadline{
font-size:20px;
font-style:italic;
text-align:left;
padding-top: 10px;
}

.missionparagraph{
font-size:14px;
font-style:normal;
text-align:left;
}

/* --- also for the proven results link on the right menu ---*/

.centerphoneemail, .provenresults{
font-weight:bold;
font-size:13px;
}

/*-- RIGHT COLUMN BULLET STYLE MATTHEWS KP LANDING, ALSO USED IN OTHER FRANCHISEE LANDING PAGES --*/

.RightBullet
{
margin:0px;
text-align:left;
}

/*------- Replaces inline .style8 to format services header, and inline .style14 and .style17 to format servicesList - ML ------*/
.servicesHeader {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
 .servicesList {
	 text-align: center;
	 font-weight: normal;
	 font-size: 14px;
 }
/* -- Style for the states on the /locations/index.html file -- */
.locationsstate{
	background:#e4e1dd;
	font-size:14px;
	font-weight: bold;
	margin-left:0px;
	margin-top:30px;
}

/* -------------------------------------- END TEXT STYLES -----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/




/* --------------------------------------- DIVS AND LAYOUT STYLES ---------------------------------------*/
/*-------------------------Divs used on pages, and styles that affect the layout ------------------------*/


/*-- ADDS A BACKGROUND IMAGE TO THE BOTTOM LEFT OF A DIV, USED IN MATTHEWS KP LANDING PAGE, AS WELL AS OTHER FRANCHISEE LANDING PAGES ----*/

.TutoringAngel {
background: url(../images/TutoringAngel.jpg) bottom left no-repeat;
}



/*------ Multi-center landing page styles (i.e. Seattle) 
            Replaces table cells in center of page - ML--------*/
#centeringDiv {
	text-align: center;
	margin: auto;
}
#multiCtrContent {
	width: 790px;
	text-align: left;
	position: relative;
}
#multiCtrMain {
	position: relative;
	float: left;
	width: 520px;
	margin: 0 0 0 10px;
	background: url(../images/TutoringAngel.jpg) bottom left no-repeat;	
	padding: 0 10px 0 10px;
	display: inline;
}
#sidebar {
	float: right;
	width: 207px;
	margin: 0;
	background: url(../images/header_orange_curve2.gif) top right no-repeat;
	border-left: dotted medium #317023;
	border-bottom: none;
	border-top: none;
	border-right: none;
}
#footer {
	float: left;
	width: 790px;
	background-color: #f9edab;
	text-align: center;
	padding: 6px 0;
}
h3.multiCtr {
	color: #317023;
	font-size: 16px;
	padding: 0;
	margin: 0;
}
h1.multiCtr {
	color: #317023;
	font-size: 24px;
	padding: 0;
	margin: 0;
}
#ctrAddressLeft {
	text-align: left;
}
#ctrAddressRight {
	text-align: left;
	margin-left: 300px;
}

/*---------Center Hours Table Styling------------------*/
/*--- Note: font-size in .ctrHours replaces .style8 in template---*/
table.ctrHours {
	width: 70%;
}
table.ctrHours, td.ctrHours {
	border: 1px solid #776a57;
}
.ctrHours, tr.ctrHours, td.ctrhours {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	vertical-align:middle;
	margin: 0 auto;
}
tr.ctrHours, caption {
	border: 2px solid #776a57;
}
td.ctrHours {
	padding: 6px 4px;
}
caption.ctrHours {
	font-size: 16px;
	color: #547b35;
	padding: 4px;
}
/* -- END CENTER HOURS TABLE STYLING -- */


/* HOME BLURB STYLING */
/* Pomotional box with gold border, for Community Events and other promotional info */
.homeBlurb h2, .homeBlurbSkinny h2, .homeBlurbSkinnyLeft h2 {
color: #675c54;
font-size: 16px;
font-weight: bold;
line-height: 20px;
padding: 4px 0 8px 10px;
}
.homeBlurb {
border-top: #ee9a4d thick solid;
border-bottom: #ee9a4d thick solid;
margin: 10px 0 0 4px;
padding: 0;
}
/* homeBlurbSkinny is as wide and lines up under the notebook on the left column */
.homeBlurbSkinny, .homeBlurbSkinnyLeft {
border-top: #ee9a4d thick solid;
border-bottom: #ee9a4d thick solid;
margin: 10px 0 0 12px;
padding: 0;
width:165px;
}
.homeBlurb h3, .homeBlurbSkinny h3, .homeBlurbSkinnyLeft h3 {
color: #317023;
font-size: 16px;
font-weight: bold;
font-style: italic;
}
.homeBlurbSkinnyLeft, #leftSpotlight {
text-align: left;
}
.homeBlurb p, #leftSpotlight {
padding-left: 10px;
}
#leftSpotlight {
	margin-right: 30px;
}
.quote {
padding: 0 20px;
}
.blurbDetail {
width: 363px;
}
.blurbDetail h1 {
padding-top: 20px;
}
/*---INDENTS THE BLURB SECTION TO LINE UP WITH THE NOTEBOOK IMAGE, MAKES IT THINNER TO AVOID CRASHING TEXT--*/
.blurbIndent{
margin-left:15px;
width:80%;
}
/*-- Pull quote Style ------------------------------------------------*/
.homeBlurb h2.pullquote {
font-family: Arial, Helvetica, sans-serif;
color: #675c54;
font-size: 12px;
margin: 2px;
font-style:italic;
text-align:left;
}
/* -------------------------  END BLURB STYLING ------------------------------------*/



/*  ------ These styles are applied to add more air when there are crashing problems  ---- */

/*---ADDS 15PX OF PADDING TO THE RIGHT OF THE CENTER TABLE IN KNOWLEDGEPOINTS PAGE AND MAINTAINS THE PADDING OF .COPY IN THE STYLES.CSS FILE TO AVOID CRASHING TEXT--*/
.copyRightPadding{
padding: 5px 20px 5px 0px;
}
/*--ADDS 15PX OF PADDING TO THE LEFT OF THE RIGHT TABLE IN KNOWLEDGEPOINTS PAGE WHILE MAINTAINING STYLES OF .RIGHTBG IN THE STYLES.CSS FILE TO AVOID CRASHING TEXT--*/
.rightBGLeftPadding { 
background-position: right top; 
background-repeat: no-repeat;
padding-left:10px;
 }

/* This div can be used in the right column in order to provide more air between the center and right columns */ 
 #morePaddingLeft { 
padding-left:30px;
 }

/*------------THIS DIV TIGHTENS UP THE RIGHT COLUMN WHEN THE COLUMNS ARE CRASHING ----- */
#rightcolumnnarrow{
padding-left:25px;
}


/*------------Aligns images under the notebook on the left column flush left with the notebook -- */
.noteBook{
margin-left:12px;
}

/* This is used for images to be used in the right column of the page */
.rightColumnImage{
	float:left;
	margin:5px 0 5px 0;
	clear:both;
}

/*--- This is used in mequon community page and can be used to have a layout where the images float left and copy is aligned to the right of it -----*/

.imageFloatLeft{
float:left;
padding: 5px;
margin: -20px 0 0 0;
}
.communityNoImage{
margin-left:10px;
}
/*-------------style for central table column with picture at the bottom ------*/
.copyImage { 
	padding: 5px 0px 5px 0px;
	background-image: url(../images/BoyandGirl_background.jpg) bottom left no-repeat;
}


/*------------- Sample Site styles -------------------*/
.instructions {
	color: #990000;
	font-style: italic;
}
.instructions p {
	font-size: 12px;
}

/* ----------- List style for product sheets -------------*/
.productSheets img {
	border: none;
	float: left;
	padding: 5px;
	margin: -6px 10px 4px -46px;
}
.prductSheets a {
	text-decoration: none;
}
.productSheets li {
	list-style-image: none;
	list-style-type: none;
	padding-top: 12px;
	padding-bottom: 12px;
}
.productSheets p, .article h1 {
	margin-left: -36px;
}
/*------------ List style for article pages (only for use when center and right column of table are empty) -------*/
#article {
	position: absolute;
	top: 135px;
	left: 208px;
	width: 546px;
}

/* ------------------------------ END DIV AND LAYOUT STYLES --------------------------------------*/