* {
	margin: 0;
	padding: 0;
	outline: 0;
}
body, html {
	height: 100%;
}
body {
	font-size: 12px;
	line-height: 22px;
	font-family: arial, sans-serif;
	color: #828282;
	background: url(images/body.png) repeat 0 0;
	min-width: 980px;
}
/*font-family: 'Ubuntu', sans-serif;*/

a {
	color: #067aa7;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0;
}
.green {
	color: #8CB52B;
}
.web {
	color: #F28905;
}
a.view {
	background: url(images/bullet.png) no-repeat 0 10px;
	padding-left: 8px;
	font-size: 10px;
	float: right;
}
article, aside, details, footer, header, menu, nav, section {
	display: block;
}
html, body {
	height: 100%;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -286px;
}
#header {
	background: url(images/head_bg.png) repeat-x 0 0;
	height: 143px;
	position:relative;
}
header #search {
	position: absolute;
	top: 27px;
	right: 189px;
	width: 281px;
	z-index: 15;
	height: 76px;
}
#call {
	float: right;
	border-right: 1px solid #c8c8c8;
	padding-right: 15px;
	margin-top: 10px;
}
#call h3 {
	margin: 0;
	font-size: 22px;
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	margin-bottom: 5px;
}
#call h4 {
	color: #8CB52B;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	text-align: right;
	margin: 0;
}
.shell {
	width: 980px;
	margin: 0 auto;
}
.top-nav .shell {
	position: relative;
}
.top-nav {
	background-image:url(images/navbg1.png);
	height: 44px;
}
.top-nav ul {
	list-style: none;
	list-style-position: outside;
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 44px;
	font-weight: 700;
}
.top-nav ul li {
	float: left;
	padding: 0 0 0 0;
	border-right: 1px solid #74A003;
}
.top-nav ul li.active {
	border-right: 0;
}
.top-nav ul li a {
	color: #fff;
	float: left;
	padding: 0 34px;
	
}
.top-nav ul li span {
	float: left;
}
.top-nav ul li a:hover, .top-nav ul li.active a {
	color: #fff;
	text-decoration: none;
	background: #6A8E0D;
}
.top-nav ul li.active a {
	background: #4B6C05 url(images/active-nav-border.png) no-repeat right 0;
}
.top-nav ul li.active span {
	background: url(images/active-nav-border.png) no-repeat 0 0;
	padding-left: 2px;
}
.top-nav span.top-nav-shadow {
	background: url(images/top-nav-shadow.png) no-repeat 0 0;
	width: 959px;
	height: 7px;
	position: absolute;
	top: 59px;
	left: 486px;
	margin-left: -480px;
}
.top-nav a.nav-btn {
	display: none;
}
.header-cnt {
	width: 377px;
	padding-top: 10px;
}
.header-contact {
	display: block;
	float: right;
	width: auto;
	clear: right;
}
.header-cnt #logo {
	width: 377px;
	font-size: 0;
	line-height: 0;
}
.header-cnt #logo a {
	height: 111px;
	background: url(images/logo.png) no-repeat 0 0;
	text-indent: -4000px;
	display: block;
}
.shell {
	width: 980px;
	margin: 0 auto;
}
.slider {
	background: url(images/ban_bg.jpg) repeat-x 0 0;
	height: 336px;
}
/*-------------content */
#content {
	width:980px;
	margin:0 auto;
	background-color:#fff;
}
#main-content {
	width:600px;
	float: left;
	display: inline;
	padding:20px;
}
#main-content article {
	clear: both;
	font-size:14px;
	margin:10px 0px;
}
#main-content article .heading {
}
#main-content article h2 {
	font-size:22px;
	line-height:25px;
	text-transform:uppercase;
}
#main-content article .info {
}
#main-content article img {
	float:left;
	margin:10px;
	padding:5px;
	border:1px solid #999;
}
#main-content article p {
	margin-bottom:10px;
}
#main-content article .more {
	float:right;
	margin-bottom: 30px;
}
#sidebar {
	width:280px;
	float: left;
	display: inline;
	padding:20px;
}
#sidebar section {
	margin-bottom:20px;
}
#sidebar .heading {
	padding:5px;
	border-bottom:3px double #333333;
}
#sidebar .heading h2 {
	font-size:20px;
	color:#323232;
	font-weight:bold;
	display:inline;
	padding:0 10px;
}
#sidebar .content {
	padding:15px
}
#sidebar .contact { background-image:url(images/contat.jpg);
	margin:0px 0px 0px 15px;
	height:133px;
}
#sidebar .admission { background-image:url(images/admission.jpg);
	margin:0px 0px 0px 15px;
	height:104px;
}
#sidebar .rightad { background-image:url(images/rightad.png);
	margin:0px 0px 0px 15px;
	height:304px;
}
#sidebar .admissionad { background-image:url(images/admissionad.jpg);
	margin:0px 0px 0px 15px;
	height:304px;
}
#sidebar .content ul {
	font-size:14px;
	list-style-type:circle;
	margin-left:20px;
}
#sidebar .content ul li {
	border-bottom: 1px solid #E1E1E1;
	padding:5px;
}
#sidebar .content .post {
	margin-bottom: 20px;
}
#sidebar .content .post h4 {
	font-size:14px;
	font-weight:normal;
}
#sidebar .content .post img {
	float:left;
	padding:5px;
	border:1px solid #CCC;
	margin-right:10px;
}
#sidebar .content .post p {
	color:#A3A3A3;
	font-style:italic;
}
/*------------footer */ 

#footer {clear:both;
	background: url(images/footer-bottom.png) repeat 0 0;
	border-top: 4px solid #135e7d;
}
.footer-bottom { 
	background: url(images/footer-bottom.png) repeat 0 0;
	height: 38px;
	padding-top: 24px;
	padding: 24px 20px 0;
	
}
.footer-bottom .footer-nav {
	float: left;
	line-height: 11px;
}
.footer-bottom .footer-nav ul {
	list-style: none;
	list-style-position: outside;
}
.footer-bottom .footer-nav ul li {
	display: inline;
	font-size: 11px;
	color: #9e9e9e;
	border-left: 1px solid #63cadf;
	padding: 0 11px;
}
.footer-bottom .footer-nav ul li.first {
	padding-left: 0;
	border: 0;
}
.footer-bottom .footer-nav ul li a {
	color: #fff;
}
.footer-bottom .footer-nav ul li a:hover, .footer-bottom .footer-nav ul li.active a {
	color: #95c12e;
	text-decoration: underline;
}
.footer-bottom p.copy {
	float: right;
	line-height: 11px;
	font-size: 11px;
	color: #fff;
}
.footer-bottom p.copy span {
	padding: 0 11px;
}
.footer-bottom p.copy a {
	color: #fff;
	text-decoration: underline;
}
.footer-bottom p.copy a:hover {
	text-decoration: none;
}
.footer-bottom p.copy strong {
	font-weight: normal;
	
}

/* #Media Queries
================================================== */

/* ipad portrait */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
body {
 min-width: 768px;
}
.shell {
 max-width: 768px;
}
#header {
 background: url(images/head_bg.png) repeat-x 0 0;
 height: 127px;
}
.header-cnt #logo {
 width: 377px;
 font-size: 0;
 line-height: 0;
}
.header-cnt #logo a {
 height: 91px;
 background: url(images/logo-tablet.png) no-repeat 0 0;
 text-indent: -4000px;
 display: block;
}
.top-nav span.top-nav-shadow {
 display: none;
}
.top-nav ul {
 font-size: 14px;
}
.top-nav ul li a {
 color: #fff;
 float: left;
 padding: 0 24px;
 
}
.top-nav ul li.last a {
 padding-right: 34px;
}
 .slider {
 background: url(images/header-tablet.png) repeat-x 0 0;
height: 257px;
}
#content {
width:779px;
}
#sidebar {
width:279px;
}
#main-content {
width:400px;
}
 .footer-bottom {
height: 58px;
}
 .footer-cols {
padding-left: 40px;
}
 .footer-cols .col {
width: 150px;
}
 .footer-cols .col + .col {
padding-left: 28px;
}
 .footer-cols .col ul li {
font-size: 12px;
}
 .footer-bottom .footer-nav {
float: none;
display: block;
text-align: center;
padding-bottom: 18px;
}
 .footer-bottom p.copy {
float: none;
display: block;
text-align: center;
}
}
 @media only screen and ( max-width: 767px) {
body {
 min-width: 320px;
}
.shell {
 max-width: 100%;
}
.main {
 padding-top: 220px !important;
 margin-top: 0;
}
 #header {
 background: url(images/head_bg.png) repeat-x 0 0;
 height: 114px;
 width: 100%;
}
header #search {
top: 5px;
left: 5px;
}
.header-cnt #logo {
 width: 340px;
 font-size: 0;
 line-height: 0;
 margin-bottom: 10px;
}
.header-cnt #logo a {
 height: 97px;
 background: url(images/logo-@2x.png) no-repeat 0 0;
 text-indent: -4000px;
 display: block;
}
.top-nav {
background-image:url(images/navbg1.png);
 position: relative;
 z-index: 1001;
 height: 44px;
 margin: 7px;
 border: 1px solid #9ad0e2;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -o-border-radius: 5px;
}
.top-nav span.top-nav-shadow {
 display: none;
}
.top-nav ul {
 display: none;
 font-size: 14px;
 position: absolute;
 width: 100%;
 top: 46px;
 left: -1px;
 line-height: 24px;
 padding: 0 0px 0px 0px;
 background: #fcfcff;
 border: 1px solid #9ad0e2;
 border-top: 0;
 border-radius: 0 0 5px 5px;
 -moz-border-radius: 0 0 5px 5px;
 -webkit-border-radius: 0 0 5px 5px;
 -o-border-radius: 0 0 5px 5px;
}
.top-nav ul li.active a {
 display: block;
 float: none;
 background: none;
}
.top-nav ul li a {
	color: #2E3E05;
	float: left;
	padding: 0 34px;
	
}
.top-nav ul li.active span {
 display: block;
 float: none;
 background: none;
}
.top-nav ul li {
 display: block;
 float: none;
 padding: 15px 20px 15px 20px;
 background: url(images/tablet-section-shadow.png) no-repeat center top;
}
.top-nav ul li a {
 display: block;
 float: none;
 padding: 0 0 0 0;
}
.top-nav ul li span {
 float: none;
}
.top-nav ul li a:hover {
	color: #2E3E05;
 display: block;
 float: none;
 background: none;
}
.top-nav ul li.last a {
 float: none;
 display: block;
 padding-right: 0;
}
.top-nav ul li.last {
 padding-bottom: 10px
}
.top-nav a.nav-btn {
 width: 100%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 height: 48px;
 display: block;
 color: #fff;
 font-size: 14px;
 line-height: 48px;
 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
 font-family: 'Ubuntu', sans-serif;
 font-weight: 700;
 padding-left: 20px;
}
.top-nav a.nav-btn:hover {
 text-decoration: none;
}
.top-nav a.nav-btn span {
 background: url(images/nav-arr@2x.png) no-repeat center 20px;
 width: 40px;
 height: 48px;
 display: block;
 position: absolute;
 top: 0px;
 right: 0;
 z-index: 2000;
}
.top-nav a.nav-btn span.active {
 background: url(images/nav-arr-active.png) no-repeat center 20px;
}
.top-nav ul li.first {
 display: none;
}
.slider {
 background: url(images/header-@2x.png) repeat-x 0 0;
height: 218px;
width: 100%;
}
#content {
width:320px;
}
#sidebar {
width:300px;
}
#sidebar .contact { background-image:url(images/contat.jpg);
	margin:0px 0px 0px 28px;
	height:133px;
}
#sidebar .admission { background-image:url(images/admission.jpg);
	margin:0px 0px 0px 28px;
	height:104px;
}
#main-content {
width:260px;
}
 #footer h2 {
padding-bottom: 12px;
}
 .footer-cols {
padding-left: 10px;
padding-right: 0;
padding-bottom: 0;
}
 .footer-cols .col {
width: 150px;
float: none;
display: block;
padding-bottom: 22px;
}
 .footer-cols .col + .col {
padding-left: 0px;
}
 .footer-cols .col ul li {
font-size: 12px;
}
 .footer-bottom {
height: 58px;
}
 .footer-bottom {
padding: 10px 9px 20px;
height: 100%;
}
 .footer-bottom .footer-nav {
float: none;
display: block;
text-align: center;
padding: 0 0px 18px;
}
 .footer-bottom .footer-nav ul li {
padding: 0 4px;
border: 0;
font-size: 10px !important;
}
 .footer-bottom p.copy {
float: none;
display: block;
text-align: center;
}
 .footer-bottom p.copy strong {
display: block;
padding-top: 10px;
}
 .footer-bottom p.copy span {
display: none;
}
