@charset "UTF-8";

html {font-size: 62.5%;}
body {text-align: center; font: normal 1.2em/1.4 Arial, Helvetica, sans-serif; color: #000000;background: url("images/bg.gif") repeat;}
#wrapper {text-align: left; margin: 0 auto; width: 984px;}
#wrapper1 {text-align: left; margin: 0 auto; width: 984px;background: url("images/header.gif") no-repeat left top; height:142px;}
#header {text-align: left; margin: 0 auto; width: 100%;height:130px;}
#h_left { float:left; width:70%; height:130px;}
#h_left img {border:0;}
#h_right { float:left; width:30%; height:130px;}
#sub_header {text-align: left; margin: 0 auto; width: 100%;background: url("images/head_tag.gif") no-repeat left top;height:27px; padding-left:30px;padding-top:10px; font-size:14px; clear:both;}
#main {width: 100%; background: url("images/main.gif") no-repeat left top; height:181px;}
#main p{margin:0; padding:0; padding-left:25px; padding-right:150px; padding-top:20px; text-align:justify; line-height:25px; font-size:14px; color:#000066;}
#sub1 {width:60%; float:left;}
#sub2 {width:40%; float:left; margin-top:5px;}
#sub2 img {border:0;}

#sub {width: 98%; background-color:#FCFD9D; border-left:#4D7E1D 4px solid;border-bottom:#4D7E1D 4px solid;border-right:#4D7E1D 4px solid; margin-right:5px; margin-left:6px; float:left;}
#sub h2{width: 70%; color:#FF0000; margin-left:10px;}
#sub h3{width: 70%; color:#006600; margin-left:10px; font-size:14px;}

#sub p{margin:0; padding:0; padding:25px; text-align:justify; line-height:25px; font-size:13px; color:#000066;}
#sub ul {width:90%; text-align:justify; color:#000066; font-size:12px; line-height:30px;}
#tools {}
#tools ul {list-style: none; float: right;padding-right: 20px;}
#tools li {line-height: 1em; font-size: .9em; background: none; padding: 0; margin: 0 0 0 10px; padding-right: 10px; float: left; border-right: 1px solid #7C9ABF;}
#tools .hdr_last {border: none; padding-right: 0;}

#search {margin-top: 50px; clear: both; float: right;}
.searchBox {background: url("images/search_left.gif") no-repeat left top; padding: 0 0 0 25px; height: 25px; margin: 0; display: block; float: left;}
.searchBox span {background: url("images/search_right.gif") no-repeat right top; height: 25px; width: 124px; display: block;}
.searchBox input {width: 114px; background: none; border: none; font-size: .9em; color: #666666;}
.searchButton {margin-left: 5px; float: left; padding-left: 5px; background: url("images/searchBtn-left.gif") no-repeat left top;}
.searchButton input {background: url("images/searchBtn-right.gif") no-repeat right top #002F64; height: 19px; padding: 0 5px 0 0; margin: 0; border: none; color: #FFFFFF; font-size: .9em; font-weight: bold;}


#featured {margin-top: 10px; position: relative;}
#featured .onehalf-header {position: absolute; background-position: left 10px; left: 0; height: 40px; width: 984px; background-color: #FFFFFF; border-bottom: 1px solid #D0D4BB;}
#featured .rowHalf {position: absolute; left: 0; height: 80px; padding: 0; width: 984px; background: url("images/bg_2Cols.gif") no-repeat left bottom;}
#featured dl {height: auto !important; height: 111px; min-height: 111px; margin: 0 8px 0 0; position: relative; float: left; width: 320px; background: url("images/bg_featured.gif") no-repeat left top #FFFFFF;}
#featured dt {color: #042E6A; text-transform: uppercase; font-weight: bold; margin-left: 135px; padding: 15px 10px 0 0; text-align:right;}
#featured dd {padding: 0 10px 0 0; margin-left: 125px; text-align:right;}
#featured .featured-img {position: absolute; top: 10px; left: 5px; margin: 0;}
#featured .btn {position: relative; margin-left: 15px; margin-top: 50px;}

.pedagogy {text-align:center; color:#0066CC; margin:10px; font-size:12px;}
.p1 {background: url("images/p1.jpg") no-repeat left;}


.content {float:left;width:100%;background: url("images/sub.gif") no-repeat left top;height:200px;}
.col1 {width:33.3%; float:left;}
.col1 h2 {padding-left:20px;color:#000066; font-size:14px;}
.col1 ul {list-style: none; margin: 0; padding: 0; margin-left:1px; margin-top:15px;}	
.col1 ul li {background: url("images/bullet.gif") no-repeat left .5em; padding-left: 15px; margin:10px; color:#0066CC;}
.col1 li a {text-decoration: none;color:#0066CC;}
.col1 li a:hover {text-decoration: underline;}
.col1 li.more {background: none; font-weight: bold; line-height: 2.5em;}

.rowHalf {float:left;background: url("images/bg_2Cols.gif") no-repeat left bottom; margin-top: 10px; }
.onehalf {position: relative; float: left; width: 492px;}
.onehalf h3 {padding: 5px 0 0 20px;  margin:5px; color:#666666;}
.onehalf img{ border:0;}

.onehalf-header {float:left;background: url("images/bg_2ColsHeader.gif") no-repeat left top;}
.onehalf ul {list-style: none; margin: 0; padding: 0; margin-left:1px;}	
.onehalf ul li {background: url("images/bullet.gif") no-repeat left .5em; padding-left: 15px; margin:10px; color:#0066CC;}
.onehalf li a {text-decoration: none;color:#0066CC;}
.onehalf li a:hover {text-decoration: underline;}
.onehalf li.more {background: none; font-weight: bold; line-height: 2.5em;}

.position {float:left; width:33.3%; background-color:#FFFFCC;}
.position ul {list-style:none;}
.position ul li { line-height:20px;}

#rating {width:100%; text-align:center; padding-top:10px; color:#666633; font-weight:bold;}
#footer {float:left; padding-bottom: 25px; margin-top: 30px; clear: both; border-top: 1px solid #D0D4BB;}
#footer ul {list-style: none; margin: 0; padding: 0; margin-left:1px; margin-top:15px;}	
#footer li {line-height: 1em; font-size: .9em; background: none; padding: 0; margin: 15px 10px 0 0; padding-left: 10px; float: left; border-left: 1px solid #7C9ABF;}
#footer .ftr_first {border: none; padding-left: 0;}
#footer a {text-decoration: underline;}
#footer a:hover {text-decoration: none;}
#footer dl {font-size: .8em; margin: 20px 0 0; paddding: 0;}
#footer dt {clear:both;font-weight: bold;}
#footer dd {margin: 0;}

#first {float:left;background: url("upload/admissions.jpg") no-repeat left top; width:40%; height:300px;}
#first ul {margin-top:120px; list-style:none;}
#first ul li{margin-top:15px;}
#first ul li a:link{text-decoration:none;}

#second {float:left; width:60%; height:300px;}