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


/* Smartphones */ 
@media (max-width: 480px) {
	
		body{
		overflow-x:hidden;
	}
	.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:16px;
	position:relative;
	
	
}
/* Button */
.slicknav_btn {
	width:30px;
	margin: 5px 5px 6px;	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #DA2128;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #FFFFFF;
	font-weight: bold;	
	display:none;
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #FFFFFF;
}
.slicknav_menu {
	background:#222222;
	padding:10px;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-size:0.875em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	background:#333333;
	color:#FFF;	
}
.slicknav_nav a:hover{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	background:#EF4523;
	color:#FFF;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:10px;   
}

	#wrapper{
		
		width:480px;
		height:800px;
		margin:0px auto;
		margin-top:-8px;
		background-color:transparent;
	}
	#header{
		display:block;
		width:768px;
		height:190px;
		background-color:transparent;
	}
	#logo{
		display:block;
		width:250px;
		height:138px;
		float:left;
		margin-top:20px;
	}
	img.logo{
		width:100%;
		height:auto;
	}
	#menu{
		display:block;
		width:400px;
		height:30px;
		float:left;
	}
	#banner{
		display:block;
		position:absolute;
		width:100%;
		height:453px;
		margin-top:200px;
		background-color:#CCCCCC;
		z-index:-99999999;
		margin-left:-8px;
	}
	#body{
		display:block;
		width:1024px;
		height:510px;
		background-color:transparent;
	}
	#nav,#nav ul {
     display:none;
    list-style: none outside none;
	
    

}

#nav {

   

   

    font-size: 12px;

    height: 30px;

 margin-top:90px;

  margin-left:-80px;
    width: 800px;

}

#nav ul {

   

   height:auto;

   

  
	
 

    left: -9999px;

    overflow: hidden;

    position: absolute;

    top: -9999px;

    z-index: 2;

 

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

 

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

 

    -moz-transition: -moz-transform 0.1s linear;

    -ms-transition: -ms-transform 0.1s linear;

    -o-transition: -o-transform 0.1s linear;

    -webkit-transition: -webkit-transform 0.1s linear;

    transition: transform 0.1s linear;

}

#nav li {

   

    float: left;
	
    position: relative;

}

#nav li a {

    color: #FFFFFF;
    display: block;



   

    height:30px;
	
font-family:"Myriad Pro";
	
    padding: 10px 23px 0;

    position: relative;

    text-decoration: none;

   
}
#nav li:visited > a.hsubs {

    color: #999999;
	font-family:"Myriad Pro";
	
	
background:url(../images/nav.png) center no-repeat;

}
#nav li:hover > a.hsubs {

    color:#FF0000;
	font-family:"Myriad Pro";
	background-color:#DDD9C5;
	


}

#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {

    background:#999 repeat scroll 0 0;
	
    outline: 0 none;

}

#nav li:hover ul.subs {

    left: 0;

    top: 40px;
	height:auto;
	width:174px;

 background-color:#CCCCCC;
    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

#nav ul li {
	
   font-family:"Myriad Pro";
	font-size:14px;

	border-bottom:groove;
	border-bottom-color:#EFEFEF;
	
	margin-left:-40px;
    width: 250px;

}

#nav ul li a {
	color:#333333;
    float: none;

}
#nav ul li:hover > a {

   
	color:#333333;
    background:#EAEAEA;

}

#lavalamp {

   

    height: 16px;

    left: 13px;

    position: absolute;

    top: 0px;

    width: 100px;

 

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}

#lavalamp:hover {

    -moz-transition-duration: 3000s;

    -ms-transition-duration: 3000s;

    -o-transition-duration: 3000s;

    -webkit-transition-duration: 3000s;

    transition-duration: 3000s;

}
#nav li:nth-of-type(1):hover ~ #lavalamp {

    left: 13px;

}

#nav li:nth-of-type(2):hover ~ #lavalamp {

    left: 90px;

}

#nav li:nth-of-type(3):hover ~ #lavalamp {

    left: 170px;

}

#nav li:nth-of-type(4):hover ~ #lavalamp {

    left: 250px;

}

#nav li:nth-of-type(5):hover ~ #lavalamp {

    left: 330px;

}

#nav li:nth-of-type(6):hover ~ #lavalamp {

    left: 410px;

}

#nav li:nth-of-type(7):hover ~ #lavalamp {

    left: 490px;

}

#nav li:nth-of-type(8):hover ~ #lavalamp {

    left: 565px;
}

#menubottom{
	display:none;
	position:absolute;
	width:700px;
	height:30px;
	margin-left:330px;
	margin-top:150px;
}

img.b{
		margin-top:-15px;
}
p.menu{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.2px;
	word-spacing:2px;
	margin-left:140px;
	margin-top:-5px;
	color:#000;
}
font.mb:hover{
	color:#CC0000;
}
img.banner{
	display:block;
	width:1126px;
	height:474px;
	margin:0px auto;
 }
 #bodyleft{
	 display:block;
 	width:383px;
	height:500px;
	background-color:#FFFFFF;
	float:left;
	opacity:0.9;
 }
 p.head{
	 	font-family:"Myriad Pro";
		font-size:24px;
		font-weight:bold;
		color:#000;
		margin-left:20px;
		margin-top:25px;
 }
 img.sm{
	 margin-left:20px;
	 margin-top:-10px;
 }
 p.content{
	 width:317px;
	height:auto;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:20px;
 }
 #read{
	 position:absolute;
 	width:95px;
	height:24px;
	 margin-left:20px;
	 color:#FFFFFF;
	 font-size:12px;
	 font-family:Arial, Helvetica, sans-serif;
	background-color:#231F20;
 }
 p.t{
	
 	margin:4px 18px auto;
 }
 img.award{
	  margin-left:0px;
	  margin-top:0px;
 	float:left;
	
 }
 table.links{
 	float:left;margin-left:20px;width:134px;height:120px;font-family:Arial, Helvetica, sans-serif;font-size:12px; margin-top:0px;
 }
 img.contact{
 	margin-left:20px;
	margin-top:25px;
 }
 
 #footer{
	 display:none;
 	width:100%;
	height:89px;
	background-color:transparent;
 }
 #footerleft{
	 display:block;
	 	width:220px;
		height:63px;
		float:left;
 }
 img.slogan{
	 display:block;
 	width:300px;
	height:63px;
 }
 #footercenter{
	 display:block;
		 width:300px;
		height:63px;
		float:left;
 }
 #footerright{
	 display:block;
	 	width:234px;
		height:89px;
		float:left;
 }
 p.newshead{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	margin-top:-2px;
	color:#3C3C3C;
 }
 p.newscontent{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#58595B;
 }
 #divt{
	 display:block;
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#AFAFB0;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divt:hover{
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#991B1E;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divb{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divb:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
  p.s{
	
 	margin:13px 10px auto;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;
 }
  p.sa{
	  
	
 	margin:13px 20px auto;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:12px;
 }
 #divsocial{
	 display:block;
 	width:100%;
	height:50px;
	margin-top:25px;
 }
 img.i{
 	float:left;
 }
  img.i1{
 	float:left;
	margin-left:10px;
 }
 #copyright{
 	width:250px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin-top:0px;
	margin-left:200px;
 }
#principalleft{
	width:480px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#BE1E2D;
	
}
#principalright{
	display:block;
	width:225px;
	height:475px;
	clear:both;
	margin-left:14px;
	margin-top:10px;
	background-color:#FFFFFF;
}
img.photo{
	width:100px;
	height:122px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	margin-left:20px;
}
p.pcontent{
	
	width:450px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFE6CB;
	float:left;
	margin-top:-90px;
	margin-left:20px;
}

p.pty{
	
	width:320px;
	height:200px;
	font-size:18pt;
	margin-left:20px;
	margin-top:0px;
	font-family:Arial;
	color:#D57F6E;
	
	float:left;
}
img.rt{
	width:230px;
	height:239px;
}
	#divn{width:600px;height:auto;}
	#button
{
	float:right;
	width:200px;
	height:35px;
	background-color:#FF6600;
	margin-top:30px;
	margin-right:-12px;
	
}
#button1
{
	float:right;
	width:150px;
	height:80px;
	background-color:#000000;
	margin-top:350px;
	opacity:0.9;
	margin-right:-12px;
	
}
#alumni{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#FF6600;
	
}

#newsleft {
    width: 400px;
    height: 1000px;
    float: left;
    margin-top: 10px;
    background-color: #006699;
}

p.headtext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    margin-left: 30px;
    color: #FFE6CB;
	width:380px;
}

.my{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:380px;}

#divface {
    width: 100%;
    padding: 10px;
    height: auto;
}

	} 
/* Smartphones to Tablets */ 
@media (min-width: 481px) and (max-width: 767px) { 
	
	body{
		overflow-x:hidden;
	}
	.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:16px;
	
}

#newsleft{
	width:400px;
	height:1000px;
	float:left;
	margin-top:10px;
	background-color:#006699 !important;
	
}

/* Button */
.slicknav_btn {
	width:30px;
	margin: 5px 5px 6px;	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #DA2128;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #FFFFFF;
	font-weight: bold;	
	display:none;
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #FFFFFF;
}
.slicknav_menu {
	background:#222222;
	padding:10px;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-size:0.875em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	background:#333333;
	color:#FFF;	
}
.slicknav_nav a:hover{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	background:#EF4523;
	color:#FFF;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:10px;   
}
	
	
	#divface{
	width:100%;
	padding:30px;
	height:auto;
}


#principalright {
    display: block !important;
    width: 250px;
    height: 475px;
   	clear:both;
    margin-left: 14px;
    margin-top: 10px;
    background-color: #FFFFFF;
}

p.headtext{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:24px;
	margin-left:30px;
	color:#FFE6CB;
}
	
	#wrapper{
		
		width:100%;
		height:800px;
		margin:0px auto;
		margin-top:-8px;
		background-color:transparent;
	}
	#header{
		display:block;
		width:100%;
		height:190px;
		background-color:transparent;
	}
	#logo{
		display:block;
		width:198px;
		height:109px;
		float:left;
		margin-top:20px;
	}
	img.logo{
		width:100%;
		height:auto;
	}
	#menu{
		display:block;
		width:400px;
		height:30px;
		float:left;
	}
	#banner{
		display:block;
		position:absolute;
		width:100%;
		height:453px;
		margin-top:200px;
		background-color:#CCCCCC;
		z-index:-99999999;
		margin-left:-8px;
	}
	#body{
		display:block;
		width:1024px;
		height:510px;
		background-color:transparent;
	}
	#nav,#nav ul {
     display:none;
    list-style: none outside none;
	
    

}

#nav {

   

   

    font-size: 12px;

    height: 30px;

 margin-top:90px;

  margin-left:-80px;
    width: 800px;

}

#nav ul {

   

   height:auto;

   

  
	
 

    left: -9999px;

    overflow: hidden;

    position: absolute;

    top: -9999px;

    z-index: 2;

 

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

 

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

 

    -moz-transition: -moz-transform 0.1s linear;

    -ms-transition: -ms-transform 0.1s linear;

    -o-transition: -o-transform 0.1s linear;

    -webkit-transition: -webkit-transform 0.1s linear;

    transition: transform 0.1s linear;

}

#nav li {

   

    float: left;
	
    position: relative;

}

#nav li a {

    color: #FFFFFF;
    display: block;



   

    height:30px;
	
font-family:"Myriad Pro";
	
    padding: 10px 23px 0;

    position: relative;

    text-decoration: none;

   
}
#nav li:visited > a.hsubs {

    color: #999999;
	font-family:"Myriad Pro";
	
	
background:url(../images/nav.png) center no-repeat;

}
#nav li:hover > a.hsubs {

    color:#FF0000;
	font-family:"Myriad Pro";
	background-color:#DDD9C5;
	


}

#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {

    background:#999 repeat scroll 0 0;
	
    outline: 0 none;

}

#nav li:hover ul.subs {

    left: 0;

    top: 40px;
	height:auto;
	width:174px;

 background-color:#CCCCCC;
    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

#nav ul li {
	
   font-family:"Myriad Pro";
	font-size:14px;

	border-bottom:groove;
	border-bottom-color:#EFEFEF;
	
	margin-left:-40px;
    width: 250px;

}



#nav ul li a {
	color:#333333;
    float: none;

}
#nav ul li:hover > a {

   
	color:#333333;
    background:#EAEAEA;

}

#newsleft{
	width:700px;
	height:1000px;
	float:left;
	margin-top:10px;
	background-color:#006699;
	
}

#lavalamp {

   

    height: 16px;

    left: 13px;

    position: absolute;

    top: 0px;

    width: 100px;

 

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}

#lavalamp:hover {

    -moz-transition-duration: 3000s;

    -ms-transition-duration: 3000s;

    -o-transition-duration: 3000s;

    -webkit-transition-duration: 3000s;

    transition-duration: 3000s;

}
#nav li:nth-of-type(1):hover ~ #lavalamp {

    left: 13px;

}

#nav li:nth-of-type(2):hover ~ #lavalamp {

    left: 90px;

}

#nav li:nth-of-type(3):hover ~ #lavalamp {

    left: 170px;

}

#nav li:nth-of-type(4):hover ~ #lavalamp {

    left: 250px;

}

#nav li:nth-of-type(5):hover ~ #lavalamp {

    left: 330px;

}

#nav li:nth-of-type(6):hover ~ #lavalamp {

    left: 410px;

}

#nav li:nth-of-type(7):hover ~ #lavalamp {

    left: 490px;

}

#nav li:nth-of-type(8):hover ~ #lavalamp {

    left: 565px;
}

#menubottom{
	display:none;
	position:absolute;
	width:700px;
	height:30px;
	margin-left:330px;
	margin-top:150px;
}

img.b{
		margin-top:-15px;
}
p.menu{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.2px;
	word-spacing:2px;
	margin-left:140px;
	margin-top:-5px;
	color:#000;
}
font.mb:hover{
	color:#CC0000;
}
img.banner{
	display:block;
	width:1126px;
	height:474px;
	margin:0px auto;
 }
 
 #newsleft {
    width: 480px;
    height: 1000px;
    float: left;
    margin-top: 10px;
    background-color: #006699;
}

p.headtext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    margin-left: 30px;
    color: #FFE6CB;
	width:400px;
}

.my{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:430px;}
 
 #bodyleft{
	 display:block;
 	width:383px;
	height:500px;
	background-color:#FFFFFF;
	float:left;
	opacity:0.9;
 }
 p.head{
	 	font-family:"Myriad Pro";
		font-size:24px;
		font-weight:bold;
		color:#000;
		margin-left:20px;
		margin-top:25px;
 }
 img.sm{
	 margin-left:20px;
	 margin-top:-10px;
 }
 p.content{
	 width:317px;
	height:auto;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:20px;
 }
 #read{
	 position:absolute;
 	width:95px;
	height:24px;
	 margin-left:20px;
	 color:#FFFFFF;
	 font-size:12px;
	 font-family:Arial, Helvetica, sans-serif;
	background-color:#231F20;
 }
 p.t{
	
 	margin:4px 18px auto;
 }
 img.award{
	  margin-left:0px;
	  margin-top:0px;
 	float:left;
	
 }
 table.links{
 	float:left;margin-left:20px;width:134px;height:120px;font-family:Arial, Helvetica, sans-serif;font-size:12px; margin-top:0px;
 }
 img.contact{
 	margin-left:20px;
	margin-top:25px;
 }
 
 #footer{
	 display:none;
 	width:100%;
	height:89px;
	background-color:transparent;
 }
 #footerleft{
	 display:block;
	 	width:220px;
		height:63px;
		float:left;
 }
 img.slogan{
	 display:block;
 	width:300px;
	height:63px;
 }
 #footercenter{
	 display:block;
		 width:300px;
		height:63px;
		float:left;
 }
 #footerright{
	 display:block;
	 	width:234px;
		height:89px;
		float:left;
 }
 p.newshead{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	margin-top:-2px;
	color:#3C3C3C;
 }
 p.newscontent{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#58595B;
 }
 #divt{
	 display:block;
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#AFAFB0;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divt:hover{
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#991B1E;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divb{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divb:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
  p.s{
	
 	margin:13px 10px auto;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;
 }
  p.sa{
	  
	
 	margin:13px 20px auto;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:12px;
 }
 #divsocial{
	 display:block;
 	width:100%;
	height:50px;
	margin-top:25px;
 }
 img.i{
 	float:left;
 }
  img.i1{
 	float:left;
	margin-left:10px;
 }
 #copyright{
	 
 	width:250px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin-top:0px;
	margin-left:200px;
 }
 
#principalleft{
	width:480px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#BE1E2D;
	
}
#principalright{
	display:block;
	width:230px;
	height:475px;
	float:left;
	margin-left:14px;
	margin-top:10px;
	background-color:#FFFFFF;
}
img.photo{
	width:100px;
	height:122px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	margin-left:20px;
}
p.pcontent{
	
	width:450px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFE6CB;
	float:left;
	margin-top:-90px;
	margin-left:20px;
}

p.pty{
	
	width:320px;
	height:200px;
	font-size:18pt;
	margin-left:20px;
	margin-top:0px;
	font-family:Arial;
	color:#D57F6E;
	
	float:left;
}
img.rt{
	width:230px;
	height:239px;
}

#divn{width:600px;height:auto;}
#button
{
	float:right;
	width:200px;
	height:35px;
	background-color:#FF6600;
	margin-top:30px;
	margin-right:-12px;
	
}
#button1
{
	float:right;
	width:150px;
	height:80px;
	background-color:#000000;
	margin-top:350px;
	opacity:0.9;
	margin-right:-12px;
	
}
#alumni{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#FF6600;
	
}
}
/* Tablets */ 

@media (min-width: 768px) and (max-width: 959px) { 


	.my{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:630px;}
	#wrapper{
		
		width:100%;
		height:800px;
		margin:0px auto;
		margin-top:-8px;
		background-color:transparent;
	}
	#header{
		display:block;
		width:100% !important;
		height:190px;
		background-color:transparent;
	}
	#logo{
		display:block;
		width:250px;
		height:138px;
		float:left;
		margin-top:20px;
		margin-bottom:20px;
	}
	img.logo{
		width:100%;
		height:auto;
	}
	#menu{
		display:block;
		width:500px;
		height:35px;
		clear:both;
	}
	#banner{
		display:block;
		position:absolute;
		width:100%;
		height:455px;
		margin-top:200px;
		background:#B7BCBC url(../images/bg.jpg) no-repeat center center fixed;
		z-index:-99999999;
		margin-left:-8px;
	}
	#body{
		display:block;
		width:1024px;
		height:510px;
		background-color:transparent;
	}
	#nav,#nav ul {
     display:block;
    list-style: none outside none;
	
    

}

#nav {

   

   

    font-size: 13px;

    height: 40px;

 margin-top:90px;

  margin-left:0px;
    width: 800px;

}

#nav ul {

   

   height:auto;

   

  
	
 

    left: -9999px;

    overflow: hidden;

    position: absolute;

    top: -9999px;

    z-index: 2;

 

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

 

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

 

    -moz-transition: -moz-transform 0.1s linear;

    -ms-transition: -ms-transform 0.1s linear;

    -o-transition: -o-transform 0.1s linear;

    -webkit-transition: -webkit-transform 0.1s linear;

    transition: transform 0.1s linear;

}

#nav li {

   

    float: left;
	
    position: relative;

}

#nav li a {

    color: #FFFFFF;
    display: block;



   

    height:40px;
	
font-family:"Myriad Pro";
	
    padding: 20px 15px 0;

    position: relative;

    text-decoration: none;

   
}
#nav li:visited > a.hsubs {

    color: #999999;
	font-family:"Myriad Pro";
	
	
background:url(../images/nav.png) center no-repeat;

}
#nav li:hover > a.hsubs {

    color:#FF0000;
	font-family:"Myriad Pro";
	background-color:#DDD9C5;
	


}

#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {

    background:#999 repeat scroll 0 0;
	
    outline: 0 none;

}

#nav li:hover ul.subs {

    left: 0;

    top: 60px;
	height:auto;
	width:174px;

 background-color:#CCCCCC;
    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

#nav ul li {
	
   font-family:"Myriad Pro";
	font-size:14px;

	border-bottom:groove;
	border-bottom-color:#EFEFEF;
	
	margin-left:-40px;
    width: 250px;

}

#nav ul li a {
	color:#333333;
    float: none;

}
#nav ul li:hover > a {

   
	color:#333333;
    background:#EAEAEA;

}

#lavalamp {

   

    height: 16px;

    left: 13px;

    position: absolute;

    top: 0px;

    width: 100px;

 

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}

#lavalamp:hover {

    -moz-transition-duration: 3000s;

    -ms-transition-duration: 3000s;

    -o-transition-duration: 3000s;

    -webkit-transition-duration: 3000s;

    transition-duration: 3000s;

}
#nav li:nth-of-type(1):hover ~ #lavalamp {

    left: 13px;

}

#nav li:nth-of-type(2):hover ~ #lavalamp {

    left: 90px;

}

#nav li:nth-of-type(3):hover ~ #lavalamp {

    left: 170px;

}

#nav li:nth-of-type(4):hover ~ #lavalamp {

    left: 250px;

}

#nav li:nth-of-type(5):hover ~ #lavalamp {

    left: 330px;

}

#nav li:nth-of-type(6):hover ~ #lavalamp {

    left: 410px;

}

#nav li:nth-of-type(7):hover ~ #lavalamp {

    left: 490px;

}

#nav li:nth-of-type(8):hover ~ #lavalamp {

    left: 565px;
}


img.b{
		margin-top:-15px;
}
p.menu{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	word-spacing:12px;
	margin-left:250px;
	margin-top:-5px;
	color:#000;
}
img.banner{
	display:block;
	width:1126px;
	height:474px;
	margin:0px auto;
 }
 #bodyleft{
	 display:block;
 	width:383px;
	height:500px;
	background-color:#FFFFFF;
	float:left;
	opacity:0.9;
 }
 p.head{
	 	font-family:"Myriad Pro";
		font-size:24px;
		font-weight:bold;
		color:#000;
		margin-left:20px;
		margin-top:25px;
 }
 img.sm{
	 margin-left:20px;
	 margin-top:-10px;
 }
 p.content{
	 width:317px;
	height:auto;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:20px;
 }
 #read{
	 position:absolute;
 	width:95px;
	height:24px;
	 margin-left:20px;
	 color:#FFFFFF;
	 font-size:12px;
	 font-family:Arial, Helvetica, sans-serif;
	background-color:#231F20;
 }
 p.t{
	
 	margin:4px 18px auto;
 }
 img.award{
	  margin-left:0px;
	  margin-top:0px;
 	float:left;
	
 }
 table.links{
 	display:block;float:left;margin-left:20px;width:134px;height:200px;font-family:Arial, Helvetica, sans-serif;font-size:12px; margin-top:0px;
 }
 img.contact{
 	margin-left:20px;
	margin-top:25px;
 }
 
 #footer{
	 display:block;
 	width:100%;
	height:85px;
	background-color:transparent;
 }
 #footerleft{
	 display:block;
	 	width:300px;
		height:50px;
		float:left;
		margin-top:30px;
 }
  img.slogan{
	 display:block;
 	width:297px;
	height:52px;
	margin-top:20px;
	margin-left:30px;
 }
 #footercenter{
	 display:block;
		 width:327px;
		height:85px;
		float:left;
 }
 #footerright{
	 display:block;
	 	width:340px;
		height:20px;
		margin-top:40px;
		word-spacing:15px;
		margin-left:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		float:left;
 }
 p.newshead{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:lighter;
	margin-top:-2px;
	color:#3C3C3C;
 }
 p.newscontent{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58595B;
 }
 #divt{
	 display:block;
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#AFAFB0;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divt:hover{
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#991B1E;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divb{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divb:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
  p.s{
	
 	margin:13px 10px auto;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;
 }
  p.sa{
	  
	
 	margin:13px 20px auto;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:12px;
 }
 #divsocial{
	 display:block;
 	width:100%;
	height:50px;
	margin-top:50px;
 }
 img.i{
 	float:left;
 }
  img.i1{
 	float:left;
	margin-left:10px;
 }
 #copyright{
 	width:250px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin-top:10px;
	margin-left:770px;
 }
 .slicknav_menu {
	display:none;
}
font.mb:hover{
	color:#CC0000;
}
#principalleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#BE1E2D;
	
}
#principalright{
	display:block;
	width:250px;
	height:475px;
	float:left;
	margin-left:14px;
	margin-top:10px;
	background-color:#FFFFFF;
}
img.photo{
	width:100px;
	height:122px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	margin-left:20px;
}
p.pcontent{
	
	width:650px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFE6CB;
	float:left;
	margin-top:-90px;
	margin-left:20px;
}

p.pty{
	
	width:520px;
	height:200px;
	font-size:24pt;
	margin-left:20px;
	margin-top:0px;
	font-family:Arial;
	color:#D57F6E;
	
	float:left;
}
img.rt{
	width:372px;
	height:387px;
}
#divlink{
	width:180px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	margin-top:80px;
	
}
#divicon{
	width:50px;
	float:right;
	height:94px;
	
	margin-left:5px;
}
#divc{
	width:100px;
	height:150px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}

p.headtext{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:24px;
	margin-left:30px;
	color:#FFE6CB;
}
p.text{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:14px;
	margin-left:30px;
	margin-top:-15px;
	color:#FFFFFF;
}
#divface{
	width:600px;
	padding:30px;
	height:auto;
}
table.tabtext{
	width:300px;
	height:auto;
	margin-left:30px;
	margin-top:-15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
}
#acedemicleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#009999;
	
}
#currileft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#1C3664;
	
}
#divf{
	width:250px;
	height:193px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}

#divf1{
	width:600px;
	height:193px;
	float:left;
	
}



#divx{
	width:250px;
	height:400px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}
#divg{
	width:280px;
	height:auto !important;
	float:left;
	margin-left:27px;
	margin-top:27px;
}

#divg img{width:100%;}

#divgg{
	width:150px;
	height:150px;
	float:left;
	margin-left:27px;
	margin-top:27px;
}



#divg1{
	width:600px;
	height:250px;
	float:left;
	
}

#schoolleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#009866;
	
}
#photogallery{
	width:1035px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#CC2036;
	
}
#divp{
	width:196px;
	height:180px;
	float:left;
	margin-left:50px;
	margin-top:27px;
}
#newsleft{
	width:700px;
	height:1000px;
	float:left;
	margin-top:10px;
	background-color:#006699;
	
}

#divnews{
	width:196px;
	height:180;
	float:left;
	margin-left:27px;
	margin-top:27px;
}
#divn{width:600px;height:auto;background-color:transparent;padding:20px;}
#button
{
	float:right;
	width:200px;
	height:35px;
	background-color:#FF6600;
	margin-top:30px;
	margin-right:-12px;
	
}
#button1
{
	float:right;
	width:150px;
	height:80px;
	background-color:#000000;
	margin-top:350px;
	opacity:0.9;
	margin-right:-12px;
	
}
#alumni{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#FF6600;
	
}
	 }
 /* Desktop */
 @media (min-width: 960px) and (max-width: 1199px) {
body{
		overflow-x:hidden;
	}
	
	
	.my{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:630px;}
	
	#wrapper{
		
		width:1024px;
		height:800px;
		margin:0px auto;
		margin-top:-8px;
		background-color:transparent;
	}
	#header{
		display:block;
		width:1024px;
		height:190px;
		background-color:transparent;
	}
	#logo{
		display:block;
		width:250px;
		height:138px;
		float:left;
		margin-top:20px;
	}
	img.logo{
		width:100%;
		height:auto;
	}
	#menu{
		display:block;
		width:500px;
		height:35px;
		float:left;
	}
	#banner{
		display:block;
		position:absolute;
		width:100%;
		height:455px;
		margin-top:200px;
		background:#B7BCBC url(../images/bg.jpg) no-repeat center center fixed;
		z-index:-99999999;
		margin-left:-8px;
	}
	#body{
		display:block;
		width:1024px;
		height:510px;
		background-color:transparent;
	}
	#nav,#nav ul {
     display:block;
    list-style: none outside none;
	
    

}

#nav {

   

   

    font-size: 13px;

    height: 40px;

 margin-top:90px;

  margin-left:0px;
    width: 800px;

}

#nav ul {

   

   height:auto;

   

  
	
 

    left: -9999px;

    overflow: hidden;

    position: absolute;

    top: -9999px;

    z-index: 2;

 

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

 

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

 

    -moz-transition: -moz-transform 0.1s linear;

    -ms-transition: -ms-transform 0.1s linear;

    -o-transition: -o-transform 0.1s linear;

    -webkit-transition: -webkit-transform 0.1s linear;

    transition: transform 0.1s linear;

}

#nav li {

   

    float: left;
	
    position: relative;

}

#nav li a {

    color: #FFFFFF;
    display: block;



   

    height:40px;
	
font-family:"Myriad Pro";
	
    padding: 20px 15px 0;

    position: relative;

    text-decoration: none;

   
}
#nav li:visited > a.hsubs {

    color: #999999;
	font-family:"Myriad Pro";
	
	
background:url(../images/nav.png) center no-repeat;

}
#nav li:hover > a.hsubs {

    color:#FF0000;
	font-family:"Myriad Pro";
	background-color:#DDD9C5;
	


}

#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {

    background:#999 repeat scroll 0 0;
	
    outline: 0 none;

}

#nav li:hover ul.subs {

    left: 0;

    top: 60px;
	height:auto;
	width:174px;

 background-color:#CCCCCC;
    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

#nav ul li {
	
   font-family:"Myriad Pro";
	font-size:14px;

	border-bottom:groove;
	border-bottom-color:#EFEFEF;
	
	margin-left:-40px;
    width: 250px;

}

#nav ul li a {
	color:#333333;
    float: none;

}
#nav ul li:hover > a {

   
	color:#333333;
    background:#EAEAEA;

}

#lavalamp {

   

    height: 16px;

    left: 13px;

    position: absolute;

    top: 0px;

    width: 100px;

 

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}

#lavalamp:hover {

    -moz-transition-duration: 3000s;

    -ms-transition-duration: 3000s;

    -o-transition-duration: 3000s;

    -webkit-transition-duration: 3000s;

    transition-duration: 3000s;

}
#nav li:nth-of-type(1):hover ~ #lavalamp {

    left: 13px;

}

#nav li:nth-of-type(2):hover ~ #lavalamp {

    left: 90px;

}

#nav li:nth-of-type(3):hover ~ #lavalamp {

    left: 170px;

}

#nav li:nth-of-type(4):hover ~ #lavalamp {

    left: 250px;

}

#nav li:nth-of-type(5):hover ~ #lavalamp {

    left: 330px;

}

#nav li:nth-of-type(6):hover ~ #lavalamp {

    left: 410px;

}

#nav li:nth-of-type(7):hover ~ #lavalamp {

    left: 490px;

}

#nav li:nth-of-type(8):hover ~ #lavalamp {

    left: 565px;
}


img.b{
		margin-top:-15px;
}
p.menu{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	word-spacing:12px;
	margin-left:250px;
	margin-top:-5px;
	color:#000;
}
img.banner{
	display:block;
	width:1126px;
	height:474px;
	margin:0px auto;
 }
 #bodyleft{
	 display:block;
 	width:383px;
	height:800px;
	background-color:#FFFFFF;
	float:left;
	opacity:0.9;
 }
 p.head{
	 	font-family:"Myriad Pro";
		font-size:24px;
		font-weight:bold;
		color:#000;
		margin-left:20px;
		margin-top:25px;
 }
 img.sm{
	 margin-left:20px;
	 margin-top:-10px;
 }
 p.content{
	 width:317px;
	height:auto;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:20px;
 }
 #read{
	 position:absolute;
 	width:95px;
	height:24px;
	 margin-left:20px;
	 color:#FFFFFF;
	 font-size:12px;
	 font-family:Arial, Helvetica, sans-serif;
	background-color:#231F20;
 }
 p.t{
	
 	margin:4px 18px auto;
 }
 img.award{
	  margin-left:0px;
	  margin-top:0px;
 	float:left;
	
 }
 table.links{
 	display:block;float:left;margin-left:20px;width:134px;height:200px;font-family:Arial, Helvetica, sans-serif;font-size:12px; margin-top:0px;
 }
 img.contact{
 	margin-left:20px;
	margin-top:25px;
 }
 
 #footer{
	 display:block;
 	width:100%;
	height:85px;
	background-color:transparent;
 }
 #footerleft{
	 display:block;
	 	width:300px;
		height:50px;
		float:left;
		margin-top:30px;
 }
  img.slogan{
	 display:block;
 	width:297px;
	height:52px;
	margin-top:20px;
	margin-left:30px;
 }
 #footercenter{
	 display:block;
		 width:327px;
		height:85px;
		float:left;
 }
 #footerright{
	 display:block;
	 	width:340px;
		height:20px;
		margin-top:40px;
		word-spacing:15px;
		margin-left:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		float:left;
 }
 p.newshead{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:lighter;
	margin-top:-2px;
	color:#3C3C3C;
 }
 p.newscontent{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58595B;
 }
 #divt{
	 display:block;
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#AFAFB0;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divt:hover{
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#991B1E;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divb{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divb:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
  p.s{
	
 	margin:13px 10px auto;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;
 }
  p.sa{
	  
	
 	margin:13px 20px auto;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:12px;
 }
 #divsocial{
	 display:block;
 	width:100%;
	height:50px;
	margin-top:50px;
 }
 img.i{
 	float:left;
 }
  img.i1{
 	float:left;
	margin-left:10px;
 }
 #copyright{
 	width:250px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin-top:10px;
	margin-left:770px;
 }
 .slicknav_menu {
	display:none;
}
font.mb:hover{
	color:#CC0000;
}
#principalleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#BE1E2D;
	
}
#principalright{
	display:block;
	width:250px;
	height:475px;
	float:left;
	margin-left:14px;
	margin-top:10px;
	background-color:#FFFFFF;
}
img.photo{
	width:100px;
	height:122px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	margin-left:20px;
}
p.pcontent{
	
	width:650px;
	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFE6CB;
	float:left;
	margin-top:-90px;
	margin-left:20px;
}

p.pty{
	
	width:520px;
	height:200px;
	font-size:24pt;
	margin-left:20px;
	margin-top:0px;
	font-family:Arial;
	color:#D57F6E;
	
	float:left;
}
img.rt{
	width:372px;
	height:387px;
}
#divlink{
	width:250px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	margin-top:100px;
	
}
#divicon{
	width:50px;
	float:right;
	height:94px;
	margin-top:100px;
	margin-left:5px;
}
#divc{
	width:100px;
	height:150px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}

p.headtext{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:24px;
	margin-left:30px;
	color:#FFE6CB;
}
p.text{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:14px;
	margin-left:30px;
	margin-top:-15px;
	color:#FFFFFF;
}
#divface{
	width:600px;
	
	padding:30px;
	height:auto;
}
table.tabtext{
	width:300px;
	height:auto;
	margin-left:30px;
	margin-top:-15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
}
#acedemicleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#009999;
	
}
#currileft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#1C3664;
	
}
#divf{
	width:250px;
	height:193px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}
#divg{
	width:300px;
	height:300px;
	
	margin-left:50px;
	margin-top:27px;
}


#divgg{
	width:150px;
	height:150px;
	float:left;
	margin-left:27px;
	margin-top:27px;
}

#schoolleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#009866;
	
}
#photogallery{
	width:1035px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#CC2036;
	
}
#divp{
	width:196px;
	height:180px;
	float:left;
	margin-left:50px;
	margin-top:27px;
}
#newsleft{
	width:700px;
	height:1000px;
	float:left;
	margin-top:10px;
	background-color:#006699;
	
}
#divnews{
	width:650px;
	height:auto;
	float:left;
	margin-left:60px;
	margin-top:50px;
}
#divn{width:600px;height:auto;background-color:transparent;padding:20px;}
#button
{
	float:right;
	width:200px;
	height:35px;
	background-color:#FF6600;
	margin-top:30px;
	margin-right:-12px;
	
}
#button1
{
	float:right;
	width:150px;
	height:80px;
	background-color:#000000;
	margin-top:350px;
	opacity:0.9;
	margin-right:-12px;
	
}
#alumni{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#FF6600;
	
}
	 } 
/* Large Display */
 @media (min-width: 1200px) { 
 
 .my{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:630px;}
 
 	body{
		overflow-x:hidden;
	}
	#wrapper{
		
		width:1024px;
		height:800px;
		margin:0px auto;
		margin-top:-8px;
		background-color:transparent;
	}
	#header{
		display:block;
		width:1024px;
		height:190px;
		background-color:transparent;
	}
	#logo{
		display:block;
		width:250px;
		height:138px;
		float:left;
		margin-top:20px;
	}
	img.logo{
		width:100%;
		height:auto;
	}
	#menu{
		display:block;
		width:500px;
		height:35px;
		float:left;
	}
	#banner{
		display:block;
		position:absolute;
		width:100%;
		height:455px;
		margin-top:200px;
		background:#B7BCBC url(../images/bg.jpg) no-repeat center center fixed;
		z-index:-99999999;
		margin-left:-8px;
	}
	#body{
		display:block;
		width:1024px;
		height:510px;
		background-color:transparent;
	}
	#nav,#nav ul {
     display:block;
    list-style: none outside none;
	
    

}

#nav {

   

   

    font-size: 11px;

    height: 40px;

 margin-top:90px;

  margin-left:0px;
    width: 800px;

}

#nav ul {

   

   height:auto;

   

  
	
 

    left: -9999px;

    overflow: hidden;

    position: absolute;

    top: -9999px;

    z-index: 2;

 

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

 

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

 

    -moz-transition: -moz-transform 0.1s linear;

    -ms-transition: -ms-transform 0.1s linear;

    -o-transition: -o-transform 0.1s linear;

    -webkit-transition: -webkit-transform 0.1s linear;

    transition: transform 0.1s linear;

}

#nav li {

   

    float: left;
	
    position: relative;

}

#nav li a {

    color: #FFFFFF;
    display: block;



   

    height:40px;
	
font-family:"Myriad Pro";
	
    padding: 20px 15px 0;

    position: relative;

    text-decoration: none;

   
}
#nav li:visited > a.hsubs {

    color: #999999;
	font-family:"Myriad Pro";
	
	
background:url(../images/nav.png) center no-repeat;

}
#nav li:hover > a.hsubs {

    color:#FF0000;
	font-family:"Myriad Pro";
	background-color:#DDD9C5;
	


}

#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {

    background:#999 repeat scroll 0 0;
	
    outline: 0 none;

}

#nav li:hover ul.subs {

    left: 0;

    top: 60px;
	height:auto;
	width:174px;

 background-color:#CCCCCC;
    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

#nav ul li {
	
   font-family:"Myriad Pro";
	font-size:14px;

	border-bottom:groove;
	border-bottom-color:#EFEFEF;
	
	margin-left:-40px;
    width: 250px;

}

#nav ul li a {
	color:#333333;
    float: none;

}
#nav ul li:hover > a {

   
	color:#333333;
    background:#EAEAEA;

}

#lavalamp {

   

    height: 16px;

    left: 13px;

    position: absolute;

    top: 0px;

    width: 100px;

 

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}

#lavalamp:hover {

    -moz-transition-duration: 3000s;

    -ms-transition-duration: 3000s;

    -o-transition-duration: 3000s;

    -webkit-transition-duration: 3000s;

    transition-duration: 3000s;

}
#nav li:nth-of-type(1):hover ~ #lavalamp {

    left: 13px;

}

#nav li:nth-of-type(2):hover ~ #lavalamp {

    left: 90px;

}

#nav li:nth-of-type(3):hover ~ #lavalamp {

    left: 170px;

}

#nav li:nth-of-type(4):hover ~ #lavalamp {

    left: 250px;

}

#nav li:nth-of-type(5):hover ~ #lavalamp {

    left: 330px;

}

#nav li:nth-of-type(6):hover ~ #lavalamp {

    left: 410px;

}

#nav li:nth-of-type(7):hover ~ #lavalamp {

    left: 490px;

}

#nav li:nth-of-type(8):hover ~ #lavalamp {

    left: 565px;
}


img.b{
		margin-top:-15px;
}
p.menu{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	word-spacing:12px;
	margin-left:250px;
	margin-top:-5px;
	color:#000;
}
img.banner{
	display:block;
	width:1126px;
	height:474px;
	margin:0px auto;
 }
 #bodyleft{
	 display:block;
 	width:383px;
	height:500px;
	background-color:#FFFFFF;
	float:left;
	opacity:0.9;
 }
 p.head{
	 	font-family:"Myriad Pro";
		font-size:24px;
		font-weight:bold;
		color:#000;
		margin-left:20px;
		margin-top:25px;
 }
 img.sm{
	 margin-left:20px;
	 margin-top:-10px;
 }
 p.content{
	 width:317px;
	height:auto;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:20px;
 }
 #read{
	 position:absolute;
 	width:95px;
	height:24px;
	 margin-left:20px;
	 color:#FFFFFF;
	 font-size:12px;
	 font-family:Arial, Helvetica, sans-serif;
	background-color:#231F20;
 }
 p.t{
	
 	margin:4px 18px auto;
 }
 img.award{
	  margin-left:0px;
	  margin-top:0px;
 	float:left;
	
 }
 table.links{
 	display:block;float:left;margin-left:20px;width:134px;height:200px;font-family:Arial, Helvetica, sans-serif;font-size:12px; margin-top:0px;
 }
 img.contact{
 	margin-left:20px;
	margin-top:25px;
 }
 
 #footer{
	 display:block;
 	width:100%;
	height:85px;
	background-color:transparent;
 }
 #footerleft{
	 display:block;
	 	width:300px;
		height:50px;
		float:left;
		margin-top:30px;
 }
  img.slogan{
	 display:block;
 	width:297px;
	height:52px;
	margin-top:20px;
	margin-left:30px;
 }
 #footercenter{
	 display:block;
		 width:327px;
		height:85px;
		float:left;
 }
 #footerright{
	 display:block;
	 	width:340px;
		height:20px;
		margin-top:40px;
		word-spacing:15px;
		margin-left:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		float:left;
 }
 p.newshead{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:lighter;
	margin-top:-2px;
	color:#3C3C3C;
 }
 p.newscontent{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58595B;
 }
 #divt{
	 display:block;
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#AFAFB0;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divt:hover{
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#991B1E;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divb{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divb:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
  p.s{
	
 	margin:13px 10px auto;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;
 }
  p.sa{
	  
	
 	margin:13px 20px auto;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:12px;
 }
 #divsocial{
	 display:block;
 	width:100%;
	height:50px;
	margin-top:50px;
 }
 img.i{
 	float:left;
 }
  img.i1{
 	float:left;
	margin-left:10px;
 }
 #copyright{
 	width:250px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin-top:10px;
	margin-left:770px;
 }
 .slicknav_menu {
	display:none;
}
font.mb:hover{
	color:#CC0000;
}
#principalleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#BE1E2D;
	
}
#principalright{
	display:block;
	width:280px;
	height:475px;
	float:left;
	margin-left:14px;
	margin-top:10px;
	background-color:#FFFFFF;
}
img.photo{
	width:100px;
	height:122px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	margin-left:20px;
}
p.pcontent{
	
	width:650px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFE6CB;
	float:left;
	margin-top:-90px;
	margin-left:20px;
}

p.pty{
	
	width:520px;
	height:200px;
	font-size:24pt;
	margin-left:20px;
	margin-top:0px;
	font-family:Arial;
	color:#D57F6E;
	
	float:left;
}
img.rt{
	width:372px;
	height:387px;
}
#divlink{
	width:260px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	margin-top:100px;
	
}
#divicon{
	width:50px;
	float:right;
	height:94px;
	margin-top:100px;
	margin-left:5px;
}
#divc{
	width:100px;
	height:150px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}

p.headtext{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:24px;
	margin-left:30px;
	color:#FFE6CB;
}
p.text{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:14px;
	margin-left:30px;
	margin-top:-15px;
	color:#FFFFFF;
}
#divface{
	width:600px;
	padding:30px;
	height:auto;
}
table.tabtext{
	width:300px;
	height:auto;
	margin-left:30px;
	margin-top:-15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
}
#acedemicleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#009999;
	
}
#currileft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#1C3664;
	
}
#divf{
	width:250px;
	height:193px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}
#divg{
	width:300px;
	height:350px;
	float:left;
	margin-left:27px;
	margin-top:27px;
}

#divgg{
	width:100px;
	height:50px;
	float:left;
	margin-left:60px;
	margin-top:30px;
	
	
}

#schoolleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#009866;
	
}
#photogallery{
	width:1035px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#CC2036;
	
}
#divp{
	width:196px;
	height:180px;
	float:left;
	margin-left:50px;
	margin-top:27px;
}
#newsleft{
	width:700px;
	height:1000px;
	float:left;
	margin-top:10px;
	background-color:#006699;
	
}
#divnews{
	width:650px;
	height:auto;
	float:left;
	margin-left:60px;
	margin-top:50px;
	float:left;
}
#divn{width:600px;height:auto;background-color:transparent;padding:20px;}
#button
{
	float:right;
	width:150px;
	height:25px;
	background-color:#666666;
	margin-top:35px;
	margin-right:-12px;
	
}
#button1
{
	float:right;
	width:150px;
	height:80px;
	background-color:#000000;
	margin-top:350px;
	opacity:0.9;
	margin-right:-12px;
	
}
#alumni{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#666666;
	
}
 }
/* NOTE: styles needed for the code are included in css files with matching names; i.e., 
    scrollbar.html uses scrollbar.css
    scroll_v.html uses scroll_v.css
    ...
    See comments in style and script segments of demos for more information
*/

/* styles below used with demos but not related to functionality */


/* so content top lines up with scrollbar top */
#wn p:first-child, #wn1 p:first-child, #wn2 p:first-child {
	
    margin-top:0;
    }
	div#wn	{ 
    position:relative; 
    width:700px; height:500px;
    overflow:auto; /* for non-javascript */
	}
@charset "utf-8";
/* CSS Document */


/* Smartphones */ 
@media (max-width: 480px) {
	
		body{
		overflow-x:hidden;
	}
	.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:16px;
	position:relative;
	
	
}
/* Button */
.slicknav_btn {
	width:30px;
	margin: 5px 5px 6px;	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #DA2128;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #FFFFFF;
	font-weight: bold;	
	display:none;
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #FFFFFF;
}
.slicknav_menu {
	background:#222222;
	padding:10px;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-size:0.875em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	background:#333333;
	color:#FFF;	
}
.slicknav_nav a:hover{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	background:#EF4523;
	color:#FFF;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:10px;   
}

	#wrapper{
		
		width:480px;
		height:800px;
		margin:0px auto;
		margin-top:-8px;
		background-color:transparent;
	}
	#header{
		display:block;
		width:768px;
		height:190px;
		background-color:transparent;
	}
	#logo{
		display:block;
		width:250px;
		height:138px;
		float:left;
		margin-top:20px;
	}
	img.logo{
		width:100%;
		height:auto;
	}
	#menu{
		display:block;
		width:400px;
		height:30px;
		float:left;
	}
	#banner{
		display:block;
		position:absolute;
		width:100%;
		height:453px;
		margin-top:200px;
		background-color:#CCCCCC;
		z-index:-99999999;
		margin-left:-8px;
	}
	#body{
		display:block;
		width:1024px;
		height:510px;
		background-color:transparent;
	}
	#nav,#nav ul {
     display:none;
    list-style: none outside none;
	
    

}

#nav {

   

   

    font-size: 12px;

    height: 30px;

 margin-top:90px;

  margin-left:-80px;
    width: 800px;

}

#nav ul {

   

   height:auto;

   

  
	
 

    left: -9999px;

    overflow: hidden;

    position: absolute;

    top: -9999px;

    z-index: 2;

 

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

 

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

 

    -moz-transition: -moz-transform 0.1s linear;

    -ms-transition: -ms-transform 0.1s linear;

    -o-transition: -o-transform 0.1s linear;

    -webkit-transition: -webkit-transform 0.1s linear;

    transition: transform 0.1s linear;

}

#nav li {

   

    float: left;
	
    position: relative;

}

#nav li a {

    color: #FFFFFF;
    display: block;



   

    height:30px;
	
font-family:"Myriad Pro";
	
    padding: 10px 23px 0;

    position: relative;

    text-decoration: none;

   
}
#nav li:visited > a.hsubs {

    color: #999999;
	font-family:"Myriad Pro";
	
	
background:url(../images/nav.png) center no-repeat;

}
#nav li:hover > a.hsubs {

    color:#FF0000;
	font-family:"Myriad Pro";
	background-color:#DDD9C5;
	


}

#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {

    background:#999 repeat scroll 0 0;
	
    outline: 0 none;

}

#nav li:hover ul.subs {

    left: 0;

    top: 40px;
	height:auto;
	width:174px;

 background-color:#CCCCCC;
    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

#nav ul li {
	
   font-family:"Myriad Pro";
	font-size:14px;

	border-bottom:groove;
	border-bottom-color:#EFEFEF;
	
	margin-left:-40px;
    width: 250px;

}

#nav ul li a {
	color:#333333;
    float: none;

}
#nav ul li:hover > a {

   
	color:#333333;
    background:#EAEAEA;

}

#lavalamp {

   

    height: 16px;

    left: 13px;

    position: absolute;

    top: 0px;

    width: 100px;

 

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}

#lavalamp:hover {

    -moz-transition-duration: 3000s;

    -ms-transition-duration: 3000s;

    -o-transition-duration: 3000s;

    -webkit-transition-duration: 3000s;

    transition-duration: 3000s;

}
#nav li:nth-of-type(1):hover ~ #lavalamp {

    left: 13px;

}

#nav li:nth-of-type(2):hover ~ #lavalamp {

    left: 90px;

}

#nav li:nth-of-type(3):hover ~ #lavalamp {

    left: 170px;

}

#nav li:nth-of-type(4):hover ~ #lavalamp {

    left: 250px;

}

#nav li:nth-of-type(5):hover ~ #lavalamp {

    left: 330px;

}

#nav li:nth-of-type(6):hover ~ #lavalamp {

    left: 410px;

}

#nav li:nth-of-type(7):hover ~ #lavalamp {

    left: 490px;

}

#nav li:nth-of-type(8):hover ~ #lavalamp {

    left: 565px;
}

#menubottom{
	display:none;
	position:absolute;
	width:700px;
	height:30px;
	margin-left:330px;
	margin-top:150px;
}

img.b{
		margin-top:-15px;
}
p.menu{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.2px;
	word-spacing:2px;
	margin-left:140px;
	margin-top:-5px;
	color:#000;
}
font.mb:hover{
	color:#CC0000;
}
img.banner{
	display:block;
	width:1126px;
	height:474px;
	margin:0px auto;
 }
 #bodyleft{
	 display:block;
 	width:383px;
	height:500px;
	background-color:#FFFFFF;
	float:left;
	opacity:0.9;
 }
 p.head{
	 	font-family:"Myriad Pro";
		font-size:24px;
		font-weight:bold;
		color:#000;
		margin-left:20px;
		margin-top:25px;
 }
 img.sm{
	 margin-left:20px;
	 margin-top:-10px;
 }
 p.content{
	 width:317px;
	height:auto;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:20px;
 }
 #read{
	 position:absolute;
 	width:95px;
	height:24px;
	 margin-left:20px;
	 color:#FFFFFF;
	 font-size:12px;
	 font-family:Arial, Helvetica, sans-serif;
	background-color:#231F20;
 }
 p.t{
	
 	margin:4px 18px auto;
 }
 img.award{
	  margin-left:0px;
	  margin-top:0px;
 	float:left;
	
 }
 table.links{
 	float:left;margin-left:20px;width:134px;height:120px;font-family:Arial, Helvetica, sans-serif;font-size:12px; margin-top:0px;
 }
 img.contact{
 	margin-left:20px;
	margin-top:25px;
 }
 
 #footer{
	 display:none;
 	width:100%;
	height:89px;
	background-color:transparent;
 }
 #footerleft{
	 display:block;
	 	width:220px;
		height:63px;
		float:left;
 }
 img.slogan{
	 display:block;
 	width:300px;
	height:63px;
 }
 #footercenter{
	 display:block;
		 width:300px;
		height:63px;
		float:left;
 }
 #footerright{
	 display:block;
	 	width:234px;
		height:89px;
		float:left;
 }
 p.newshead{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	margin-top:-2px;
	color:#3C3C3C;
 }
 p.newscontent{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#58595B;
 }
 #divt{
	 display:block;
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#AFAFB0;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divt:hover{
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#991B1E;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divb{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divb:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
  p.s{
	
 	margin:13px 10px auto;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;
 }
  p.sa{
	  
	
 	margin:13px 20px auto;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:12px;
 }
 #divsocial{
	 display:block;
 	width:100%;
	height:50px;
	margin-top:25px;
 }
 img.i{
 	float:left;
 }
  img.i1{
 	float:left;
	margin-left:10px;
 }
 #copyright{
 	width:250px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin-top:0px;
	margin-left:200px;
 }
#principalleft{
	width:480px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#BE1E2D;
	
}
#principalright{
	display:block;
	width:225px;
	height:475px;
	clear:both;
	margin-left:14px;
	margin-top:10px;
	background-color:#FFFFFF;
}
img.photo{
	width:100px;
	height:122px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	margin-left:20px;
}
p.pcontent{
	
	width:450px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFE6CB;
	float:left;
	margin-top:-90px;
	margin-left:20px;
}

p.pty{
	
	width:320px;
	height:200px;
	font-size:18pt;
	margin-left:20px;
	margin-top:0px;
	font-family:Arial;
	color:#D57F6E;
	
	float:left;
}
img.rt{
	width:230px;
	height:239px;
}
	#divn{width:600px;height:auto;}
	#button
{
	float:right;
	width:200px;
	height:35px;
	background-color:#FF6600;
	margin-top:30px;
	margin-right:-12px;
	
}
#button1
{
	float:right;
	width:150px;
	height:80px;
	background-color:#000000;
	margin-top:350px;
	opacity:0.9;
	margin-right:-12px;
	
}
#alumni{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#FF6600;
	
}

#newsleft {
    width: 400px;
    height: 1000px;
    float: left;
    margin-top: 10px;
    background-color: #006699;
}

p.headtext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    margin-left: 30px;
    color: #FFE6CB;
	width:380px;
}

.my{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:380px;}

#divface {
    width: 100%;
    padding: 10px;
    height: auto;
}

	} 
/* Smartphones to Tablets */ 
@media (min-width: 481px) and (max-width: 767px) { 
	
	body{
		overflow-x:hidden;
	}
	.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:16px;
	
}

#newsleft{
	width:400px;
	height:1000px;
	float:left;
	margin-top:10px;
	background-color:#006699 !important;
	
}

/* Button */
.slicknav_btn {
	width:30px;
	margin: 5px 5px 6px;	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #DA2128;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #FFFFFF;
	font-weight: bold;	
	display:none;
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #FFFFFF;
}
.slicknav_menu {
	background:#222222;
	padding:10px;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-size:0.875em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	background:#333333;
	color:#FFF;	
}
.slicknav_nav a:hover{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	background:#EF4523;
	color:#FFF;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:10px;   
}
	
	
	#divface{
	width:100%;
	padding:30px;
	height:auto;
}


#principalright {
    display: block !important;
    width: 250px;
    height: 475px;
   	clear:both;
    margin-left: 14px;
    margin-top: 10px;
    background-color: #FFFFFF;
}

p.headtext{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:24px;
	margin-left:30px;
	color:#FFE6CB;
}
	
	#wrapper{
		
		width:100%;
		height:800px;
		margin:0px auto;
		margin-top:-8px;
		background-color:transparent;
	}
	#header{
		display:block;
		width:100%;
		height:190px;
		background-color:transparent;
	}
	#logo{
		display:block;
		width:198px;
		height:109px;
		float:left;
		margin-top:20px;
	}
	img.logo{
		width:100%;
		height:auto;
	}
	#menu{
		display:block;
		width:400px;
		height:30px;
		float:left;
	}
	#banner{
		display:block;
		position:absolute;
		width:100%;
		height:453px;
		margin-top:200px;
		background-color:#CCCCCC;
		z-index:-99999999;
		margin-left:-8px;
	}
	#body{
		display:block;
		width:1024px;
		height:510px;
		background-color:transparent;
	}
	#nav,#nav ul {
     display:none;
    list-style: none outside none;
	
    

}

#nav {

   

   

    font-size: 12px;

    height: 30px;

 margin-top:90px;

  margin-left:-80px;
    width: 800px;

}

#nav ul {

   

   height:auto;

   

  
	
 

    left: -9999px;

    overflow: hidden;

    position: absolute;

    top: -9999px;

    z-index: 2;

 

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

 

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

 

    -moz-transition: -moz-transform 0.1s linear;

    -ms-transition: -ms-transform 0.1s linear;

    -o-transition: -o-transform 0.1s linear;

    -webkit-transition: -webkit-transform 0.1s linear;

    transition: transform 0.1s linear;

}

#nav li {

   

    float: left;
	
    position: relative;

}

#nav li a {

    color: #FFFFFF;
    display: block;



   

    height:30px;
	
font-family:"Myriad Pro";
	
    padding: 10px 23px 0;

    position: relative;

    text-decoration: none;

   
}
#nav li:visited > a.hsubs {

    color: #999999;
	font-family:"Myriad Pro";
	
	
background:url(../images/nav.png) center no-repeat;

}
#nav li:hover > a.hsubs {

    color:#FF0000;
	font-family:"Myriad Pro";
	background-color:#DDD9C5;
	


}

#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {

    background:#999 repeat scroll 0 0;
	
    outline: 0 none;

}

#nav li:hover ul.subs {

    left: 0;

    top: 40px;
	height:auto;
	width:174px;

 background-color:#CCCCCC;
    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

#nav ul li {
	
   font-family:"Myriad Pro";
	font-size:14px;

	border-bottom:groove;
	border-bottom-color:#EFEFEF;
	
	margin-left:-40px;
    width: 250px;

}



#nav ul li a {
	color:#333333;
    float: none;

}
#nav ul li:hover > a {

   
	color:#333333;
    background:#EAEAEA;

}

#newsleft{
	width:700px;
	height:1000px;
	float:left;
	margin-top:10px;
	background-color:#006699;
	
}

#lavalamp {

   

    height: 16px;

    left: 13px;

    position: absolute;

    top: 0px;

    width: 100px;

 

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}

#lavalamp:hover {

    -moz-transition-duration: 3000s;

    -ms-transition-duration: 3000s;

    -o-transition-duration: 3000s;

    -webkit-transition-duration: 3000s;

    transition-duration: 3000s;

}
#nav li:nth-of-type(1):hover ~ #lavalamp {

    left: 13px;

}

#nav li:nth-of-type(2):hover ~ #lavalamp {

    left: 90px;

}

#nav li:nth-of-type(3):hover ~ #lavalamp {

    left: 170px;

}

#nav li:nth-of-type(4):hover ~ #lavalamp {

    left: 250px;

}

#nav li:nth-of-type(5):hover ~ #lavalamp {

    left: 330px;

}

#nav li:nth-of-type(6):hover ~ #lavalamp {

    left: 410px;

}

#nav li:nth-of-type(7):hover ~ #lavalamp {

    left: 490px;

}

#nav li:nth-of-type(8):hover ~ #lavalamp {

    left: 565px;
}

#menubottom{
	display:none;
	position:absolute;
	width:700px;
	height:30px;
	margin-left:330px;
	margin-top:150px;
}

img.b{
		margin-top:-15px;
}
p.menu{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.2px;
	word-spacing:2px;
	margin-left:140px;
	margin-top:-5px;
	color:#000;
}
font.mb:hover{
	color:#CC0000;
}
img.banner{
	display:block;
	width:1126px;
	height:474px;
	margin:0px auto;
 }
 
 #newsleft {
    width: 480px;
    height: 1000px;
    float: left;
    margin-top: 10px;
    background-color: #006699;
}

p.headtext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    margin-left: 30px;
    color: #FFE6CB;
	width:400px;
}

.my{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:430px;}
 
 #bodyleft{
	 display:block;
 	width:383px;
	height:500px;
	background-color:#FFFFFF;
	float:left;
	opacity:0.9;
 }
 p.head{
	 	font-family:"Myriad Pro";
		font-size:24px;
		font-weight:bold;
		color:#000;
		margin-left:20px;
		margin-top:25px;
 }
 img.sm{
	 margin-left:20px;
	 margin-top:-10px;
 }
 p.content{
	 width:317px;
	height:auto;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:20px;
 }
 #read{
	 position:absolute;
 	width:95px;
	height:24px;
	 margin-left:20px;
	 color:#FFFFFF;
	 font-size:12px;
	 font-family:Arial, Helvetica, sans-serif;
	background-color:#231F20;
 }
 p.t{
	
 	margin:4px 18px auto;
 }
 img.award{
	  margin-left:0px;
	  margin-top:0px;
 	float:left;
	
 }
 table.links{
 	float:left;margin-left:20px;width:134px;height:120px;font-family:Arial, Helvetica, sans-serif;font-size:12px; margin-top:0px;
 }
 img.contact{
 	margin-left:20px;
	margin-top:25px;
 }
 
 #footer{
	 display:none;
 	width:100%;
	height:89px;
	background-color:transparent;
 }
 #footerleft{
	 display:block;
	 	width:220px;
		height:63px;
		float:left;
 }
 img.slogan{
	 display:block;
 	width:300px;
	height:63px;
 }
 #footercenter{
	 display:block;
		 width:300px;
		height:63px;
		float:left;
 }
 #footerright{
	 display:block;
	 	width:234px;
		height:89px;
		float:left;
 }
 p.newshead{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	margin-top:-2px;
	color:#3C3C3C;
 }
 p.newscontent{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#58595B;
 }
 #divt{
	 display:block;
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#AFAFB0;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divt:hover{
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#991B1E;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divb{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divb:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
  p.s{
	
 	margin:13px 10px auto;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;
 }
  p.sa{
	  
	
 	margin:13px 20px auto;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:12px;
 }
 #divsocial{
	 display:block;
 	width:100%;
	height:50px;
	margin-top:25px;
 }
 img.i{
 	float:left;
 }
  img.i1{
 	float:left;
	margin-left:10px;
 }
 #copyright{
	 
 	width:250px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin-top:0px;
	margin-left:200px;
 }
 
#principalleft{
	width:480px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#BE1E2D;
	
}
#principalright{
	display:block;
	width:230px;
	height:475px;
	float:left;
	margin-left:14px;
	margin-top:10px;
	background-color:#FFFFFF;
}
img.photo{
	width:100px;
	height:122px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	margin-left:20px;
}
p.pcontent{
	
	width:450px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFE6CB;
	float:left;
	margin-top:-90px;
	margin-left:20px;
}

p.pty{
	
	width:320px;
	height:200px;
	font-size:18pt;
	margin-left:20px;
	margin-top:0px;
	font-family:Arial;
	color:#D57F6E;
	
	float:left;
}
img.rt{
	width:230px;
	height:239px;
}

#divn{width:600px;height:auto;}
#button
{
	float:right;
	width:200px;
	height:35px;
	background-color:#FF6600;
	margin-top:30px;
	margin-right:-12px;
	
}
#button1
{
	float:right;
	width:150px;
	height:80px;
	background-color:#000000;
	margin-top:350px;
	opacity:0.9;
	margin-right:-12px;
	
}
#alumni{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#FF6600;
	
}
}
/* Tablets */ 

@media (min-width: 768px) and (max-width: 959px) { 


	.my{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:630px;}
	#wrapper{
		
		width:100%;
		height:800px;
		margin:0px auto;
		margin-top:-8px;
		background-color:transparent;
	}
	#header{
		display:block;
		width:100% !important;
		height:190px;
		background-color:transparent;
	}
	#logo{
		display:block;
		width:250px;
		height:138px;
		float:left;
		margin-top:20px;
		margin-bottom:20px;
	}
	img.logo{
		width:100%;
		height:auto;
	}
	#menu{
		display:block;
		width:500px;
		height:35px;
		clear:both;
	}
	#banner{
		display:block;
		position:absolute;
		width:100%;
		height:455px;
		margin-top:200px;
		background:#B7BCBC url(../images/bg.jpg) no-repeat center center fixed;
		z-index:-99999999;
		margin-left:-8px;
	}
	#body{
		display:block;
		width:1024px;
		height:510px;
		background-color:transparent;
	}
	#nav,#nav ul {
     display:block;
    list-style: none outside none;
	
    

}

#nav {

   

   

    font-size: 13px;

    height: 40px;

 margin-top:90px;

  margin-left:0px;
    width: 800px;

}

#nav ul {

   

   height:auto;

   

  
	
 

    left: -9999px;

    overflow: hidden;

    position: absolute;

    top: -9999px;

    z-index: 2;

 

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

 

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

 

    -moz-transition: -moz-transform 0.1s linear;

    -ms-transition: -ms-transform 0.1s linear;

    -o-transition: -o-transform 0.1s linear;

    -webkit-transition: -webkit-transform 0.1s linear;

    transition: transform 0.1s linear;

}

#nav li {

   

    float: left;
	
    position: relative;

}

#nav li a {

    color: #FFFFFF;
    display: block;



   

    height:40px;
	
font-family:"Myriad Pro";
	
    padding: 20px 15px 0;

    position: relative;

    text-decoration: none;

   
}
#nav li:visited > a.hsubs {

    color: #999999;
	font-family:"Myriad Pro";
	
	
background:url(../images/nav.png) center no-repeat;

}
#nav li:hover > a.hsubs {

    color:#FF0000;
	font-family:"Myriad Pro";
	background-color:#DDD9C5;
	


}

#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {

    background:#999 repeat scroll 0 0;
	
    outline: 0 none;

}

#nav li:hover ul.subs {

    left: 0;

    top: 60px;
	height:auto;
	width:174px;

 background-color:#CCCCCC;
    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

#nav ul li {
	
   font-family:"Myriad Pro";
	font-size:14px;

	border-bottom:groove;
	border-bottom-color:#EFEFEF;
	
	margin-left:-40px;
    width: 250px;

}

#nav ul li a {
	color:#333333;
    float: none;

}
#nav ul li:hover > a {

   
	color:#333333;
    background:#EAEAEA;

}

#lavalamp {

   

    height: 16px;

    left: 13px;

    position: absolute;

    top: 0px;

    width: 100px;

 

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}

#lavalamp:hover {

    -moz-transition-duration: 3000s;

    -ms-transition-duration: 3000s;

    -o-transition-duration: 3000s;

    -webkit-transition-duration: 3000s;

    transition-duration: 3000s;

}
#nav li:nth-of-type(1):hover ~ #lavalamp {

    left: 13px;

}

#nav li:nth-of-type(2):hover ~ #lavalamp {

    left: 90px;

}

#nav li:nth-of-type(3):hover ~ #lavalamp {

    left: 170px;

}

#nav li:nth-of-type(4):hover ~ #lavalamp {

    left: 250px;

}

#nav li:nth-of-type(5):hover ~ #lavalamp {

    left: 330px;

}

#nav li:nth-of-type(6):hover ~ #lavalamp {

    left: 410px;

}

#nav li:nth-of-type(7):hover ~ #lavalamp {

    left: 490px;

}

#nav li:nth-of-type(8):hover ~ #lavalamp {

    left: 565px;
}


img.b{
		margin-top:-15px;
}
p.menu{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	word-spacing:12px;
	margin-left:250px;
	margin-top:-5px;
	color:#000;
}
img.banner{
	display:block;
	width:1126px;
	height:474px;
	margin:0px auto;
 }
 #bodyleft{
	 display:block;
 	width:383px;
	height:500px;
	background-color:#FFFFFF;
	float:left;
	opacity:0.9;
 }
 p.head{
	 	font-family:"Myriad Pro";
		font-size:24px;
		font-weight:bold;
		color:#000;
		margin-left:20px;
		margin-top:25px;
 }
 img.sm{
	 margin-left:20px;
	 margin-top:-10px;
 }
 p.content{
	 width:317px;
	height:auto;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:20px;
 }
 #read{
	 position:absolute;
 	width:95px;
	height:24px;
	 margin-left:20px;
	 color:#FFFFFF;
	 font-size:12px;
	 font-family:Arial, Helvetica, sans-serif;
	background-color:#231F20;
 }
 p.t{
	
 	margin:4px 18px auto;
 }
 img.award{
	  margin-left:0px;
	  margin-top:0px;
 	float:left;
	
 }
 table.links{
 	display:block;float:left;margin-left:20px;width:134px;height:200px;font-family:Arial, Helvetica, sans-serif;font-size:12px; margin-top:0px;
 }
 img.contact{
 	margin-left:20px;
	margin-top:25px;
 }
 
 #footer{
	 display:block;
 	width:100%;
	height:85px;
	background-color:transparent;
 }
 #footerleft{
	 display:block;
	 	width:300px;
		height:50px;
		float:left;
		margin-top:30px;
 }
  img.slogan{
	 display:block;
 	width:297px;
	height:52px;
	margin-top:20px;
	margin-left:30px;
 }
 #footercenter{
	 display:block;
		 width:327px;
		height:85px;
		float:left;
 }
 #footerright{
	 display:block;
	 	width:340px;
		height:20px;
		margin-top:40px;
		word-spacing:15px;
		margin-left:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		float:left;
 }
 p.newshead{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:lighter;
	margin-top:-2px;
	color:#3C3C3C;
 }
 p.newscontent{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58595B;
 }
 #divt{
	 display:block;
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#AFAFB0;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divt:hover{
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#991B1E;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divb{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divb:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
  p.s{
	
 	margin:13px 10px auto;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;
 }
  p.sa{
	  
	
 	margin:13px 20px auto;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:12px;
 }
 #divsocial{
	 display:block;
 	width:100%;
	height:50px;
	margin-top:50px;
 }
 img.i{
 	float:left;
 }
  img.i1{
 	float:left;
	margin-left:10px;
 }
 #copyright{
 	width:250px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin-top:10px;
	margin-left:770px;
 }
 .slicknav_menu {
	display:none;
}
font.mb:hover{
	color:#CC0000;
}
#principalleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#BE1E2D;
	
}
#principalright{
	display:block;
	width:250px;
	height:475px;
	float:left;
	margin-left:14px;
	margin-top:10px;
	background-color:#FFFFFF;
}
img.photo{
	width:100px;
	height:122px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	margin-left:20px;
}
p.pcontent{
	
	width:650px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFE6CB;
	float:left;
	margin-top:-90px;
	margin-left:20px;
}

p.pty{
	
	width:520px;
	height:200px;
	font-size:24pt;
	margin-left:20px;
	margin-top:0px;
	font-family:Arial;
	color:#D57F6E;
	
	float:left;
}
img.rt{
	width:372px;
	height:387px;
}
#divlink{
	width:180px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	margin-top:80px;
	
}
#divicon{
	width:50px;
	float:right;
	height:94px;
	
	margin-left:5px;
}
#divc{
	width:100px;
	height:150px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}

p.headtext{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:24px;
	margin-left:30px;
	color:#FFE6CB;
}
p.text{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:14px;
	margin-left:30px;
	margin-top:-15px;
	color:#FFFFFF;
}
#divface{
	width:600px;
	padding:30px;
	height:auto;
}
table.tabtext{
	width:300px;
	height:auto;
	margin-left:30px;
	margin-top:-15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
}
#acedemicleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#009999;
	
}
#currileft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#1C3664;
	
}
#divf{
	width:250px;
	height:193px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}

#divf1{
	width:600px;
	height:193px;
	float:left;
	
}



#divx{
	width:250px;
	height:400px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}
#divg{
	width:280px;
	height:auto !important;
	float:left;
	margin-left:27px;
	margin-top:27px;
}

#divg img{width:100%;}

#divgg{
	width:150px;
	height:150px;
	float:left;
	margin-left:27px;
	margin-top:27px;
}



#divg1{
	width:600px;
	height:250px;
	float:left;
	
}

#schoolleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#009866;
	
}
#photogallery{
	width:1035px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#CC2036;
	
}
#divp{
	width:196px;
	height:180px;
	float:left;
	margin-left:50px;
	margin-top:27px;
}
#newsleft{
	width:700px;
	height:1000px;
	float:left;
	margin-top:10px;
	background-color:#006699;
	
}

#divnews{
	width:196px;
	height:180;
	float:left;
	margin-left:27px;
	margin-top:27px;
}
#divn{width:600px;height:auto;background-color:transparent;padding:20px;}
#button
{
	float:right;
	width:200px;
	height:35px;
	background-color:#FF6600;
	margin-top:30px;
	margin-right:-12px;
	
}
#button1
{
	float:right;
	width:150px;
	height:80px;
	background-color:#000000;
	margin-top:350px;
	opacity:0.9;
	margin-right:-12px;
	
}
#alumni{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#FF6600;
	
}
	 }
 /* Desktop */
 @media (min-width: 960px) and (max-width: 1199px) {
body{
		overflow-x:hidden;
	}
	
	
	.my{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:630px;}
	
	#wrapper{
		
		width:1024px;
		height:800px;
		margin:0px auto;
		margin-top:-8px;
		background-color:transparent;
	}
	#header{
		display:block;
		width:1024px;
		height:190px;
		background-color:transparent;
	}
	#logo{
		display:block;
		width:250px;
		height:138px;
		float:left;
		margin-top:20px;
	}
	img.logo{
		width:100%;
		height:auto;
	}
	#menu{
		display:block;
		width:500px;
		height:35px;
		float:left;
	}
	#banner{
		display:block;
		position:absolute;
		width:100%;
		height:455px;
		margin-top:200px;
		background:#B7BCBC url(../images/bg.jpg) no-repeat center center fixed;
		z-index:-99999999;
		margin-left:-8px;
	}
	#body{
		display:block;
		width:1024px;
		height:510px;
		background-color:transparent;
	}
	#nav,#nav ul {
     display:block;
    list-style: none outside none;
	
    

}

#nav {

   

   

    font-size: 13px;

    height: 40px;

 margin-top:90px;

  margin-left:0px;
    width: 800px;

}

#nav ul {

   

   height:auto;

   

  
	
 

    left: -9999px;

    overflow: hidden;

    position: absolute;

    top: -9999px;

    z-index: 2;

 

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

 

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

 

    -moz-transition: -moz-transform 0.1s linear;

    -ms-transition: -ms-transform 0.1s linear;

    -o-transition: -o-transform 0.1s linear;

    -webkit-transition: -webkit-transform 0.1s linear;

    transition: transform 0.1s linear;

}

#nav li {

   

    float: left;
	
    position: relative;

}

#nav li a {

    color: #FFFFFF;
    display: block;



   

    height:40px;
	
font-family:"Myriad Pro";
	
    padding: 20px 15px 0;

    position: relative;

    text-decoration: none;

   
}
#nav li:visited > a.hsubs {

    color: #999999;
	font-family:"Myriad Pro";
	
	
background:url(../images/nav.png) center no-repeat;

}
#nav li:hover > a.hsubs {

    color:#FF0000;
	font-family:"Myriad Pro";
	background-color:#DDD9C5;
	


}

#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {

    background:#999 repeat scroll 0 0;
	
    outline: 0 none;

}

#nav li:hover ul.subs {

    left: 0;

    top: 60px;
	height:auto;
	width:174px;

 background-color:#CCCCCC;
    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

#nav ul li {
	
   font-family:"Myriad Pro";
	font-size:14px;

	border-bottom:groove;
	border-bottom-color:#EFEFEF;
	
	margin-left:-40px;
    width: 250px;

}

#nav ul li a {
	color:#333333;
    float: none;

}
#nav ul li:hover > a {

   
	color:#333333;
    background:#EAEAEA;

}

#lavalamp {

   

    height: 16px;

    left: 13px;

    position: absolute;

    top: 0px;

    width: 100px;

 

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}

#lavalamp:hover {

    -moz-transition-duration: 3000s;

    -ms-transition-duration: 3000s;

    -o-transition-duration: 3000s;

    -webkit-transition-duration: 3000s;

    transition-duration: 3000s;

}
#nav li:nth-of-type(1):hover ~ #lavalamp {

    left: 13px;

}

#nav li:nth-of-type(2):hover ~ #lavalamp {

    left: 90px;

}

#nav li:nth-of-type(3):hover ~ #lavalamp {

    left: 170px;

}

#nav li:nth-of-type(4):hover ~ #lavalamp {

    left: 250px;

}

#nav li:nth-of-type(5):hover ~ #lavalamp {

    left: 330px;

}

#nav li:nth-of-type(6):hover ~ #lavalamp {

    left: 410px;

}

#nav li:nth-of-type(7):hover ~ #lavalamp {

    left: 490px;

}

#nav li:nth-of-type(8):hover ~ #lavalamp {

    left: 565px;
}


img.b{
		margin-top:-15px;
}
p.menu{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	word-spacing:12px;
	margin-left:250px;
	margin-top:-5px;
	color:#000;
}
img.banner{
	display:block;
	width:1126px;
	height:474px;
	margin:0px auto;
 }
 #bodyleft{
	 display:block;
 	width:383px;
	height:800px;
	background-color:#FFFFFF;
	float:left;
	opacity:0.9;
 }
 p.head{
	 	font-family:"Myriad Pro";
		font-size:24px;
		font-weight:bold;
		color:#000;
		margin-left:20px;
		margin-top:25px;
 }
 img.sm{
	 margin-left:20px;
	 margin-top:-10px;
 }
 p.content{
	 width:317px;
	height:auto;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:20px;
 }
 #read{
	 position:absolute;
 	width:95px;
	height:24px;
	 margin-left:20px;
	 color:#FFFFFF;
	 font-size:12px;
	 font-family:Arial, Helvetica, sans-serif;
	background-color:#231F20;
 }
 p.t{
	
 	margin:4px 18px auto;
 }
 img.award{
	  margin-left:0px;
	  margin-top:0px;
 	float:left;
	
 }
 table.links{
 	display:block;float:left;margin-left:20px;width:134px;height:200px;font-family:Arial, Helvetica, sans-serif;font-size:12px; margin-top:0px;
 }
 img.contact{
 	margin-left:20px;
	margin-top:25px;
 }
 
 #footer{
	 display:block;
 	width:100%;
	height:85px;
	background-color:transparent;
 }
 #footerleft{
	 display:block;
	 	width:300px;
		height:50px;
		float:left;
		margin-top:30px;
 }
  img.slogan{
	 display:block;
 	width:297px;
	height:52px;
	margin-top:20px;
	margin-left:30px;
 }
 #footercenter{
	 display:block;
		 width:327px;
		height:85px;
		float:left;
 }
 #footerright{
	 display:block;
	 	width:340px;
		height:20px;
		margin-top:40px;
		word-spacing:15px;
		margin-left:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		float:left;
 }
 p.newshead{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:lighter;
	margin-top:-2px;
	color:#3C3C3C;
 }
 p.newscontent{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58595B;
 }
 #divt{
	 display:block;
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#AFAFB0;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divt:hover{
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#991B1E;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divb{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divb:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
  p.s{
	
 	margin:13px 10px auto;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;
 }
  p.sa{
	  
	
 	margin:13px 20px auto;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:12px;
 }
 #divsocial{
	 display:block;
 	width:100%;
	height:50px;
	margin-top:50px;
 }
 img.i{
 	float:left;
 }
  img.i1{
 	float:left;
	margin-left:10px;
 }
 #copyright{
 	width:250px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin-top:10px;
	margin-left:770px;
 }
 .slicknav_menu {
	display:none;
}
font.mb:hover{
	color:#CC0000;
}
#principalleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#BE1E2D;
	
}
#principalright{
	display:block;
	width:250px;
	height:475px;
	float:left;
	margin-left:14px;
	margin-top:10px;
	background-color:#FFFFFF;
}
img.photo{
	width:100px;
	height:122px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	margin-left:20px;
}
p.pcontent{
	
	width:650px;
	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFE6CB;
	float:left;
	margin-top:-90px;
	margin-left:20px;
}

p.pty{
	
	width:520px;
	height:200px;
	font-size:24pt;
	margin-left:20px;
	margin-top:0px;
	font-family:Arial;
	color:#D57F6E;
	
	float:left;
}
img.rt{
	width:372px;
	height:387px;
}
#divlink{
	width:250px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	margin-top:100px;
	
}
#divicon{
	width:50px;
	float:right;
	height:94px;
	margin-top:100px;
	margin-left:5px;
}
#divc{
	width:100px;
	height:150px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}

p.headtext{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:24px;
	margin-left:30px;
	color:#FFE6CB;
}
p.text{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:14px;
	margin-left:30px;
	margin-top:-15px;
	color:#FFFFFF;
}
#divface{
	width:600px;
	
	padding:30px;
	height:auto;
}
table.tabtext{
	width:300px;
	height:auto;
	margin-left:30px;
	margin-top:-15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
}
#acedemicleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#009999;
	
}
#currileft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#1C3664;
	
}
#divf{
	width:250px;
	height:193px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}
#divg{
	width:300px;
	height:300px;
	
	margin-left:50px;
	margin-top:27px;
}


#divgg{
	width:150px;
	height:150px;
	float:left;
	margin-left:27px;
	margin-top:27px;
}

#schoolleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#009866;
	
}
#photogallery{
	width:1035px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#CC2036;
	
}
#divp{
	width:196px;
	height:180px;
	float:left;
	margin-left:50px;
	margin-top:27px;
}
#newsleft{
	width:700px;
	height:1000px;
	float:left;
	margin-top:10px;
	background-color:#006699;
	
}
#divnews{
	width:650px;
	height:auto;
	float:left;
	margin-left:60px;
	margin-top:50px;
}
#divn{width:600px;height:auto;background-color:transparent;padding:20px;}
#button
{
	float:right;
	width:200px;
	height:35px;
	background-color:#FF6600;
	margin-top:30px;
	margin-right:-12px;
	
}
#button1
{
	float:right;
	width:150px;
	height:80px;
	background-color:#000000;
	margin-top:350px;
	opacity:0.9;
	margin-right:-12px;
	
}
#alumni{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#FF6600;
	
}
	 } 
/* Large Display */
 @media (min-width: 1200px) { 
 
 .my{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:630px;}
 
 	body{
		overflow-x:hidden;
	}
	#wrapper{
		
		width:1024px;
		height:800px;
		margin:0px auto;
		margin-top:-8px;
		background-color:transparent;
	}
	#header{
		display:block;
		width:1024px;
		height:190px;
		background-color:transparent;
	}
	#logo{
		display:block;
		width:250px;
		height:138px;
		float:left;
		margin-top:20px;
	}
	img.logo{
		width:100%;
		height:auto;
	}
	#menu{
		display:block;
		width:500px;
		height:35px;
		float:left;
	}
	#banner{
		display:block;
		position:absolute;
		width:100%;
		height:455px;
		margin-top:200px;
		background:#B7BCBC url(../images/bg.jpg) no-repeat center center fixed;
		z-index:-99999999;
		margin-left:-8px;
	}
	#body{
		display:block;
		width:1024px;
		height:510px;
		background-color:transparent;
	}
	#nav,#nav ul {
     display:block;
    list-style: none outside none;
	
    

}

#nav {

   

   

    font-size: 11px;

    height: 40px;

 margin-top:90px;

  margin-left:0px;
    width: 800px;

}

#nav ul {

   

   height:auto;

   

  
	
 

    left: -9999px;

    overflow: hidden;

    position: absolute;

    top: -9999px;

    z-index: 2;

 

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

 

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

 

    -moz-transition: -moz-transform 0.1s linear;

    -ms-transition: -ms-transform 0.1s linear;

    -o-transition: -o-transform 0.1s linear;

    -webkit-transition: -webkit-transform 0.1s linear;

    transition: transform 0.1s linear;

}

#nav li {

   

    float: left;
	
    position: relative;

}

#nav li a {

    color: #FFFFFF;
    display: block;



   

    height:40px;
	
font-family:"Myriad Pro";
	
    padding: 20px 15px 0;

    position: relative;

    text-decoration: none;

   
}
#nav li:visited > a.hsubs {

    color: #999999;
	font-family:"Myriad Pro";
	
	
background:url(../images/nav.png) center no-repeat;

}
#nav li:hover > a.hsubs {

    color:#FF0000;
	font-family:"Myriad Pro";
	background-color:#DDD9C5;
	


}

#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {

    background:#999 repeat scroll 0 0;
	
    outline: 0 none;

}

#nav li:hover ul.subs {

    left: 0;

    top: 60px;
	height:auto;
	width:174px;

 background-color:#CCCCCC;
    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

#nav ul li {
	
   font-family:"Myriad Pro";
	font-size:14px;

	border-bottom:groove;
	border-bottom-color:#EFEFEF;
	
	margin-left:-40px;
    width: 250px;

}

#nav ul li a {
	color:#333333;
    float: none;

}
#nav ul li:hover > a {

   
	color:#333333;
    background:#EAEAEA;

}

#lavalamp {

   

    height: 16px;

    left: 13px;

    position: absolute;

    top: 0px;

    width: 100px;

 

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}

#lavalamp:hover {

    -moz-transition-duration: 3000s;

    -ms-transition-duration: 3000s;

    -o-transition-duration: 3000s;

    -webkit-transition-duration: 3000s;

    transition-duration: 3000s;

}
#nav li:nth-of-type(1):hover ~ #lavalamp {

    left: 13px;

}

#nav li:nth-of-type(2):hover ~ #lavalamp {

    left: 90px;

}

#nav li:nth-of-type(3):hover ~ #lavalamp {

    left: 170px;

}

#nav li:nth-of-type(4):hover ~ #lavalamp {

    left: 250px;

}

#nav li:nth-of-type(5):hover ~ #lavalamp {

    left: 330px;

}

#nav li:nth-of-type(6):hover ~ #lavalamp {

    left: 410px;

}

#nav li:nth-of-type(7):hover ~ #lavalamp {

    left: 490px;

}

#nav li:nth-of-type(8):hover ~ #lavalamp {

    left: 565px;
}


img.b{
		margin-top:-15px;
}
p.menu{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	word-spacing:12px;
	margin-left:250px;
	margin-top:-5px;
	color:#000;
}
img.banner{
	display:block;
	width:1126px;
	height:474px;
	margin:0px auto;
 }
 #bodyleft{
	 display:block;
 	width:383px;
	height:500px;
	background-color:#FFFFFF;
	float:left;
	opacity:0.9;
 }
 p.head{
	 	font-family:"Myriad Pro";
		font-size:24px;
		font-weight:bold;
		color:#000;
		margin-left:20px;
		margin-top:25px;
 }
 img.sm{
	 margin-left:20px;
	 margin-top:-10px;
 }
 p.content{
	 width:317px;
	height:auto;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:20px;
 }
 #read{
	 position:absolute;
 	width:95px;
	height:24px;
	 margin-left:20px;
	 color:#FFFFFF;
	 font-size:12px;
	 font-family:Arial, Helvetica, sans-serif;
	background-color:#231F20;
 }
 p.t{
	
 	margin:4px 18px auto;
 }
 img.award{
	  margin-left:0px;
	  margin-top:0px;
 	float:left;
	
 }
 table.links{
 	display:block;float:left;margin-left:20px;width:134px;height:200px;font-family:Arial, Helvetica, sans-serif;font-size:12px; margin-top:0px;
 }
 img.contact{
 	margin-left:20px;
	margin-top:25px;
 }
 
 #footer{
	 display:block;
 	width:100%;
	height:85px;
	background-color:transparent;
 }
 #footerleft{
	 display:block;
	 	width:300px;
		height:50px;
		float:left;
		margin-top:30px;
 }
  img.slogan{
	 display:block;
 	width:297px;
	height:52px;
	margin-top:20px;
	margin-left:30px;
 }
 #footercenter{
	 display:block;
		 width:327px;
		height:85px;
		float:left;
 }
 #footerright{
	 display:block;
	 	width:340px;
		height:20px;
		margin-top:40px;
		word-spacing:15px;
		margin-left:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		float:left;
 }
 p.newshead{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:lighter;
	margin-top:-2px;
	color:#3C3C3C;
 }
 p.newscontent{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58595B;
 }
 #divt{
	 display:block;
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#AFAFB0;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divt:hover{
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#991B1E;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divb{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divb:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
  p.s{
	
 	margin:13px 10px auto;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;
 }
  p.sa{
	  
	
 	margin:13px 20px auto;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:12px;
 }
 #divsocial{
	 display:block;
 	width:100%;
	height:50px;
	margin-top:50px;
 }
 img.i{
 	float:left;
 }
  img.i1{
 	float:left;
	margin-left:10px;
 }
 #copyright{
 	width:250px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin-top:10px;
	margin-left:770px;
 }
 .slicknav_menu {
	display:none;
}
font.mb:hover{
	color:#CC0000;
}
#principalleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#BE1E2D;
	
}
#principalright{
	display:block;
	width:280px;
	height:475px;
	float:left;
	margin-left:14px;
	margin-top:10px;
	background-color:#FFFFFF;
}
img.photo{
	width:100px;
	height:122px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	margin-left:20px;
}
p.pcontent{
	
	width:650px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFE6CB;
	float:left;
	margin-top:-90px;
	margin-left:20px;
}

p.pty{
	
	width:520px;
	height:200px;
	font-size:24pt;
	margin-left:20px;
	margin-top:0px;
	font-family:Arial;
	color:#D57F6E;
	
	float:left;
}
img.rt{
	width:372px;
	height:387px;
}
#divlink{
	width:260px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	margin-top:100px;
	
}
#divicon{
	width:50px;
	float:right;
	height:94px;
	margin-top:100px;
	margin-left:5px;
}
#divc{
	width:100px;
	height:150px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}

p.headtext{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:24px;
	margin-left:30px;
	color:#FFE6CB;
}
p.text{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:14px;
	margin-left:30px;
	margin-top:-15px;
	color:#FFFFFF;
}
#divface{
	width:600px;
	padding:30px;
	height:auto;
}
table.tabtext{
	width:300px;
	height:auto;
	margin-left:30px;
	margin-top:-15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
}
#acedemicleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#009999;
	
}
#currileft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#1C3664;
	
}
#divf{
	width:250px;
	height:193px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}
#divg{
	width:300px;
	height:350px;
	float:left;
	margin-left:27px;
	margin-top:27px;
}

#divgg{
	width:100px;
	height:50px;
	float:left;
	margin-left:60px;
	margin-top:30px;
	
	
}

#schoolleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#009866;
	
}
#photogallery{
	width:1035px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#CC2036;
	
}
#divp{
	width:196px;
	height:180px;
	float:left;
	margin-left:50px;
	margin-top:27px;
}
#newsleft{
	width:700px;
	height:1000px;
	float:left;
	margin-top:10px;
	background-color:#006699;
	
}
#divnews{
	width:650px;
	height:auto;
	float:left;
	margin-left:60px;
	margin-top:50px;
	float:left;
}
#divn{width:600px;height:auto;background-color:transparent;padding:20px;}
#button
{
	float:right;
	width:150px;
	height:25px;
	background-color:#666666;
	margin-top:35px;
	margin-right:-12px;
	
}
#button1
{
	float:right;
	width:150px;
	height:80px;
	background-color:#000000;
	margin-top:350px;
	opacity:0.9;
	margin-right:-12px;
	
}
#alumni{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#666666;
	
}
 }
@charset "utf-8";
/* CSS Document */


/* Smartphones */ 
@media (max-width: 480px) {
	
		body{
		overflow-x:hidden;
	}
	.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:16px;
	position:relative;
	
	
}
/* Button */
.slicknav_btn {
	width:30px;
	margin: 5px 5px 6px;	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #DA2128;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #FFFFFF;
	font-weight: bold;	
	display:none;
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #FFFFFF;
}
.slicknav_menu {
	background:#222222;
	padding:10px;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-size:0.875em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	background:#333333;
	color:#FFF;	
}
.slicknav_nav a:hover{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	background:#EF4523;
	color:#FFF;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:10px;   
}

	#wrapper{
		
		width:480px;
		height:800px;
		margin:0px auto;
		margin-top:-8px;
		background-color:transparent;
	}
	#header{
		display:block;
		width:768px;
		height:190px;
		background-color:transparent;
	}
	#logo{
		display:block;
		width:250px;
		height:138px;
		float:left;
		margin-top:20px;
	}
	img.logo{
		width:100%;
		height:auto;
	}
	#menu{
		display:block;
		width:400px;
		height:30px;
		float:left;
	}
	#banner{
		display:block;
		position:absolute;
		width:100%;
		height:453px;
		margin-top:200px;
		background-color:#CCCCCC;
		z-index:-99999999;
		margin-left:-8px;
	}
	#body{
		display:block;
		width:1024px;
		height:510px;
		background-color:transparent;
	}
	#nav,#nav ul {
     display:none;
    list-style: none outside none;
	
    

}

#nav {

   

   

    font-size: 12px;

    height: 30px;

 margin-top:90px;

  margin-left:-80px;
    width: 800px;

}

#nav ul {

   

   height:auto;

   

  
	
 

    left: -9999px;

    overflow: hidden;

    position: absolute;

    top: -9999px;

    z-index: 2;

 

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

 

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

 

    -moz-transition: -moz-transform 0.1s linear;

    -ms-transition: -ms-transform 0.1s linear;

    -o-transition: -o-transform 0.1s linear;

    -webkit-transition: -webkit-transform 0.1s linear;

    transition: transform 0.1s linear;

}

#nav li {

   

    float: left;
	
    position: relative;

}

#nav li a {

    color: #FFFFFF;
    display: block;



   

    height:30px;
	
font-family:"Myriad Pro";
	
    padding: 10px 23px 0;

    position: relative;

    text-decoration: none;

   
}
#nav li:visited > a.hsubs {

    color: #999999;
	font-family:"Myriad Pro";
	
	
background:url(../images/nav.png) center no-repeat;

}
#nav li:hover > a.hsubs {

    color:#FF0000;
	font-family:"Myriad Pro";
	background-color:#DDD9C5;
	


}

#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {

    background:#999 repeat scroll 0 0;
	
    outline: 0 none;

}

#nav li:hover ul.subs {

    left: 0;

    top: 40px;
	height:auto;
	width:174px;

 background-color:#CCCCCC;
    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

#nav ul li {
	
   font-family:"Myriad Pro";
	font-size:14px;

	border-bottom:groove;
	border-bottom-color:#EFEFEF;
	
	margin-left:-40px;
    width: 250px;

}

#nav ul li a {
	color:#333333;
    float: none;

}
#nav ul li:hover > a {

   
	color:#333333;
    background:#EAEAEA;

}

#lavalamp {

   

    height: 16px;

    left: 13px;

    position: absolute;

    top: 0px;

    width: 100px;

 

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}

#lavalamp:hover {

    -moz-transition-duration: 3000s;

    -ms-transition-duration: 3000s;

    -o-transition-duration: 3000s;

    -webkit-transition-duration: 3000s;

    transition-duration: 3000s;

}
#nav li:nth-of-type(1):hover ~ #lavalamp {

    left: 13px;

}

#nav li:nth-of-type(2):hover ~ #lavalamp {

    left: 90px;

}

#nav li:nth-of-type(3):hover ~ #lavalamp {

    left: 170px;

}

#nav li:nth-of-type(4):hover ~ #lavalamp {

    left: 250px;

}

#nav li:nth-of-type(5):hover ~ #lavalamp {

    left: 330px;

}

#nav li:nth-of-type(6):hover ~ #lavalamp {

    left: 410px;

}

#nav li:nth-of-type(7):hover ~ #lavalamp {

    left: 490px;

}

#nav li:nth-of-type(8):hover ~ #lavalamp {

    left: 565px;
}

#menubottom{
	display:none;
	position:absolute;
	width:700px;
	height:30px;
	margin-left:330px;
	margin-top:150px;
}

img.b{
		margin-top:-15px;
}
p.menu{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.2px;
	word-spacing:2px;
	margin-left:140px;
	margin-top:-5px;
	color:#000;
}
font.mb:hover{
	color:#CC0000;
}
img.banner{
	display:block;
	width:1126px;
	height:474px;
	margin:0px auto;
 }
 #bodyleft{
	 display:block;
 	width:383px;
	height:500px;
	background-color:#FFFFFF;
	float:left;
	opacity:0.9;
 }
 p.head{
	 	font-family:"Myriad Pro";
		font-size:24px;
		font-weight:bold;
		color:#000;
		margin-left:20px;
		margin-top:25px;
 }
 img.sm{
	 margin-left:20px;
	 margin-top:-10px;
 }
 p.content{
	 width:317px;
	height:auto;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:20px;
 }
 #read{
	 position:absolute;
 	width:95px;
	height:24px;
	 margin-left:20px;
	 color:#FFFFFF;
	 font-size:12px;
	 font-family:Arial, Helvetica, sans-serif;
	background-color:#231F20;
 }
 p.t{
	
 	margin:4px 18px auto;
 }
 img.award{
	  margin-left:0px;
	  margin-top:0px;
 	float:left;
	
 }
 table.links{
 	float:left;margin-left:20px;width:134px;height:120px;font-family:Arial, Helvetica, sans-serif;font-size:12px; margin-top:0px;
 }
 img.contact{
 	margin-left:20px;
	margin-top:25px;
 }
 
 #footer{
	 display:none;
 	width:100%;
	height:89px;
	background-color:transparent;
 }
 #footerleft{
	 display:block;
	 	width:220px;
		height:63px;
		float:left;
 }
 img.slogan{
	 display:block;
 	width:300px;
	height:63px;
 }
 #footercenter{
	 display:block;
		 width:300px;
		height:63px;
		float:left;
 }
 #footerright{
	 display:block;
	 	width:234px;
		height:89px;
		float:left;
 }
 p.newshead{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	margin-top:-2px;
	color:#3C3C3C;
 }
 p.newscontent{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#58595B;
 }
 #divt{
	 display:block;
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#AFAFB0;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divt:hover{
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#991B1E;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divb{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divb:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
  p.s{
	
 	margin:13px 10px auto;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;
 }
  p.sa{
	  
	
 	margin:13px 20px auto;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:12px;
 }
 #divsocial{
	 display:block;
 	width:100%;
	height:50px;
	margin-top:25px;
 }
 img.i{
 	float:left;
 }
  img.i1{
 	float:left;
	margin-left:10px;
 }
 #copyright{
 	width:250px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin-top:0px;
	margin-left:200px;
 }
#principalleft{
	width:480px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#BE1E2D;
	
}
#principalright{
	display:block;
	width:225px;
	height:475px;
	clear:both;
	margin-left:14px;
	margin-top:10px;
	background-color:#FFFFFF;
}
img.photo{
	width:100px;
	height:122px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	margin-left:20px;
}
p.pcontent{
	
	width:450px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFE6CB;
	float:left;
	margin-top:-90px;
	margin-left:20px;
}

p.pty{
	
	width:320px;
	height:200px;
	font-size:18pt;
	margin-left:20px;
	margin-top:0px;
	font-family:Arial;
	color:#D57F6E;
	
	float:left;
}
img.rt{
	width:230px;
	height:239px;
}
	#divn{width:600px;height:auto;}
	#button
{
	float:right;
	width:200px;
	height:35px;
	background-color:#FF6600;
	margin-top:30px;
	margin-right:-12px;
	
}
#button1
{
	float:right;
	width:150px;
	height:80px;
	background-color:#000000;
	margin-top:350px;
	opacity:0.9;
	margin-right:-12px;
	
}
#alumni{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#FF6600;
	
}

#newsleft {
    width: 400px;
    height: 1000px;
    float: left;
    margin-top: 10px;
    background-color: #006699;
}

p.headtext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    margin-left: 30px;
    color: #FFE6CB;
	width:380px;
}

.my{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:380px;}

#divface {
    width: 100%;
    padding: 10px;
    height: auto;
}

	} 
/* Smartphones to Tablets */ 
@media (min-width: 481px) and (max-width: 767px) { 
	
	body{
		overflow-x:hidden;
	}
	.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:16px;
	
}

#newsleft{
	width:400px;
	height:1000px;
	float:left;
	margin-top:10px;
	background-color:#006699 !important;
	
}

/* Button */
.slicknav_btn {
	width:30px;
	margin: 5px 5px 6px;	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #DA2128;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #FFFFFF;
	font-weight: bold;	
	display:none;
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #FFFFFF;
}
.slicknav_menu {
	background:#222222;
	padding:10px;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-size:0.875em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	background:#333333;
	color:#FFF;	
}
.slicknav_nav a:hover{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	background:#EF4523;
	color:#FFF;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:10px;   
}
	
	
	#divface{
	width:100%;
	padding:30px;
	height:auto;
}


#principalright {
    display: block !important;
    width: 250px;
    height: 475px;
   	clear:both;
    margin-left: 14px;
    margin-top: 10px;
    background-color: #FFFFFF;
}

p.headtext{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:24px;
	margin-left:30px;
	color:#FFE6CB;
}
	
	#wrapper{
		
		width:100%;
		height:800px;
		margin:0px auto;
		margin-top:-8px;
		background-color:transparent;
	}
	#header{
		display:block;
		width:100%;
		height:190px;
		background-color:transparent;
	}
	#logo{
		display:block;
		width:198px;
		height:109px;
		float:left;
		margin-top:20px;
	}
	img.logo{
		width:100%;
		height:auto;
	}
	#menu{
		display:block;
		width:400px;
		height:30px;
		float:left;
	}
	#banner{
		display:block;
		position:absolute;
		width:100%;
		height:453px;
		margin-top:200px;
		background-color:#CCCCCC;
		z-index:-99999999;
		margin-left:-8px;
	}
	#body{
		display:block;
		width:1024px;
		height:510px;
		background-color:transparent;
	}
	#nav,#nav ul {
     display:none;
    list-style: none outside none;
	
    

}

#nav {

   

   

    font-size: 12px;

    height: 30px;

 margin-top:90px;

  margin-left:-80px;
    width: 800px;

}

#nav ul {

   

   height:auto;

   

  
	
 

    left: -9999px;

    overflow: hidden;

    position: absolute;

    top: -9999px;

    z-index: 2;

 

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

 

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

 

    -moz-transition: -moz-transform 0.1s linear;

    -ms-transition: -ms-transform 0.1s linear;

    -o-transition: -o-transform 0.1s linear;

    -webkit-transition: -webkit-transform 0.1s linear;

    transition: transform 0.1s linear;

}

#nav li {

   

    float: left;
	
    position: relative;

}

#nav li a {

    color: #FFFFFF;
    display: block;



   

    height:30px;
	
font-family:"Myriad Pro";
	
    padding: 10px 23px 0;

    position: relative;

    text-decoration: none;

   
}
#nav li:visited > a.hsubs {

    color: #999999;
	font-family:"Myriad Pro";
	
	
background:url(../images/nav.png) center no-repeat;

}
#nav li:hover > a.hsubs {

    color:#FF0000;
	font-family:"Myriad Pro";
	background-color:#DDD9C5;
	


}

#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {

    background:#999 repeat scroll 0 0;
	
    outline: 0 none;

}

#nav li:hover ul.subs {

    left: 0;

    top: 40px;
	height:auto;
	width:174px;

 background-color:#CCCCCC;
    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

#nav ul li {
	
   font-family:"Myriad Pro";
	font-size:14px;

	border-bottom:groove;
	border-bottom-color:#EFEFEF;
	
	margin-left:-40px;
    width: 250px;

}



#nav ul li a {
	color:#333333;
    float: none;

}
#nav ul li:hover > a {

   
	color:#333333;
    background:#EAEAEA;

}

#newsleft{
	width:700px;
	height:1000px;
	float:left;
	margin-top:10px;
	background-color:#006699;
	
}

#lavalamp {

   

    height: 16px;

    left: 13px;

    position: absolute;

    top: 0px;

    width: 100px;

 

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}

#lavalamp:hover {

    -moz-transition-duration: 3000s;

    -ms-transition-duration: 3000s;

    -o-transition-duration: 3000s;

    -webkit-transition-duration: 3000s;

    transition-duration: 3000s;

}
#nav li:nth-of-type(1):hover ~ #lavalamp {

    left: 13px;

}

#nav li:nth-of-type(2):hover ~ #lavalamp {

    left: 90px;

}

#nav li:nth-of-type(3):hover ~ #lavalamp {

    left: 170px;

}

#nav li:nth-of-type(4):hover ~ #lavalamp {

    left: 250px;

}

#nav li:nth-of-type(5):hover ~ #lavalamp {

    left: 330px;

}

#nav li:nth-of-type(6):hover ~ #lavalamp {

    left: 410px;

}

#nav li:nth-of-type(7):hover ~ #lavalamp {

    left: 490px;

}

#nav li:nth-of-type(8):hover ~ #lavalamp {

    left: 565px;
}

#menubottom{
	display:none;
	position:absolute;
	width:700px;
	height:30px;
	margin-left:330px;
	margin-top:150px;
}

img.b{
		margin-top:-15px;
}
p.menu{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.2px;
	word-spacing:2px;
	margin-left:140px;
	margin-top:-5px;
	color:#000;
}
font.mb:hover{
	color:#CC0000;
}
img.banner{
	display:block;
	width:1126px;
	height:474px;
	margin:0px auto;
 }
 
 #newsleft {
    width: 480px;
    height: 1000px;
    float: left;
    margin-top: 10px;
    background-color: #006699;
}

p.headtext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    margin-left: 30px;
    color: #FFE6CB;
	width:400px;
}

.my{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:430px;}
 
 #bodyleft{
	 display:block;
 	width:383px;
	height:500px;
	background-color:#FFFFFF;
	float:left;
	opacity:0.9;
 }
 p.head{
	 	font-family:"Myriad Pro";
		font-size:24px;
		font-weight:bold;
		color:#000;
		margin-left:20px;
		margin-top:25px;
 }
 img.sm{
	 margin-left:20px;
	 margin-top:-10px;
 }
 p.content{
	 width:317px;
	height:auto;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:20px;
 }
 #read{
	 position:absolute;
 	width:95px;
	height:24px;
	 margin-left:20px;
	 color:#FFFFFF;
	 font-size:12px;
	 font-family:Arial, Helvetica, sans-serif;
	background-color:#231F20;
 }
 p.t{
	
 	margin:4px 18px auto;
 }
 img.award{
	  margin-left:0px;
	  margin-top:0px;
 	float:left;
	
 }
 table.links{
 	float:left;margin-left:20px;width:134px;height:120px;font-family:Arial, Helvetica, sans-serif;font-size:12px; margin-top:0px;
 }
 img.contact{
 	margin-left:20px;
	margin-top:25px;
 }
 
 #footer{
	 display:none;
 	width:100%;
	height:89px;
	background-color:transparent;
 }
 #footerleft{
	 display:block;
	 	width:220px;
		height:63px;
		float:left;
 }
 img.slogan{
	 display:block;
 	width:300px;
	height:63px;
 }
 #footercenter{
	 display:block;
		 width:300px;
		height:63px;
		float:left;
 }
 #footerright{
	 display:block;
	 	width:234px;
		height:89px;
		float:left;
 }
 p.newshead{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	margin-top:-2px;
	color:#3C3C3C;
 }
 p.newscontent{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#58595B;
 }
 #divt{
	 display:block;
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#AFAFB0;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divt:hover{
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#991B1E;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divb{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divb:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
  p.s{
	
 	margin:13px 10px auto;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;
 }
  p.sa{
	  
	
 	margin:13px 20px auto;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:12px;
 }
 #divsocial{
	 display:block;
 	width:100%;
	height:50px;
	margin-top:25px;
 }
 img.i{
 	float:left;
 }
  img.i1{
 	float:left;
	margin-left:10px;
 }
 #copyright{
	 
 	width:250px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin-top:0px;
	margin-left:200px;
 }
 
#principalleft{
	width:480px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#BE1E2D;
	
}
#principalright{
	display:block;
	width:230px;
	height:475px;
	float:left;
	margin-left:14px;
	margin-top:10px;
	background-color:#FFFFFF;
}
img.photo{
	width:100px;
	height:122px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	margin-left:20px;
}
p.pcontent{
	
	width:450px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFE6CB;
	float:left;
	margin-top:-90px;
	margin-left:20px;
}

p.pty{
	
	width:320px;
	height:200px;
	font-size:18pt;
	margin-left:20px;
	margin-top:0px;
	font-family:Arial;
	color:#D57F6E;
	
	float:left;
}
img.rt{
	width:230px;
	height:239px;
}

#divn{width:600px;height:auto;}
#button
{
	float:right;
	width:200px;
	height:35px;
	background-color:#FF6600;
	margin-top:30px;
	margin-right:-12px;
	
}
#button1
{
	float:right;
	width:150px;
	height:80px;
	background-color:#000000;
	margin-top:350px;
	opacity:0.9;
	margin-right:-12px;
	
}
#alumni{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#FF6600;
	
}
}
/* Tablets */ 

@media (min-width: 768px) and (max-width: 959px) { 


	.my{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:630px;}
	#wrapper{
		
		width:100%;
		height:800px;
		margin:0px auto;
		margin-top:-8px;
		background-color:transparent;
	}
	#header{
		display:block;
		width:100% !important;
		height:190px;
		background-color:transparent;
	}
	#logo{
		display:block;
		width:250px;
		height:138px;
		float:left;
		margin-top:20px;
		margin-bottom:20px;
	}
	img.logo{
		width:100%;
		height:auto;
	}
	#menu{
		display:block;
		width:500px;
		height:35px;
		clear:both;
	}
	#banner{
		display:block;
		position:absolute;
		width:100%;
		height:455px;
		margin-top:200px;
		background:#B7BCBC url(../images/bg.jpg) no-repeat center center fixed;
		z-index:-99999999;
		margin-left:-8px;
	}
	#body{
		display:block;
		width:1024px;
		height:510px;
		background-color:transparent;
	}
	#nav,#nav ul {
     display:block;
    list-style: none outside none;
	
    

}

#nav {

   

   

    font-size: 13px;

    height: 40px;

 margin-top:90px;

  margin-left:0px;
    width: 800px;

}

#nav ul {

   

   height:auto;

   

  
	
 

    left: -9999px;

    overflow: hidden;

    position: absolute;

    top: -9999px;

    z-index: 2;

 

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

 

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

 

    -moz-transition: -moz-transform 0.1s linear;

    -ms-transition: -ms-transform 0.1s linear;

    -o-transition: -o-transform 0.1s linear;

    -webkit-transition: -webkit-transform 0.1s linear;

    transition: transform 0.1s linear;

}

#nav li {

   

    float: left;
	
    position: relative;

}

#nav li a {

    color: #FFFFFF;
    display: block;



   

    height:40px;
	
font-family:"Myriad Pro";
	
    padding: 20px 15px 0;

    position: relative;

    text-decoration: none;

   
}
#nav li:visited > a.hsubs {

    color: #999999;
	font-family:"Myriad Pro";
	
	
background:url(../images/nav.png) center no-repeat;

}
#nav li:hover > a.hsubs {

    color:#FF0000;
	font-family:"Myriad Pro";
	background-color:#DDD9C5;
	


}

#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {

    background:#999 repeat scroll 0 0;
	
    outline: 0 none;

}

#nav li:hover ul.subs {

    left: 0;

    top: 60px;
	height:auto;
	width:174px;

 background-color:#CCCCCC;
    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

#nav ul li {
	
   font-family:"Myriad Pro";
	font-size:14px;

	border-bottom:groove;
	border-bottom-color:#EFEFEF;
	
	margin-left:-40px;
    width: 250px;

}

#nav ul li a {
	color:#333333;
    float: none;

}
#nav ul li:hover > a {

   
	color:#333333;
    background:#EAEAEA;

}

#lavalamp {

   

    height: 16px;

    left: 13px;

    position: absolute;

    top: 0px;

    width: 100px;

 

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}

#lavalamp:hover {

    -moz-transition-duration: 3000s;

    -ms-transition-duration: 3000s;

    -o-transition-duration: 3000s;

    -webkit-transition-duration: 3000s;

    transition-duration: 3000s;

}
#nav li:nth-of-type(1):hover ~ #lavalamp {

    left: 13px;

}

#nav li:nth-of-type(2):hover ~ #lavalamp {

    left: 90px;

}

#nav li:nth-of-type(3):hover ~ #lavalamp {

    left: 170px;

}

#nav li:nth-of-type(4):hover ~ #lavalamp {

    left: 250px;

}

#nav li:nth-of-type(5):hover ~ #lavalamp {

    left: 330px;

}

#nav li:nth-of-type(6):hover ~ #lavalamp {

    left: 410px;

}

#nav li:nth-of-type(7):hover ~ #lavalamp {

    left: 490px;

}

#nav li:nth-of-type(8):hover ~ #lavalamp {

    left: 565px;
}


img.b{
		margin-top:-15px;
}
p.menu{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	word-spacing:12px;
	margin-left:250px;
	margin-top:-5px;
	color:#000;
}
img.banner{
	display:block;
	width:1126px;
	height:474px;
	margin:0px auto;
 }
 #bodyleft{
	 display:block;
 	width:383px;
	height:500px;
	background-color:#FFFFFF;
	float:left;
	opacity:0.9;
 }
 p.head{
	 	font-family:"Myriad Pro";
		font-size:24px;
		font-weight:bold;
		color:#000;
		margin-left:20px;
		margin-top:25px;
 }
 img.sm{
	 margin-left:20px;
	 margin-top:-10px;
 }
 p.content{
	 width:317px;
	height:auto;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:20px;
 }
 #read{
	 position:absolute;
 	width:95px;
	height:24px;
	 margin-left:20px;
	 color:#FFFFFF;
	 font-size:12px;
	 font-family:Arial, Helvetica, sans-serif;
	background-color:#231F20;
 }
 p.t{
	
 	margin:4px 18px auto;
 }
 img.award{
	  margin-left:0px;
	  margin-top:0px;
 	float:left;
	
 }
 table.links{
 	display:block;float:left;margin-left:20px;width:134px;height:200px;font-family:Arial, Helvetica, sans-serif;font-size:12px; margin-top:0px;
 }
 img.contact{
 	margin-left:20px;
	margin-top:25px;
 }
 
 #footer{
	 display:block;
 	width:100%;
	height:85px;
	background-color:transparent;
 }
 #footerleft{
	 display:block;
	 	width:300px;
		height:50px;
		float:left;
		margin-top:30px;
 }
  img.slogan{
	 display:block;
 	width:297px;
	height:52px;
	margin-top:20px;
	margin-left:30px;
 }
 #footercenter{
	 display:block;
		 width:327px;
		height:85px;
		float:left;
 }
 #footerright{
	 display:block;
	 	width:340px;
		height:20px;
		margin-top:40px;
		word-spacing:15px;
		margin-left:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		float:left;
 }
 p.newshead{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:lighter;
	margin-top:-2px;
	color:#3C3C3C;
 }
 p.newscontent{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58595B;
 }
 #divt{
	 display:block;
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#AFAFB0;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divt:hover{
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#991B1E;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divb{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divb:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
  p.s{
	
 	margin:13px 10px auto;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;
 }
  p.sa{
	  
	
 	margin:13px 20px auto;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:12px;
 }
 #divsocial{
	 display:block;
 	width:100%;
	height:50px;
	margin-top:50px;
 }
 img.i{
 	float:left;
 }
  img.i1{
 	float:left;
	margin-left:10px;
 }
 #copyright{
 	width:250px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin-top:10px;
	margin-left:770px;
 }
 .slicknav_menu {
	display:none;
}
font.mb:hover{
	color:#CC0000;
}
#principalleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#BE1E2D;
	
}
#principalright{
	display:block;
	width:250px;
	height:475px;
	float:left;
	margin-left:14px;
	margin-top:10px;
	background-color:#FFFFFF;
}
img.photo{
	width:100px;
	height:122px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	margin-left:20px;
}
p.pcontent{
	
	width:650px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFE6CB;
	float:left;
	margin-top:-90px;
	margin-left:20px;
}

p.pty{
	
	width:520px;
	height:200px;
	font-size:24pt;
	margin-left:20px;
	margin-top:0px;
	font-family:Arial;
	color:#D57F6E;
	
	float:left;
}
img.rt{
	width:372px;
	height:387px;
}
#divlink{
	width:180px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	margin-top:80px;
	
}
#divicon{
	width:50px;
	float:right;
	height:94px;
	
	margin-left:5px;
}
#divc{
	width:100px;
	height:150px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}

p.headtext{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:24px;
	margin-left:30px;
	color:#FFE6CB;
}
p.text{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:14px;
	margin-left:30px;
	margin-top:-15px;
	color:#FFFFFF;
}
#divface{
	width:600px;
	padding:30px;
	height:auto;
}
table.tabtext{
	width:300px;
	height:auto;
	margin-left:30px;
	margin-top:-15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
}
#acedemicleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#009999;
	
}
#currileft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#1C3664;
	
}
#divf{
	width:250px;
	height:193px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}

#divf1{
	width:600px;
	height:193px;
	float:left;
	
}



#divx{
	width:250px;
	height:400px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}
#divg{
	width:280px;
	height:auto !important;
	float:left;
	margin-left:27px;
	margin-top:27px;
}

#divg img{width:100%;}

#divgg{
	width:150px;
	height:150px;
	float:left;
	margin-left:27px;
	margin-top:27px;
}



#divg1{
	width:600px;
	height:250px;
	float:left;
	
}

#schoolleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#009866;
	
}
#photogallery{
	width:1035px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#CC2036;
	
}
#divp{
	width:196px;
	height:180px;
	float:left;
	margin-left:50px;
	margin-top:27px;
}
#newsleft{
	width:700px;
	height:1000px;
	float:left;
	margin-top:10px;
	background-color:#006699;
	
}

#divnews{
	width:196px;
	height:180;
	float:left;
	margin-left:27px;
	margin-top:27px;
}
#divn{width:600px;height:auto;background-color:transparent;padding:20px;}
#button
{
	float:right;
	width:200px;
	height:35px;
	background-color:#FF6600;
	margin-top:30px;
	margin-right:-12px;
	
}
#button1
{
	float:right;
	width:150px;
	height:80px;
	background-color:#000000;
	margin-top:350px;
	opacity:0.9;
	margin-right:-12px;
	
}
#alumni{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#FF6600;
	
}
	 }
 /* Desktop */
 @media (min-width: 960px) and (max-width: 1199px) {
body{
		overflow-x:hidden;
	}
	
	
	.my{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:630px;}
	
	#wrapper{
		
		width:1024px;
		height:800px;
		margin:0px auto;
		margin-top:-8px;
		background-color:transparent;
	}
	#header{
		display:block;
		width:1024px;
		height:190px;
		background-color:transparent;
	}
	#logo{
		display:block;
		width:250px;
		height:138px;
		float:left;
		margin-top:20px;
	}
	img.logo{
		width:100%;
		height:auto;
	}
	#menu{
		display:block;
		width:500px;
		height:35px;
		float:left;
	}
	#banner{
		display:block;
		position:absolute;
		width:100%;
		height:455px;
		margin-top:200px;
		background:#B7BCBC url(../images/bg.jpg) no-repeat center center fixed;
		z-index:-99999999;
		margin-left:-8px;
	}
	#body{
		display:block;
		width:1024px;
		height:510px;
		background-color:transparent;
	}
	#nav,#nav ul {
     display:block;
    list-style: none outside none;
	
    

}

#nav {

   

   

    font-size: 13px;

    height: 40px;

 margin-top:90px;

  margin-left:0px;
    width: 800px;

}

#nav ul {

   

   height:auto;

   

  
	
 

    left: -9999px;

    overflow: hidden;

    position: absolute;

    top: -9999px;

    z-index: 2;

 

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

 

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

 

    -moz-transition: -moz-transform 0.1s linear;

    -ms-transition: -ms-transform 0.1s linear;

    -o-transition: -o-transform 0.1s linear;

    -webkit-transition: -webkit-transform 0.1s linear;

    transition: transform 0.1s linear;

}

#nav li {

   

    float: left;
	
    position: relative;

}

#nav li a {

    color: #FFFFFF;
    display: block;



   

    height:40px;
	
font-family:"Myriad Pro";
	
    padding: 20px 15px 0;

    position: relative;

    text-decoration: none;

   
}
#nav li:visited > a.hsubs {

    color: #999999;
	font-family:"Myriad Pro";
	
	
background:url(../images/nav.png) center no-repeat;

}
#nav li:hover > a.hsubs {

    color:#FF0000;
	font-family:"Myriad Pro";
	background-color:#DDD9C5;
	


}

#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {

    background:#999 repeat scroll 0 0;
	
    outline: 0 none;

}

#nav li:hover ul.subs {

    left: 0;

    top: 60px;
	height:auto;
	width:174px;

 background-color:#CCCCCC;
    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

#nav ul li {
	
   font-family:"Myriad Pro";
	font-size:14px;

	border-bottom:groove;
	border-bottom-color:#EFEFEF;
	
	margin-left:-40px;
    width: 250px;

}

#nav ul li a {
	color:#333333;
    float: none;

}
#nav ul li:hover > a {

   
	color:#333333;
    background:#EAEAEA;

}

#lavalamp {

   

    height: 16px;

    left: 13px;

    position: absolute;

    top: 0px;

    width: 100px;

 

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}

#lavalamp:hover {

    -moz-transition-duration: 3000s;

    -ms-transition-duration: 3000s;

    -o-transition-duration: 3000s;

    -webkit-transition-duration: 3000s;

    transition-duration: 3000s;

}
#nav li:nth-of-type(1):hover ~ #lavalamp {

    left: 13px;

}

#nav li:nth-of-type(2):hover ~ #lavalamp {

    left: 90px;

}

#nav li:nth-of-type(3):hover ~ #lavalamp {

    left: 170px;

}

#nav li:nth-of-type(4):hover ~ #lavalamp {

    left: 250px;

}

#nav li:nth-of-type(5):hover ~ #lavalamp {

    left: 330px;

}

#nav li:nth-of-type(6):hover ~ #lavalamp {

    left: 410px;

}

#nav li:nth-of-type(7):hover ~ #lavalamp {

    left: 490px;

}

#nav li:nth-of-type(8):hover ~ #lavalamp {

    left: 565px;
}


img.b{
		margin-top:-15px;
}
p.menu{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	word-spacing:12px;
	margin-left:250px;
	margin-top:-5px;
	color:#000;
}
img.banner{
	display:block;
	width:1126px;
	height:474px;
	margin:0px auto;
 }
 #bodyleft{
	 display:block;
 	width:383px;
	height:800px;
	background-color:#FFFFFF;
	float:left;
	opacity:0.9;
 }
 p.head{
	 	font-family:"Myriad Pro";
		font-size:24px;
		font-weight:bold;
		color:#000;
		margin-left:20px;
		margin-top:25px;
 }
 img.sm{
	 margin-left:20px;
	 margin-top:-10px;
 }
 p.content{
	 width:317px;
	height:auto;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:20px;
 }
 #read{
	 position:absolute;
 	width:95px;
	height:24px;
	 margin-left:20px;
	 color:#FFFFFF;
	 font-size:12px;
	 font-family:Arial, Helvetica, sans-serif;
	background-color:#231F20;
 }
 p.t{
	
 	margin:4px 18px auto;
 }
 img.award{
	  margin-left:0px;
	  margin-top:0px;
 	float:left;
	
 }
 table.links{
 	display:block;float:left;margin-left:20px;width:134px;height:200px;font-family:Arial, Helvetica, sans-serif;font-size:12px; margin-top:0px;
 }
 img.contact{
 	margin-left:20px;
	margin-top:25px;
 }
 
 #footer{
	 display:block;
 	width:100%;
	height:85px;
	background-color:transparent;
 }
 #footerleft{
	 display:block;
	 	width:300px;
		height:50px;
		float:left;
		margin-top:30px;
 }
  img.slogan{
	 display:block;
 	width:297px;
	height:52px;
	margin-top:20px;
	margin-left:30px;
 }
 #footercenter{
	 display:block;
		 width:327px;
		height:85px;
		float:left;
 }
 #footerright{
	 display:block;
	 	width:340px;
		height:20px;
		margin-top:40px;
		word-spacing:15px;
		margin-left:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		float:left;
 }
 p.newshead{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:lighter;
	margin-top:-2px;
	color:#3C3C3C;
 }
 p.newscontent{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58595B;
 }
 #divt{
	 display:block;
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#AFAFB0;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divt:hover{
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#991B1E;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divb{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divb:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
  p.s{
	
 	margin:13px 10px auto;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;
 }
  p.sa{
	  
	
 	margin:13px 20px auto;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:12px;
 }
 #divsocial{
	 display:block;
 	width:100%;
	height:50px;
	margin-top:50px;
 }
 img.i{
 	float:left;
 }
  img.i1{
 	float:left;
	margin-left:10px;
 }
 #copyright{
 	width:250px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin-top:10px;
	margin-left:770px;
 }
 .slicknav_menu {
	display:none;
}
font.mb:hover{
	color:#CC0000;
}
#principalleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#BE1E2D;
	
}
#principalright{
	display:block;
	width:250px;
	height:475px;
	float:left;
	margin-left:14px;
	margin-top:10px;
	background-color:#FFFFFF;
}
img.photo{
	width:100px;
	height:122px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	margin-left:20px;
}
p.pcontent{
	
	width:650px;
	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFE6CB;
	float:left;
	margin-top:-90px;
	margin-left:20px;
}

p.pty{
	
	width:520px;
	height:200px;
	font-size:24pt;
	margin-left:20px;
	margin-top:0px;
	font-family:Arial;
	color:#D57F6E;
	
	float:left;
}
img.rt{
	width:372px;
	height:387px;
}
#divlink{
	width:250px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	margin-top:100px;
	
}
#divicon{
	width:50px;
	float:right;
	height:94px;
	margin-top:100px;
	margin-left:5px;
}
#divc{
	width:100px;
	height:150px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}

p.headtext{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:24px;
	margin-left:30px;
	color:#FFE6CB;
}
p.text{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:14px;
	margin-left:30px;
	margin-top:-15px;
	color:#FFFFFF;
}
#divface{
	width:600px;
	
	padding:30px;
	height:auto;
}
table.tabtext{
	width:300px;
	height:auto;
	margin-left:30px;
	margin-top:-15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
}
#acedemicleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#009999;
	
}
#currileft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#1C3664;
	
}
#divf{
	width:250px;
	height:193px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}
#divg{
	width:300px;
	height:300px;
	
	margin-left:50px;
	margin-top:27px;
}


#divgg{
	width:150px;
	height:150px;
	float:left;
	margin-left:27px;
	margin-top:27px;
}

#schoolleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#009866;
	
}
#photogallery{
	width:1035px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#CC2036;
	
}
#divp{
	width:196px;
	height:180px;
	float:left;
	margin-left:50px;
	margin-top:27px;
}
#newsleft{
	width:700px;
	height:1000px;
	float:left;
	margin-top:10px;
	background-color:#006699;
	
}
#divnews{
	width:650px;
	height:auto;
	float:left;
	margin-left:60px;
	margin-top:50px;
}
#divn{width:600px;height:auto;background-color:transparent;padding:20px;}
#button
{
	float:right;
	width:200px;
	height:35px;
	background-color:#FF6600;
	margin-top:30px;
	margin-right:-12px;
	
}
#button1
{
	float:right;
	width:150px;
	height:80px;
	background-color:#000000;
	margin-top:350px;
	opacity:0.9;
	margin-right:-12px;
	
}
#alumni{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#FF6600;
	
}
	 } 
/* Large Display */
 @media (min-width: 1200px) { 
 
 .my{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#fff;margin-left:-5px;width:630px;}
 
 	body{
		overflow-x:hidden;
	}
	#wrapper{
		
		width:1024px;
		height:800px;
		margin:0px auto;
		margin-top:-8px;
		background-color:transparent;
	}
	#header{
		display:block;
		width:1024px;
		height:190px;
		background-color:transparent;
	}
	#logo{
		display:block;
		width:250px;
		height:138px;
		float:left;
		margin-top:20px;
	}
	img.logo{
		width:100%;
		height:auto;
	}
	#menu{
		display:block;
		width:500px;
		height:35px;
		float:left;
	}
	#banner{
		display:block;
		position:absolute;
		width:100%;
		height:455px;
		margin-top:200px;
		background:#B7BCBC url(../images/bg.jpg) no-repeat center center fixed;
		z-index:-99999999;
		margin-left:-8px;
	}
	#body{
		display:block;
		width:1024px;
		height:510px;
		background-color:transparent;
	}
	#nav,#nav ul {
     display:block;
    list-style: none outside none;
	
    

}

#nav {

   

   

    font-size: 11px;

    height: 40px;

 margin-top:90px;

  margin-left:0px;
    width: 800px;

}

#nav ul {

   

   height:auto;

   

  
	
 

    left: -9999px;

    overflow: hidden;

    position: absolute;

    top: -9999px;

    z-index: 2;

 

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

 

    -moz-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

 

    -moz-transition: -moz-transform 0.1s linear;

    -ms-transition: -ms-transform 0.1s linear;

    -o-transition: -o-transform 0.1s linear;

    -webkit-transition: -webkit-transform 0.1s linear;

    transition: transform 0.1s linear;

}

#nav li {

   

    float: left;
	
    position: relative;

}

#nav li a {

    color: #FFFFFF;
    display: block;



   

    height:40px;
	
font-family:"Myriad Pro";
	
    padding: 20px 15px 0;

    position: relative;

    text-decoration: none;

   
}
#nav li:visited > a.hsubs {

    color: #999999;
	font-family:"Myriad Pro";
	
	
background:url(../images/nav.png) center no-repeat;

}
#nav li:hover > a.hsubs {

    color:#FF0000;
	font-family:"Myriad Pro";
	background-color:#DDD9C5;
	


}

#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {

    background:#999 repeat scroll 0 0;
	
    outline: 0 none;

}

#nav li:hover ul.subs {

    left: 0;

    top: 60px;
	height:auto;
	width:174px;

 background-color:#CCCCCC;
    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

#nav ul li {
	
   font-family:"Myriad Pro";
	font-size:14px;

	border-bottom:groove;
	border-bottom-color:#EFEFEF;
	
	margin-left:-40px;
    width: 250px;

}

#nav ul li a {
	color:#333333;
    float: none;

}
#nav ul li:hover > a {

   
	color:#333333;
    background:#EAEAEA;

}

#lavalamp {

   

    height: 16px;

    left: 13px;

    position: absolute;

    top: 0px;

    width: 100px;

 

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

}

#lavalamp:hover {

    -moz-transition-duration: 3000s;

    -ms-transition-duration: 3000s;

    -o-transition-duration: 3000s;

    -webkit-transition-duration: 3000s;

    transition-duration: 3000s;

}
#nav li:nth-of-type(1):hover ~ #lavalamp {

    left: 13px;

}

#nav li:nth-of-type(2):hover ~ #lavalamp {

    left: 90px;

}

#nav li:nth-of-type(3):hover ~ #lavalamp {

    left: 170px;

}

#nav li:nth-of-type(4):hover ~ #lavalamp {

    left: 250px;

}

#nav li:nth-of-type(5):hover ~ #lavalamp {

    left: 330px;

}

#nav li:nth-of-type(6):hover ~ #lavalamp {

    left: 410px;

}

#nav li:nth-of-type(7):hover ~ #lavalamp {

    left: 490px;

}

#nav li:nth-of-type(8):hover ~ #lavalamp {

    left: 565px;
}


img.b{
		margin-top:-15px;
}
p.menu{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	word-spacing:12px;
	margin-left:250px;
	margin-top:-5px;
	color:#000;
}
img.banner{
	display:block;
	width:1126px;
	height:474px;
	margin:0px auto;
 }
 #bodyleft{
	 display:block;
 	width:383px;
	height:500px;
	background-color:#FFFFFF;
	float:left;
	opacity:0.9;
 }
 p.head{
	 	font-family:"Myriad Pro";
		font-size:24px;
		font-weight:bold;
		color:#000;
		margin-left:20px;
		margin-top:25px;
 }
 img.sm{
	 margin-left:20px;
	 margin-top:-10px;
 }
 p.content{
	 width:317px;
	height:auto;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:20px;
 }
 #read{
	 position:absolute;
 	width:95px;
	height:24px;
	 margin-left:20px;
	 color:#FFFFFF;
	 font-size:12px;
	 font-family:Arial, Helvetica, sans-serif;
	background-color:#231F20;
 }
 p.t{
	
 	margin:4px 18px auto;
 }
 img.award{
	  margin-left:0px;
	  margin-top:0px;
 	float:left;
	
 }
 table.links{
 	display:block;float:left;margin-left:20px;width:134px;height:200px;font-family:Arial, Helvetica, sans-serif;font-size:12px; margin-top:0px;
 }
 img.contact{
 	margin-left:20px;
	margin-top:25px;
 }
 
 #footer{
	 display:block;
 	width:100%;
	height:85px;
	background-color:transparent;
 }
 #footerleft{
	 display:block;
	 	width:300px;
		height:50px;
		float:left;
		margin-top:30px;
 }
  img.slogan{
	 display:block;
 	width:297px;
	height:52px;
	margin-top:20px;
	margin-left:30px;
 }
 #footercenter{
	 display:block;
		 width:327px;
		height:85px;
		float:left;
 }
 #footerright{
	 display:block;
	 	width:340px;
		height:20px;
		margin-top:40px;
		word-spacing:15px;
		margin-left:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		float:left;
 }
 p.newshead{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:lighter;
	margin-top:-2px;
	color:#3C3C3C;
 }
 p.newscontent{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58595B;
 }
 #divt{
	 display:block;
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#AFAFB0;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divt:hover{
	 width:75px;
	 height:43px;
	 float:left;
	  margin-left:3px;
	 background-color:#991B1E;
	 -webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
 }
 #divb{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divb:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn{
	 display:block;
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#AFAFB0;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
 #divn:hover{
	  width:75px;
	 height:43px;
	 float:left;
	   margin-left:3px;
	  background-color:#991B1E;
	 
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
 }
  p.s{
	
 	margin:13px 10px auto;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;
 }
  p.sa{
	  
	
 	margin:13px 20px auto;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:12px;
 }
 #divsocial{
	 display:block;
 	width:100%;
	height:50px;
	margin-top:50px;
 }
 img.i{
 	float:left;
 }
  img.i1{
 	float:left;
	margin-left:10px;
 }
 #copyright{
 	width:250px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin-top:10px;
	margin-left:770px;
 }
 .slicknav_menu {
	display:none;
}
font.mb:hover{
	color:#CC0000;
}
#principalleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#BE1E2D;
	
}
#principalright{
	display:block;
	width:280px;
	height:475px;
	float:left;
	margin-left:14px;
	margin-top:10px;
	background-color:#FFFFFF;
}
img.photo{
	width:100px;
	height:122px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	margin-left:20px;
}
p.pcontent{
	
	width:650px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFE6CB;
	float:left;
	margin-top:-90px;
	margin-left:20px;
}

p.pty{
	
	width:520px;
	height:200px;
	font-size:24pt;
	margin-left:20px;
	margin-top:0px;
	font-family:Arial;
	color:#D57F6E;
	
	float:left;
}
img.rt{
	width:372px;
	height:387px;
}
#divlink{
	width:260px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	margin-top:100px;
	
}
#divicon{
	width:50px;
	float:right;
	height:94px;
	margin-top:100px;
	margin-left:5px;
}
#divc{
	width:100px;
	height:150px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}

p.headtext{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:24px;
	margin-left:30px;
	color:#FFE6CB;
}
p.text{
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:14px;
	margin-left:30px;
	margin-top:-15px;
	color:#FFFFFF;
}
#divface{
	width:600px;
	padding:30px;
	height:auto;
}
table.tabtext{
	width:300px;
	height:auto;
	margin-left:30px;
	margin-top:-15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
}
#acedemicleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#009999;
	
}
#currileft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#1C3664;
	
}
#divf{
	width:250px;
	height:193px;
	float:left;
	margin-left:60px;
	margin-top:50px;
}
#divg{
	width:300px;
	height:350px;
	float:left;
	margin-left:27px;
	margin-top:27px;
}

#divgg{
	width:100px;
	height:50px;
	float:left;
	margin-left:60px;
	margin-top:30px;
	
	
}

#schoolleft{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#009866;
	
}
#photogallery{
	width:1035px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#CC2036;
	
}
#divp{
	width:196px;
	height:180px;
	float:left;
	margin-left:50px;
	margin-top:27px;
}
#newsleft{
	width:700px;
	height:1000px;
	float:left;
	margin-top:10px;
	background-color:#006699;
	
}
#divnews{
	width:650px;
	height:auto;
	float:left;
	margin-left:60px;
	margin-top:50px;
	float:left;
}
#divn{width:600px;height:auto;background-color:transparent;padding:20px;}
#button
{
	float:right;
	width:150px;
	height:25px;
	background-color:#666666;
	margin-top:35px;
	margin-right:-12px;
	
}
#button1
{
	float:right;
	width:150px;
	height:80px;
	background-color:#000000;
	margin-top:350px;
	opacity:0.9;
	margin-right:-12px;
	
}
#alumni{
	width:700px;
	height:475px;
	float:left;
	margin-top:10px;
	background-color:#666666;
	
}
 }