body {
    margin: auto auto;
    width: 100%;
    min-width: 1000px;
    font-family: Arial;
    font-size:14px;
}

.topContainer {
	position: fixed;
	top: 0;
    width: 100%;
}

.topIntro {
    margin:70px auto 0px auto;
    height:1100px;
    background: url("../img/bgTop.jpg") no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.classTopContainer {
	position: fixed;
	top: 0;
    width: 100%;
    background: url("../img/classbg.png") no-repeat;
    background-color: #548bf8;
    background-position: center center;
}

.topBar {
    width: 100%;
    height: 70px;
    background: url("../img/topBar.png");
    background-repeat: repeat-x;
}

.fullWidth {
    width: 84%;
    margin:auto auto;
}

.fullWidthAbove {
    width: 98%;
    margin: 20px 1% 20px 1%;
}

#menuBorder {
    float:right;
    margin-top:10px;
    width: 80px;
    text-align: center;
    border-radius: 20px;
    border: 2px solid white;
    padding: 10px;
    color: white;
    margin-right:20px;
}

#famenuBorder {
    float:right;
    margin-top:10px;
    width: 100px;
    text-align: center;
    border-radius: 20px;
    border: 2px solid white;
    padding: 10px;
    color: white;
    margin-right:20px;
}

#subMenuBorder {
    float:left;
    margin-top: 20px;
    margin-left: -10px;
    width: 320px;
    text-align: left;
    border-radius: 20px;
    border: 2px solid white;
    padding: 15px;
    color: white;
    background: rgba(84, 139, 248, 0.9)
}

#subMenuBorder a {
    text-decoration: none;
    color: white;
}

#menuBorder:hover {
    box-shadow: 0px 0px 20px #ccc;
}

#menuBorder-content {
    display: none;
    position: absolute;
}

#menuBorder:hover #menuBorder-content {
    display: block;
    color:white;
}

#menuBorder:active #menuBorder-content {
    display: block;
    color:white;
}


#coursesListBorder {
    width: 450px;
    text-align: center;
    border-radius: 30px;
    border: 2px solid gray;
    padding: 20px;
    color: gray;
    margin-bottom:20px;
}

#coursesListBorder:hover {
	font-weight: bold;
    box-shadow: 0px 0px 20px gray;
}

.planBorder {
    float:left;
    background: #d4e5ff;
    min-height: 400px;
    width: 20%;
    text-align: center;
    border-radius: 30px;
    border-style: solid;
    border-color: #d4e5ff;
    border-width: 1%;
    padding: 1%;
    color: black;
    margin-left: 1%;
    margin-right: 2%;
    margin-top: 20px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 10px black;
}

.lastPlanBorder {
    float:left;
    background: #d4e5ff;
    min-height: 400px;
    width: 20%;
    text-align: center;
    border-radius: 30px;
    border-style: solid;
    border-color: #d4e5ff;
    border-width: 1%;
    padding: 1%;
    color: black;
    margin-top: 20px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 10px black;
}

.fourPointsBorder {
    height:530px;
    float:left;
    background: #b8f9d5;
    width: 20%;
    text-align: center;
    border-radius: 30px;
    border-style: solid;
    border-color: #b8f9d5;
    border-width: 1%;
    padding: 1%;
    color: black;
    margin-left: 1%;
    margin-right: 2%;
    margin-top: 20px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 10px black;
}

.lastFourPointsBorder {
    height:530px;
    float:left;
    background: #b8f9d5;
    width: 20%;
    text-align: center;
    border-radius: 30px;
    border-style: solid;
    border-color: #b8f9d5;
    border-width: 1%;
    padding: 1%;
    color: black;
    margin-top: 20px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 10px black;
}

.twoPointsBorder {
    height:420px;
    background: #b8f9d5;
    width: 100%;
    text-align: center;
    border-radius: 30px;
    border-style: solid;
    border-color: #b8f9d5;
    border-width: 1%;
    padding: 1%;
    color: black;
    box-shadow: 0px 0px 10px black;
}

.fourPointsBorder2 {
    height:350px;
    float:left;
    background:#f3c9fa;
    width: 20%;
    text-align: center;
    border-radius: 30px;
    border-style: solid;
    border-color:#f3c9fa;
    border-width: 1%;
    padding: 1%;
    color: black;
    margin-left: 1%;
    margin-right: 2%;
    margin-top: 20px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 10px black;
}

.lastFourPointsBorder2 {
    height:350px;
    float:left;
    background: #f3c9fa;
    width: 20%;
    text-align: center;
    border-radius: 30px;
    border-style: solid;
    border-color: #f3c9fa;
    border-width: 1%;
    padding: 1%;
    color: black;
    margin-top: 20px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 10px black;
}

.quarterNews {
    color: black;
    font-size: 18px;
    font-weight: bold;
}

.sea {
    padding: 30px;
    background: #548bf8;
    margin: 0px 0px;
}

.blueBackGround {
	width:100%;
	background: #548bf8;
}

.videoFrame {
    background: white;
    width: 90%;
    height: 325px;
    border-radius: 30px;
    border-style: solid;
    border-color: white;
    border-width: 20px;
    box-shadow: 0px 0px 10px black;
}

.classSchedule {
	width: 100%; 
	float: left; 
	background: #565656; 
	border: 2px gray solid; 
	color:#CCCCCC; 
	font-size: 12px;
	border-collapse: collapse; 
	line-height: 150%;
}

.footer {
    margin-top:50px;
    text-align:center;
    width:100%;
    height:130px;
    background: #565656;
    color:white;
}

p {
    color:#565656;
}

a {
    text-decoration: none;
    color: black;
}

#summercamp {
	color: orange;
}

#summercamp:hover {
	color: yellow;
}

#logo {
	width: 240px;
	height:100px;
	position:fixed;
	left:8%;
	top:0px;
}

#schedule {
	background-color: white;
	width: 700px;
	border-collapse: collapse;
}

#schedule td, #schedule tr{
	border: 1px solid #000000;
    padding: 8px;
}

#schedule tr:nth-child(even){background-color: #f2f2f2;}

#schedule tr:hover {background-color: orange; color: white;}

#summerschedule {
	color: white;
	font-size: 14px;
	width: 1050px;
	border-collapse: collapse;
}

#summerschedule td, #summerschedule tr{
    vertical-align:text-top;
    padding: 6px;
}

#summerschedule a {
    color:white;
}

#summerschedule a:hover {
    color:orange;
}

#scheduletop {
	color: white;
	width: 700px;
	border-collapse: collapse;
}

#scheduletop td, #scheduletop tr{
	border: 1px solid white;
    padding: 6px;
}

#scheduletop a {
    color:orange;
}

#scheduletop a:hover {
    color:yellow;
}

#highlighted a {
    color:orange;
}

#highlighted a:hover {
    color:yellow;
}