@charset "utf-8";
/* CSS Document */
#admissions{font-weight:bold; border-bottom:solid thick #F4A45E;}
.title{position: relative; height:180px; display:flex; align-items: center; justify-content: center; }
.title h1{font-size:30px; position: absolute; z-index:1; top:0; left:0; right:0; bottom:0; height:inherit; background-color:rgba(51,51,51,0.7);margin:auto; display:flex; align-items: center; justify-content: center; color:white;}
.title img{flex-shrink:0; max-height:100%; max-width:100%; display:block; margin-left:auto; margin-right:auto;}
.main{min-height:500px; word-wrap:break-word;}
#content{margin:15px 10px; padding-bottom:15px; height:inherit; border:solid thick rgba(0,51,204,1); color: rgba(0,51,204,1);font-family:Georgia, "Times New Roman", Times, serif; list-style:none; text-align:center; border-radius:8px;}
#content a{color: rgba(0,51,204,1);}
#content a:hover{text-decoration:blink;}
#policycontent{margin:15px 10px; padding-bottom:15px; height:inherit; border:solid thick rgba(102,102,102,1); border-radius:8px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; overflow:auto; display:block;}
#policycontent a{color:rgba(0,0,102,0.7);}
#policycontent a:hover{text-decoration:blink;}
.policylink{padding:5px; margin:0 5px; display:none;}
#policycontent:hover > .policylink{display:inline-block;}
.admistext{margin:10px 5px; width:95%; padding:10px 12px 10px 12px;}
.admistext h2,.admistext h3,.admistext p{text-align:justify;  margin:3px; font-family:"Clarendon BT", Impact,  Cambria, Cambria Math; line-height:30px;}
.admistext h1{font-size:27px; text-align:center; margin:5px; font-family:"Clarendon BT", Impact,  Cambria, Cambria Math;}
.admistext li{margin:0 0 0 5px; list-style-type:square; font-family:"Clarendon BT", Impact,  Cambria, Cambria Math;line-height:30px;}
#admissionprocess, #school-policy{background-color:rgba(77,99,253,0.6); height:100px; display:flex; align-items:center; justify-content:center; margin-bottom:0;}
@media only screen and (min-width: 600px) {
	/* For tablets: */	
.title h1{font-size:40px;}
.title{ height:300px;}
.admistext h1{font-size:40px;}
#content{float:left; margin:15px 10px; width:20%; text-align:left; padding:0 0 15px 15px;}
.policylink{float:left; padding:5px;}
}

@media only screen and (min-width: 1000px) {
	/* For desktop: */
.main{clear:both;}
.title h1{font-size:50px;}
.admistext{margin:10px 15px; width:60%; float:left;}
}