﻿html
{height:100%;}

.left
{float:left;}
.right
{float:right;}

body 
{

	background-size:cover;
    background-color: #474747;
    margin: 0px auto;
    padding: 0px;   
    height:100%;
}

.layoutWrapper
{
    vertical-align: middle;
    margin: 0px auto;
    padding: 0px;
    width: 763px;
    font-family: Arial, Verdana;
    position:relative;
    /*top:-50%;*/
}

.primaryNavigation
{
    background: url("../images/mainBG.gif") repeat;
    margin: 0px;
    padding: 0px auto;
    width: 763px;  
    /*height: 50px;*/
    float:left;
}

.contentWrapper
{
    /*background: url("../images/innerFadedBackground.jpg") repeat; */
    background: url("../images/contentBG.gif") repeat;
    float: left;  
}

.leftColumn
{
    width: 333px;
    float: left;
}

.rightColumn
{
    width: 430px;
    float: left;
}

.footer
{
    background: url("../images/mainBG.gif") repeat;
    width: 763px;
    /*height: 50px; */
    float: left;
}
.footer ul
{margin:0px;padding:8px 20px;}
.footer li
{display:inline;margin-right:0px;}

ol
{margin-left:0px;padding-left:20px;}
ol li
{margin-left:0px;padding-left:0px;}

.footer li
{list-style:none;font-size:80%;color:White;}
.footer a
{color:White;}
.footer a:hover
{text-decoration:none;}
.footerBrand
{float: right; color: White; font-size: 70%; padding: 10px 20px;}
/*.leftColumnContent
{
    background: url("../images/fadedBorderBackground.jpg") repeat;
    margin: 20px 10px 20px 20px;
    padding: 20px;
}*/

.rightColumnContent
{
    margin: 10px;
   
    height: 440px;
    padding: 0px 0px 0px 20px;
    text-align:left;
}

.rightContent
{
    /*width:515px;*/
    /*width:365px;*/
    /*background: url("../images/rightcolbg.gif") 0 0 repeat;*/
     /*background: url("../images/contentBG18.jpg") 0 0 repeat;*/
 font-size:0.8em; 
 /*text-align: justify;*/
 }
 
.faqAnswer
 {font-size:0.95em;}
 .faqAnswer
 {width:380px;}
 .rightContent h2
 {font-weight:normal;}
 
 .rightContent .scrollingContent  h3
 {font-weight:normal;font-size:90%;margin:12px 0px;}
 
 .rightContent h4
 {font-size:120%;margin-bottom:12px;font-weight:normal;}

.rightContentLight
{
    /*width:515px;*/
    width:365px;
 background: url("../images/contentBG15.jpg") 0 0 repeat; 
 }

.rightContentInner
{padding:5px 17px 5px 17px;color:white;}
.rightContentInnerScroll
{padding:5px 0px 5px 17px;color:white;}

.rightContentInner p, .rightContentInner li
{font-size: 0.9em; margin-top:6px;}

.latestNews p
{font-size:0.85em;margin-top:4px;margin-bottom:6px;float:left;}

.rightContentInner span
{display:block; /*padding-top:4px; */padding: 4px 0px 0px 30px;}

.rightContentInner h1
{font-size: 1.4em; margin-bottom:6px;}
.rightContentInner h2
{font-size: 1.1em;font-weight:bold;}
.rightContentInner h3
{font-size: 1.2em;}

.scrollingContent
{
    height:387px;
    overflow: auto;
    padding-right: 15px;    
}



h5.faq
{ width:30px; float:left; font-size: 1.3em;}

.accordionHead
{float:left;clear:both;width:300px;margin:8px 0px 3px 0px;}

.accordionHead
{font-size:12px;}

.scrollingContent .accordionHead
{font-weight:bold;margin-top:15px;font-size:13px;}

.sectionLead
{padding-top:5px;}

.fysHeader
{padding-left: 20px;}

.fysHeaderImg
{padding: 10px 0px 20px 0px;}





h1, h2
{color:White;font-weight:normal;}
h1 em, h2 em
{color:#88a7da;}
h2.tagLine
{font-size:0.95em;padding-left:18px;font-weight:bold;margin-top:0px;}

.headerWebsiteAddress
{font-size:0.6em;padding-top:4px;}

/*Specific to default*/
/*.homePageWrapper
{
    /*text-align: center;    
}*/

.linkBox
{
    float:left;
    width: 165px;
    margin: 0px 10px 10px 10px;
    padding: 0px;
    background-color: White;
}

.latestNews
/*{border:5px solid #5e5d5d;}*/
{
    /*background-color: #474747;*/
    /*background: url("../images/contentBG18.jpg") repeat;*/ 
    background: url("../images/rightColBg.gif") 0 0 repeat; 
    width:330px;padding:15px 20px;
    margin-top:10px;
}

.latestNews h3
{font-size:150%;font-weight:normal;margin-top:6px;}

.latestNews strong, .rightContent strong
{color:#BAD5FF;}

.privateTuition p
{margin-bottom:8px;}

.homepage
{padding-top:20px;}
.homepage h2
{margin-bottom:10px;}

.scheduleLink
{
	margin-top:20px;
	color: #FFF;
}

.scheduleLink a 
{   
    /*font-size: 1.5em;    */
}

.scheduleLink a , .rightContent a
{
    color: #bad5ff;   
}

.scheduleLink a:hover, .rightContent a:hover
{
    color: #ffffff;       
}

.homepageLogo
{margin-top:80px;}

.homepageimages
{text-align:center;}
.homepageimages a
{float:left;margin-bottom:20px;margin-top:100px;}

.scheduleImage
{margin-right:20px;}

/*Basics*/
p
{
	margin: 0px;
	padding: 0px;
	color: #FFF;
}

h1, h2, h3, h4
{
    margin: 0px;
    padding: 0px;   
}  

/*Navigation*/
.navigationWrapper
{
    margin: 0px auto; 
}

.navigationTag
{
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    
}

.navigationTag li
{
    list-style: none;
    display: inline;
    float: left;
    /*margin: 15 px 0px 0px 0px;*/
    margin: 0px;
    padding: 0px;
}

.navigationTag a
{
    float: left;
    padding: 10px 16px ;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.8em;
}

.navigationTag a:hover
{
    color: #88a7da; 
    text-decoration: underline; 
    background:#4f4e50;  
}

.navigationTag .selected
{
    font-weight: bold;
    text-decoration:underline;   
}

/*Price*/

.fysList li
{
    color: #ffffff;
    text-align: left;
    margin-top:3px;
    /*background: url("../images/bullet.jpg") 0px 8px no-repeat;
    padding-left:10px;
    list-style:none;*/
}

.fysList sub
{color:#919191;margin-left:4px;position:relative;top:-2px;font-size:95%;}
.fysList h1 sub
{color:white;margin-left:0px;position:relative;top:-2px;font-size:65%;}

/*.priceList p
{
    padding: 0px 0px 0px 40px;
    color: #ffffff;
    text-align: left;    
}*/

/*WhereAreWe*/
.contactColumn
{
    width: 140px;
    float: left;
}

.mapWrapper
{
    padding: 5px;        
}

.clear
{
    clear: both;
    visibility:hidden;
    height: 0px;
}

.rightContentInner ol p 
{font-size:100%;padding:0px 50px 0px 10px;}

.eventLanding
{padding-left:15px;}
.eventLanding img
{margin-bottom:40px;}


/************************************************************************/
.teacherTraining ul
{padding-left:20px;margin-left:0px;}
.teacherTraining li
{padding-left:0px;margin-left:0px;}

.teacherTraining h4
{margin-top:20px; font-weight:bold; color:#BAD5FF;}

.teacherTraining h5
{font-size:100%;font-weight:bold; padding:0px;margin:10px 0px 0px 0px;color:#BAD5FF;}

.teacherTraining h6
{font-size:90%;font-weight:bold; padding:0px;margin:10px 0px 0px 0px; color:#BAD5FF;}

.teacherTraining span
{padding-left:0px;}

.teacherTraining .quote
{text-align:center;margin-top:20px;}
/************************************************************************/
.teacherApplication 
{
	text-align:center;
	color:#FFF;
}

.teacherApplication h2
{font-size:160%;}
.teacherApplication h3
{font-size:130%;font-weight:normal;}
.teacherApplication h4
{font-size:200%;font-weight:normal;padding-top:30px;margin-bottom:40px;}

.teacherApplication .applicationButtons
{margin-bottom:40px;}
.teacherApplication .applicationButtons a
{text-transform:uppercase;color:white;width:200px;background:#4f4f51;padding:25px 40px;}
.teacherApplication .applicationButtons a:hover
{text-decoration:none;}

