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

/* General Styles */

* {margin:0; padding:0; list-style-type:none;}

@font-face {
	font-family:"Ebrima";
	  src:url(assets/ebrima.ttf);
}

a:link {color:#444; text-decoration:none; font-weight:600; font-size:10px;}
a:hover {color:#666; text-decoration:underline; font-weight:600; font-size:10px;}
a:visited {color:#555; text-decoration:none; font-weight:600; font-size:10px;}
a:active {color:#999; text-decoration:underline; font-weight:600; font-size:10px;}

h1, h3, p, li {font-family:"Ebrima"; color:#222;}
li {font-weight:500; font-size:17px;}
h1, h3, h4 {text-align:center; margin:2px;}
h1 {font-size:32px; margin-top:8px;}
h3 {font-size:20px;}
h3.body_h3 {margin-top:0px; margin-bottom:5px;}
h4 {font-size:18px; margin-top:10px; margin-bottom:5px;}
p {padding:10px; text-indent:40px; font-size:17px; text-align:justify; text-align-last:left;}

h2 {text-align:center; margin:12px; font-size:60px; font-family:"Ebrima"; font-weight:100; vertical-align:central;}

body {background-color:#aaa;}

div {background-image:url(assets/wrap_bg.png);}

/* Banner & Nav*/

div#banner { width:100%; height:100px; position:fixed; top:0; left:0; z-index:99; }

div#nav_bar { width:100%; height:35px; position:fixed; top:100px; left:0; z-index:99; border-bottom:1px solid #000;}

	ul#nav {width:950px; height:35px; margin:0 auto; background-color:#; text-align:center; padding-top:;}
	
	li.nav_item, li.nav_item_l {width:150px; height:35px; float:left; position:relative; margin-right:10px; padding-top:; overflow:hidden;}
	li.nav_item_l {margin-right:0;}
	li.nav_item:hover, li.nav_item_l:hover {background-color:#fff;}
	
	li.nav_item a, li.nav_item_l a, li.item a {display:block; padding-top:35px;}
	
	ul.drop_down {width:150px; height:140px; position:absolute; top:35px; padding-top:; left:0; display:none; overflow:hidden;}
		li#education:hover  ul.drop_down {display:block;}
	
		li.item {width:140px; height:35px; padding-top:; padding-left:5px; padding-right:5px; float:left; background-color:#fff;}
		
	li#home, li#story, li#education, li#services, li#events, li#contact {background-image:url(assets/wrap_bg.png);}
	li#education {padding-top:4px; height:31px; overflow:visible;}
		
/* Main Site */

div#wrapper { width:950px; height:1%; overflow:hidden; padding-left:10px; padding-right:10px; padding-top:10px; position:relative; background-image:; margin:0 auto; margin-top:136px; z-index:1; }

div#content { width:950px; height:900px; margin-bottom:5px; margin-right:10px; background-image:none; float:left; }

div#feature { width:950px; height:100px; margin-bottom:10px; background-color:#; float:left; }

div#c1 { width:700px; height:730px; background-color:#; float:left; margin-right:10px;}
div#c1 #img {margin:10px; float:left; width:680px; height:200px; text-align:center; vertical-align:central;}
div#c1 p {text-indent:0; vertical-align:text-top; line-height:20px;}

div#c2 { width:240px; height:720px; background-color:#; float:left; padding-top:10px; }
div#c2 p {text-indent:0; padding-top:0; padding-left:30px; text-align:left; font-size:17px;}
div#c2 span {text-decoration:underline; text-align:left; font-size:17px; font-weight:500; padding-left:10px; font-family:"Ebrima";}

div#footer { width:950px; height:45px; background-color:#; position:absolute; left:10px; bottom:10px;  }