@charset "utf-8";
/* CSS Document */

body {margin: 0px; padding: 0; background: url(images/img01.html) repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; line-height:1.5em;}
h4{margin:0 auto; padding:0;  font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#0355ab; /*border-bottom:1px solid #CCCCCC;*/}
h2{display:block; margin:0 0 0px 0; padding:15px 0 0px 100px; height:25px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:20px; font-weight:bold; color:#4b3501; background:url(images/msg.png) no-repeat;}
p{margin:0 auto; padding:0;}
a{color:#0355ab; text-decoration:underline; font-style:italic;}
a:hover{color:#54b0bd; text-decoration:none;}
/* Header */
#header-wrapper {margin: 0px; padding: 0px;}
#header {width: 990px; height: 135px; margin: 0 auto; }

#top{float:right; margin:0 auto; padding:0; width:250px; height:130px;}

#top-links{float:right; margin:40px 0 0 0; padding:4px 0 2px 0; width:110px; height:18px; /*background:url(images/icon_bg.png) no-repeat;*/}
#header ul.top{margin:0 auto; padding:0; width:237px; height:18px; padding:0 0 0 15px; list-style:none;}
#header ul.top li{float:left; display:block;}
#header ul.top li.hover{padding:0 0 0 0px; font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;
margin:0 21px 0 0; text-transform:uppercase; float:left; display:block; background-color:inherit;}
#header ul.top li a.about{padding:0 0 0 0px; font:bold 10px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; 
color:#000; text-transform:uppercase; text-decoration:none; display:block; margin:0 15px 0 0; background-color:inherit;}
#header ul.top li a.about:hover{}
#header ul.top li a.contact{padding:0 0 0 0px; font:bold 10px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000; text-transform:uppercase; text-decoration:none; display:block; margin:0 15px 0 0; background-color:inherit;}
#header ul.top li a.contact:hover{background:url(images/contact_icon_hover.gif) 0 3px no-repeat;}

/*Logo*/
#logo{margin:0px 0 0 0; padding:10px 0 0 0; float:left; width:160px; height:121px;}
#logo h1{margin:0 auto; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; font-weight:bold; color:#ab6203;}
.acn{float:left; width:519px; height:50px; padding:70px 0 0 60px;}

/* Search */
#search {float: right; width: 250px; height:55px; padding:10px 0 0 0; line-height:2.2em; text-align:right;}
#search form {float: right; margin: 0; padding: 24px 30px 0 0;}
#search fieldset {margin: 0; padding: 0; border: none;}
#search input {float: left; font: 12px Georgia, "Times New Roman", Times, serif; border: none;}
#search-text {width: 200px; height: 18px; padding: 3px 0 0 5px; border: 1px solid #333333; background: #ECF9E4; color: #000000;}
#search-submit {height: 21px; margin-left: 10px; padding: 0px 5px; background: #6E831C; color: #FFFFFF;}

/* Menu */
#navigation-wrapper{margin: 0px; padding: 0px; background:url(images/menu.png) repeat-x; border-top:4px solid #c3e8ec;}
#navigation {margin: 0 auto; width: 990px; height: 33px; padding:0 0 0 0;}
ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0;}
ul.menu a {display:block; color:#211a0a; text-decoration:none; font:14px bold Georgia, "Times New Roman", Times, serif; letter-spacing:0.1em; text-transform:none; font-style:normal;}
ul.menu li {position:relative; float:left; background:url(images/nav.png) right top no-repeat; padding:0 2px 0 0;}
ul.menu ul {position:absolute; top:33px; left:0; background:#211a0a; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #523201; border-top:none; width:220px; margin:0;}
ul.menu ul li a {font-weight:bold; letter-spacing:0.1em; display:block; padding:4px 20px 4px; background-color:#1a1d1d; color:#ffc750;}
ul.menu ul li a:hover {background-color:#f0a716; color:#211a0a; background-image:none;}
ul.menu ul ul {left:0px; top:0px}
ul.menu .menulink {padding:8px 30px 7px; font-weight:bold; background:url(images/header.html);}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/nav-hover.png) repeat-x; color:#e0f3ff;}
ul.menu .sub {background:#1a1d1d url(images/arrow.html) 80px 8px no-repeat;}
ul.menu .topline {/*border-top:1px solid #aaa;*/}
ul.menu li.end {background-image:none;}
ul.menu li.current_page_item a{background:url(images/nav-hover.png) repeat-x; color: #ffffff;}
ul.menu ul.dd li.ddl a{background-image:none;}

/*body_area*/
#banner-wrap{margin:0 auto; padding:0; background:url(images/banner.jpg) repeat-x;}
#banner{margin:0 auto; padding:0; width:990px; height:257px;}

#body_area{float:none; margin:0 auto; padding:0px; width:990px; }
.body_area {margin:0 auto; float:left; width:670px; padding: 0px 0px 0px 0px;}

#main-content{float:left; margin:0 auto; padding:20px 0; width:670px;}
#body-content{margin:0 auto; padding:0; width:670px;}
h3{margin:0 0 5px 0; padding:0 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#0355ab; border-bottom:1px solid #d6d6d6;}
#innerbody_area{width:990px; margin:0 auto; padding:0px; float:none;}
.body_banner_area {margin:20px 0 0 0; padding: 0px; float: left; height:150px; width: 570px;}

#testimonials{float:left; margin:20px 0 0 0px; padding:0 0 0 0; width:400px; height:200px;}
.testimonials{float:left;}
#testimonials h6{margin:30px 0 0 0; padding:0;  font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#0355ab; /*border-bottom:1px solid #CCCCCC;*/}
#principals-msg{float:left; margin:20px 0 0 0; padding:0 0 0 0; width:320px;}
#directors-msg{float:left; margin:20px 0 0 30px; padding:0 0 0 0; width:320px;}
.principal{margin:0px 0 10px 0px; padding:5px 19px 5px 19px; border:1px solid #CCCCCC; border-top:none; background:#e6e6e6;}
.director{float:left; margin:0px 10px 10px 0px; padding:10px; border:1px solid #CCCCCC;}
#videos{float:left; margin:15px 0 0 0; padding:0 0 0 10px; width:270px; height:200px;}
#gallery{float:left; margin:20px 0 0 20px; padding:0 0 0 0; width:250px; height:200px;}

.left {margin:10px 0 0 15px; float:left; width:295px; padding:10px 0px 20px 5px; border-left:1px dashed #CCCCCC;}
#news{margin:0px auto 0 auto; padding:5px 0 0 0; width:280px; height:170px; background:#211a0a;}
#marqueecontainer{position: relative; width: 245px; /*marquee width */ height:110px; /*marquee height */ background:#211a0a; overflow: hidden; /*border: 3px solid orange;*/
padding:0 0 0 17px;}
#marqueecontainer p{color:#ffffff;}
#marqueecontainer a{color:#ffe08e;}
h5{margin:0 auto; padding:10px 0 0 10px;  font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#0355ab; /*border-bottom:1px solid #CCCCCC;*/}
.news{margin:5px 0 0 4px; padding:5px; border:1px solid #CCCCCC; background:#FFF;}
.n{margin:0 auto; padding:8px 0 0 0; width:260px; height:27px; background:url(images/news.png) no-repeat; font-size:24px; color:#211a0a; text-align:center;}
.events-img{margin:5px 0 5px 0; padding:5px; border:1px solid #cccccc;}

.affiliation-certificate{float:left; margin:15px 0 0 20px; padding:12px 0 0 30px; height:28px; width:220px; text-align:left; background:url(images/affiliation-certificate-button.png) no-repeat;}
.affiliation-certificate a{width:290px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#a90000; text-decoration:none; font-style:normal; letter-spacing:.1em;}

/*Left Links*/
#left-links{float:left; margin:27px 0 0 0; padding:0; width:190px; height:220px;}
#left-links ul{margin:10px 0 0 0; padding:0; list-style:none;}
#left-links li{margin:0 0 10px 0; padding:0;}
#left-links a{margin:0 auto; padding:0 20px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#618c89; text-decoration:none; background:url(images/bullet-normal.gif) 0 4px no-repeat #fff;}
#left-links a:hover{background:url(images/bullet-hover.gif) 0 4px no-repeat;}

.gray_strip {margin:10px 0 0 9px; padding:10px 0px 0px 9px; float:left; height:400px; width:190px; border-left:1px dashed #CCCCCC;}
#event-links{width:180px; height:200px;}
#event-links ul{margin:0 auto; padding:0; list-style:disc; list-style-position:inside;}
#event-links li{margin:0 auto; padding:0;}
#event-links a{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333; text-decoration:none;}
#event-links a:hover{color:#09F; text-decoration:none;}
.events{margin:10px 0 0 0;}
#event-links .events a{color:#06F; text-decoration:underline;}

#footer-wrapper {margin: 0px; padding: 0px; background:#CCCCCC;}
#footer{margin:0 auto; padding:0px; width:990px; height:30px;}
#footer p{margin:0 auto; padding:8px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333;}
#footer p.flc{float:left;}
#footer p.frc{float:right;}
#footer p.frc a{text-decoration:none; font-style:normal;} #footer p.frc a:hover{text-decoration:none; font-style:normal; color:#0355ab;}

/*--------Director's Message--------------------------------------*/
.inner-pages-content{margin:15px 0 0 0;}
.director{background:#e6e6e6;}

/*--------Director's Message--------------------------------------*/
.gallery{margin:0 auto; padding:0; width:650px; height:488px;}