@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../images/bg.jpg);
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
ul{
	margin-top:0;
	margin-bottom:0;
}
.pull_quote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	font-variant: small-caps;
}
.pull_quote86caps {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	font-variant: normal;
}
a:link {
	color: #007866;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #007866;
}
a:hover {
	text-decoration: underline;
	color: #6c9b30;
}
a:active {
	text-decoration: none;
	color: #007866;
}

#mainFrame {
	width:830px;
	margin:auto;
	background-color:#FFFFCD;
	border:#FFF medium solid;
	border-radius:20px
}

.colleges {
	width:830px;
	border-radius:20px 20px 0 0
	}
	
#content {
	margin: 20px;
}

#homeHead{
	float:right; 
	width:660px;
}

#homeSubHead {
	border-radius:20px; 
	background-color:#b7cc97;
	width:620px;
	padding:20px
}

#intSubHead {
	border-radius:20px; 
	background-color:#b7cc97;
	width:94%;
	padding:3%
}

#metv {
	border:solid 5px #b7cc97;
	border-radius: 20px;
	width:630px;
	padding:10px;
	margin-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #007866;
	font-weight:bold;
	font-size:1.7em;
	text-align:center;
	text-decoration:none
}

#metv a{
	text-decoration:none
}

#metv:hover {
	border:solid 5px #b7cc97;
	border-radius: 20px;
	width:630px;
	padding:10px;
	margin-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #fff;
	font-weight:bold;
	font-size:1.7em;
	text-align:center;
	background-color:#036;
	text-decoration:none
}

.shareContainer {
	width: 250px;
	margin-top: 20px;

}

#menuContainer {
	width:230px;
	background-color:#007866;
	border-radius:10px;
	color:#FFF
}

#menuContainer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #007866;
}

#menuContainer li a {
    display: block;
    color: #000;
    padding: 8px 0 8px 16px;
    text-decoration: none;
	color: white;
}


#menuContainer li a:hover {
    background-color: #b7cc97;
    color: black;
}

.topOfNav {
    border-radius:10px 10px 0 0;
}

.bottomOfNav {
    border-radius:0 0 10px 10px;
}

.leftQuoteContainer {
	width: 250px;
	margin-top: 20px;
	border-top:#000 solid thin;
	border-bottom:#000 solid thin;
	font-size:1.3em;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;

}

.mainContent {
	float:right;
	width:530px
}

.leftBar {
	float: left;
}

.students {
	float:right;
	width:155px
}

.burst {
	float: right;
	height: 224px;
	width: 350px;
}

#footer {
	background-color:#f4d6aa;
	border-radius: 20px;
	margin: 20px 0 0 0;
	padding: 5px 40px 5px 40px
}

.footer_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.hideForNonMobile {
	visibility:hidden;
	display:none
}

.youTube {
	width: 320px;
	margin-left:auto;
	margin-right:auto
}

.termOfUse {
	height:2200px
}

.whatCollegesSeek {
	height:1700px
}

.planningCalendar {
	height:4000px
}

.summerEnrichment {
	height:21200px
}

.glosssaryOfTerms {
	height:1800px
}

.recommendedWebsites {
	height:2500px
}

.gapYearOptions {
	height:4000px
}

.testimonials {
	height:3300px
}

.collegeAcceptance {
	height:1200px
}

.collegeAcceptance2015 {
	height:1500px
}



/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
.hideForiPad {
	display:none;
	visibility:hidden;
	width:0;
	height:0
}
.hideForNonMobile {
	visibility:hidden;
	display:none
}

}

/* iPad [portrait] */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	
#mainFrame {
	width:100%
}

.leftQuoteContainer {
	width: 100%;
	margin-top: 10px;
	border-top:#000 solid thin;
	border-bottom:#000 solid thin;
	font-size:1.3em;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;

}

.shareContainer {
	width: 250px;
	margin: 20px auto 0 auto;
	text-align:center

}

.mainContent {
	float:none;
	width:100%;
}

.burst {
	float: left;
	height: auto;
	width: 40%;
}

.leftBar {
	float: none;
}


#mainFrame {
	width:100%
}

.colleges {width:100%}

.hideForNonMobile {
	visibility:visible;
	display:inline-block
}

.hideForiPhone {
	display:none;
	visibility:hidden;
	width:0;
	height:0
}

.showForiPhone {
	display: block;
	visibility: visible;
}

.select-wrapper {
    border: 1px solid #aaa;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: 300px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border-radius:20px; 
	background-color:#b7cc97;
	margin-top:10px
}

.select {
    -webkit-appearance: none;
    border-width: 0;
	 color: #ffffcd;
	font-weight:bold;
	font-size:1.52em;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.2em;
    padding: 1em 1em;
    width: 100%;

    }
.termOfUse {
	height:1900px
}

.whatCollegesSeek {
	height:1700px
}

.planningCalendar {
	height:3000px
}

.summerEnrichment {
	height:16800px
}

.glosssaryOfTerms {
	height:auto
}

.recommendedWebsites {
	height:auto
}

.gapYearOptions {
	height:auto
}

.testimonials {
	height:auto
}

.collegeAcceptance2015 {
	height:auto
}


}

/* iOS Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 690px){
	
.collegeAcceptance2015 {
	height:auto
}

.testimonials {
	height:auto
}

.gapYearOptions {
	height:auto
}

.recommendedWebsites {
	height:auto
}

.glosssaryOfTerms {
	height:auto
}

.summerEnrichment {
	height:33500px
}

.planningCalendar {
	height:7500px
}

.whatCollegesSeek {
	height:3000px
}

.termOfUse {
	height:3000px
}

.youTube {
	width: 100%;
}

.leftQuoteContainer {
	width: 100%;
	margin-top: 10px;
	border-top:#000 solid thin;
	border-bottom:#000 solid thin;
	font-size:1.3em;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;

}

.shareContainer {
	width: 250px;
	margin: 20px auto 0 auto;
	text-align:center

}

.mainContent {
	float:none;
	width:100%;
}

.burst {
	float: none;
	height: auto;
	width: 100%;
}

.leftBar {
	float: none;
}


#mainFrame {
	width:100%
}

.colleges {width:100%}

#content {
	margin: 0
}

.hideForNonMobile {
	visibility:visible;
	display:inline-block
}

.hideForiPhone {
	display:none;
	visibility:hidden;
	width:0;
	height:0
}

.showForiPhone {
	display: block;
	visibility: visible;
}

#homeHead{
	float:none; 
	width:100%;
}

#homeSubHead {
	width:90%;
	float:none;
	padding:4%
}
#metv {
	border:solid 5px #b7cc97;
	border-radius: 20px;
	width:90%;
	padding:4%;
	margin-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #007866;
	font-weight:bold;
	font-size:1.7em;
	text-align:center;
	text-decoration:none
}

#metv a{
	text-decoration:none
}

#metv:hover {
	border:solid 5px #b7cc97;
	border-radius: 20px;
	width:90%;
	padding:4%;
	margin-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #fff;
	font-weight:bold;
	font-size:1.7em;
	text-align:center;
	background-color:#036;
	text-decoration:none
}




.select-wrapper {
    border: 1px solid #aaa;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: 300px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border-radius:20px; 
	background-color:#b7cc97;
	margin-top:10px
}

.select {
    -webkit-appearance: none;
    border-width: 0;
	 color: #ffffcd;
	font-weight:bold;
	font-size:1.52em;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1.2em;
    padding: 1em 1em;
    width: 100%;
    width: calc(100% + 2em);
    &:focus {
        outline: none;
		text-align:center;
		background-color:#b7cc97;
    }
	






}