/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,700,600);
@import url(http://fonts.googleapis.com/css?family=Oxygen);

/* Other CSS */

@import url(reset.css);
@import url(nivo-slider.css);
@import url(superfish.css);



/* Defaults  */


.body {font-family:Oxygen, sans-serif;background:#ffffff; height:100%}
.height50 {height:50px;}
.height100 {height:100px;}
.height150 {height:150px;}
.height200 {height:200px;}
.height250 {height:250px;}
.height300 {height:300px;}
.height350 {height:350px;}
.height400 {height:400px;}
.height450 {height:450px;}
.height500 {height:500px;}
.height550 {height:550px;}
.height600 {height:600px;}
.height650 {height:650px;}
.height700 {height:700px;}
.height750 {height:750px;}
.height800 {height:800px;}
.height850 {height:850px;}
.height900 {height:900px;}
.height950 {height:950px;}
.height1k {height:1000px;}
.height11k {height:1100px;}
.height12k {height:1200px;}
.height13k {height:1300px;}
.height14k {height:1400px;}
.height15k {height:1500px;}
.height16k {height:1600px;}
.height17k {height:1700px;}
.height18k {height:1800px;}
.height19k {height:1900px;}
.height2k {height:2000px;}
.heightauto{min-height:650px; height:auto !important; height: 650px }
.width50 {width:50px;}
.width100 {width:100px;}
.width150 {width:150px;}
.width200 {width:200px;}
.width250 {width:250px;}
.width300 {width:300px;}
.width350 {width:350px;}
.width400 {width:400px;}
.width450 {width:450px;}
.width500 {width:500px;}
.width550 {width:550px;}
.width600 {width:600px;}
.width650 {width:650px;}
.width700 {width:700px;}
.width800 {width:800px;}
.width950 {width:950px;}
.first-letter{font-size:2.50em;}
.first-word{font-size:1.50em; }
.two-word{font-size:1.20em;}
.small-text0{font-size:90%}
.small-text{font-size:85%}
.small-text1{font-size:70%}
.small-text2{font-size:95%}
.small-text3{font-size:60%}
.small-text4{font-size:50%}
.w300{font-weight:300;}
.w700{font-weight:700;}
.w900{font-weight:900;}
.color1{color:#444444;}
.color2{color:#2e3543;}
.color3{color:#666666;}
.color4{color:#999999;}
.color5{color:#FF0000;}
.color6{color:#f79546;}
.bg-color-blue{background:#00aeef;}
.bg-color-white{background:#ffffff;}
.bg-color-gray{background-color: #ffeacf;}
.und a:hover{text-decoration:underline}
.indent{margin-left:5px;}
.pointer{cursor:pointer}

.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.justify{text-align:justify;}
.floatleft{float:left;}
.floatright{float:right;}
.clearfix{padding-bottom:5px }
.left-pad {padding-left:10px}
.right-pad {padding-right:10px}
.top-pad{padding-top:10px}
.left-pad15{padding-left:15px}
.left-pad20{padding-left:20px}
.right-pad20{padding-right:20px}
.right-pad30{padding-right:30px}
.right-pad45{padding-right:45px}
.top-pad20{padding-top:20px}
.bot-pad{padding-bottom:5px}
.bot-pad10{padding-bottom:10px}
.top-pad10{padding-top:10px}
.top-mgn {margin-top:5px;}
.top-mgn10 {margin-top:10px;}
.top-mgn15 {margin-top:15px;}
.left-mgn {margin-left:15px;}
.right-mgn {margin-right:15px;}
.right-mgn20 {margin-right:20px;}
.right-mgn25 {margin-right:25px;}
.right-mgn30 {margin-right:30px;}
.right-mgn35 {margin-right:35px;}
.right-mgn40 {margin-right:40px;}
.right-mgn60 {margin-right:60px;}
.right-mgn90 {margin-right:90px;}
.left-mgn90 {margin-left:90px;}
.bot-mgn {margin-bottom:15px;}
.bot-mgn10 {margin-bottom:10px;}
.bot-mgn20 {margin-bottom:20px;}
.image-pad-left{padding: 0px 15px 10px 0px}
.image-pad-right{padding: 0px 0px 20px 20px}
.extra {margin:5px;}
.extrapad {padding:2px 0px;}
.block {display:block}
.dual-tabs{display:inline-block}
.relative{position:relative;width:100%;}
.abs{position:absolute};
.rels{position:relative;}
.bot-margin{margin-bottom:15px;}
.bordered {border: 3px solid #ccc; padding:5px;}
.bordered1 {border: 1px solid #ccc; padding:5px;}
.bordered2 {border: 1px solid #ccc;margin-bottom:10px;}
.extra-margin{margin:0px 5px 5px 0px;}
.margin-centered{margin:auto;}
.readmore-button{display:block;}
.bigger0{font-size:120%}
.bigger01{font-size:125%}
.bigger{font-size:150%}
.bigger1{font-size:175%}
.bigger2{font-size:200%}
.bigger3{font-size:300%}
.bigger4{font-size:400%}
.thinner{font-weight:400;}
.italic{font-style:italic;}
.divider{border-bottom: 1px solid #2A6EBC; padding-bottom:10px;}
.divider1{border:1px solid #b0afae;}
.divider2{border-right: 1px solid #ffffff}
.divider4{border-bottom:1px dotted #c1c1c1;margin-left:20px;margin-right:20px}
.divider3{border-bottom: 1px dotted #2A6EBC;margin-bottom:10px;margin-left:15px;margin-right:20px}
.divider5{border-bottom: 3px dotted #cccccc;; padding-bottom:2px;margin-bottom:10px;}
.divider6{border-right: 1px dotted #cccccc;; padding-right:11px;margin-right:11px;}
.divider7{border-bottom: 1px dotted #cccccc;; padding-bottom:5px;margin-bottom:5px;}
.divider8{border-bottom:1px dotted #c1c1c1}



.allcaps{text-transform:uppercase;}
.lh1{line-height:100%}
.lh2{line-height:150%}
.lh3{line-height:200%}
.und{text-decoration:underline}
.specs{background:url(../images/specs.png) left center no-repeat; height:23px; padding-left:28px;;}
.dview{background:url(../images/3dview.png) left center  no-repeat; height:23px; padding: 0px 0px  0px 28px; margin-left:18px;}
.pdf{background:url(../images/pdf.png)  left center no-repeat; line-height:16px; padding: 0px 0px  0px 20px; }

/* Top Panel */
#bgcolor-1{
background-color:#F4F4F4	
}

#top{
width:946px;
position:relative;
top:0px;
height:194px;
margin:auto;
background-color: #F4F4F4
}

.logo{
margin:10px 10px;
display:inline-block;
position:relative;
width:200px; 
height:182px;
}

.logo-name{
margin:50px 0px 50px 40px;
display:inline-block;
position:relative;
width:610px; 
height:100px;
}

/* Top Menu Panel */

/* Link Coloring */

#home #homenav,
#about #aboutnav, #inspiration #aboutnav, #philosophy #aboutnav, #logo #aboutnav,
#soe-coe #campusnav, #soe-ete #campusnav, #soe-cie #campusnav, #soe-met #campusnav, #soe-fe #campusnav, 
#soeat #campusnav, #soeat-faculty #campusnav, #soeat-timetable #campusnav, #soeat-studentscorner #campusnav, #soeat-curricullum #campusnav, #soeat-events #campusnav, 
#som #campusnav, #som-faculty #campusnav, #som-timetable #campusnav, #som-studentscorner #campusnav, #som-curricullum #campusnav, #som-events #campusnav, 
#somca #campusnav, #somca-faculty #campusnav, #somca-timetable #campusnav, #somca-studentscorner #campusnav, #somca-curricullum #campusnav, #somca-events #campusnav, 
#soa #campusnav, #soa-faculty #campusnav, #soa-timetable #campusnav, #soa-studentscorner #campusnav, #soa-curricullum #campusnav, #soa-events #campusnav, 
#facilities #facilitiesnav,
#soepg #pgnav, #soeatpg #pgnav, #sompg #pgnav, #somcapg #pgnav,
#admissions #admissionsnav,
#contact #contactnav
{
color:#000000;
background:	#ffffff;
}

#home #homenav-footer, 
#about #aboutnav-footer, 
#facilities #facnav-footer, 
#admissions #admnav-footer,
#contact #contnav-footer,

#soe-coe #soenav-footer, 
#soe-ete #soenav-footer, 
#soe-cie #soenav-footer, 
#soe-met #soenav-footer, 
#soe-fe #soenav-footer, 

#soeat #soeatnav-footer, 
#soeat-faculty #soeatnav-footer, 
#soeat-timetable #soeatnav-footer, 
#soeat-studentscorner #soeatnav-footer, 
#soeat-curricullum #soeatnav-footer, 
#soeat-events #soeatnav-footer, 

#som #somnav-footer,
#som-faculty #somnav-footer, 
#som-timetable #somnav-footer, 
#som-studentscorner #somnav-footer, 
#som-curricullum #somnav-footer, 
#som-events #somnav-footer, 

#somca #somcanav-footer, 
#somca-faculty #somcanav-footer, 
#somca-timetable #somcanav-footer, 
#somca-studentscorner #somcanav-footer, 
#somca-curricullum #somcanav-footer, 
#somca-events #somcanav-footer, 

#soepg #soepgnav, 
#soeatpg #soeatpgnav, 
#sompg #sompgnav, 
#somcapg #somcapgnav,

#soepg #soepgnav-footer,
#soeatpg #soepgnav-footer,
#sompg #soepgnav-footer,
#somcapg #soepgnav-footer,
#contact #contnav-footer
{
color:#2A6EBC;
}

#about #left-about, #inspiration #left-inspiration, #philosophy #left-philosophy, #logo #left-logo , #mfc #left-mfc {
color:#0068c3;
}

#soe-coe #left-coe, #soe-ete #left-ete, #soe-cie #left-cie, #soe-met #left-met, #soe-fe #left-fe {
color:#0068c3;
}

#soeat #left-intro, #soeat-faculty #left-faculty, #soeat-timetable #left-timetable, #soeat-studentscorner #left-studentscorner, #soeat-curricullum #left-curricullum, #soeat-events #left-events {
color:#0068c3;
}

#som #left-intro, #som-faculty #left-faculty, #som-timetable #left-timetable, #som-studentscorner #left-studentscorner, #som-curricullum #left-curricullum, #som-events #left-events {
color:#0068c3;
}

#somca #left-intro, #somca-faculty #left-faculty, #somca-timetable #left-timetable, #somca-studentscorner #left-studentscorner, #somca-curricullum #left-curricullum, #somca-events #left-events {
color:#0068c3;
}

#soa #left-intro, #soa-faculty #left-faculty, #soa-timetable #left-timetable, #soa-studentscorner #left-studentscorner, #soa-curricullum #left-curricullum, #soa-events #left-events {
color:#0068c3;
}
/* End */

.menu-panel{
position:relative;
width:100%;
display:block;
border-top:1px solid #e9cb52;
border-bottom:1px solid #e9cb52;
background:url(../images/menu-bg.png);
height:35px;
}

.banner-area{
width:946px;
/* height:347px; */
display:block;
margin:10px auto;
position:relative;
}

#slider {
    position:relative;
    width:946px; /* Change this to your images width */
    height:300px; 
    z-index:0;
    background:url(../images/loading.gif) no-repeat center;
    margin:2px auto;

}

#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    width:946px;
    height:auto; 
    
}
#slider a {
    border:0;
    display:block;
}

/* Contents */
#contents{
width:946px;
min-height:200px;
position:relative;
display:block;
margin:10px auto;
}

h2, h3, h4, h6{font-family:'Open Sans', san-serif;}

h2 {font-size:1.50em; line-height:150%; margin:0px 10px 5px 0px;color:#d3222a;text-align:left;font-weight:500;}
h3 {font-size:1.10em; line-height:150%; margin:0px 10px 5px 0px;color:#2a6ebc;text-align:left;font-weight:500;text-transform:uppercase;}
h4 {font-size:0.90em; line-height:110%; margin:0px 10px 5px 0px;color:#8f772d;text-align:left;font-weight:600}
h6 {font-size:0.80em; line-height:110%; margin:0px 10px 5px 0px;color:#666666;text-align:left;font-weight:500}

p{font-size:0.83em; line-height:150%; margin:0px 20px 15px 0px;color:#333333;}
p a{color:#2a6ebc;}
p a:hover{color:#666666;}

.list1 li{
display:block;
line-height:150%;
text-align:left;
background:url(../images/checkbox.png) left 2px no-repeat;
padding-left:20px;
margin-left:10px;
margin-bottom:10px;
font-size:0.75em;
color:#333333;
}

/* p:first-letter{font-size:1.85em} */

.xls{background:url(../images/excel-icon.png) left center no-repeat;line-height:20px; padding-left:30px; display:block;}
.pdf{background:url(../images/pdf-icon.png) left center no-repeat;line-height:20px; padding-left:30px; display:block;}
.events{display:block;min-height:180px; }


.panel1{
	width: 610px;
	min-height: 200px;
	position: relative;
	display: block;
	float: left;
	margin-bottom: 10px;
	text-align: justify;
}

.panel2{
width:336px;
min-height:200px;
position:relative;
display:block;
float:left;
margin-bottom:10px;
}

.panel3{
width:946px;
min-height:200px;
position:relative;
display:block;
float:left;
margin-bottom:10px;
}

.panel4{
width:250px;
min-height:200px;
position:relative;
display:block;
float:left;
margin-bottom:10px;
}

.panel5{
width:694px;
min-height:200px;
position:relative;
display:block;
float:left;
margin-bottom:10px;
border:1px solid #b0afae;
}
.tbdata{
width:400px;
display:inline-block;
float:left;
margin-left:20px;
font-size:0.80em;
color:#333333;
}

.tbdata1{
width:200px;
float:Center;
display:inline-block;
font-size:0.80em;
color:#333333;

}

.panel6{
width:293px;
min-height:100px;
position:relative;
display:inline-block;
margin-bottom:10px;
margin-right:12px;
font-size:0.75em;
line-height:150%;
color:#333333;
text-align:justify;
}


.announcement{
width:593px;
height:230px;
position:relative;
display:inline-block;
background:#2a6ebc;
}

.announcement img{
float:right;
}

.announcement span{
float:left;
display:block;
font-size:1.30em;
color:#ffffff;
font-family:'Oxygen', san-serif;
position:relative;
margin:70px 10px;
width:183px;
line-height:120%;
}

.school-lists li{
font-size:1.00em;
line-height:150%;
color:#d3222a;
text-align:left;
font-family:'Open Sans', san-serif;
text-transform:uppercase;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dotted #777777;
}



.view-more{
position:relative;
display:block;
padding:5px;
color:#ffffff;
font-size:0.80em;
text-align:right;
text-transform:none;
}

.view-more a{
padding:5px;
color:#ffffff;
background:#a0b12e;
text-decoration:none;
}

.home-list{
margin:10px 0px;
}

.home-list .li01{
position:relative;
float:left;
display:block;
width:270px;
min-height:100px;
}

.home-list .li02{
position:relative;
float:left;
width:340px;
min-height:250px;

}

.newlist li{
display:block;
font-size:0.75em;
text-align:left;
color:#333333;
margin-bottom:10px;
padding-bottom:10px;
min-height:50px;
line-height:120%;
}


.infra-list{
background:url(../images/bullet-blue.png) left center no-repeat;
padding-left:15px;
display:inline-block;
line-height:200%;
width:145px;
color:#333333;
font-size:0.75em;
}


.gallery-cast{
border: 2px solid #666666;
width:266px;
height:73px;
margin-bottom:10px;
}

.gallery-cast>span{
background:url(../images/gallery-text-bg.png) left center repeat-x;
width:256px;
line-height:20px;
height:20px;
overflow:hidden;
font-size:0.75em;
color:#ffffff;
text-align:left;
padding:0px 5px;
position:absolute;
z-index:10;
margin-top:53px;
display:block;
}


#map_canvas {
postion:relative;
width:440px;
height:205px;
padding:5px;
display:block;
border:1px dashed #cccccc;
margin-bottom:15px;
}

/* Left Panels */
.left-panel{
width:230px;
position:relaitve;
display:block;
font-size:0.75em;
text-align:left;
color:#666666;
}

.left-panel a{
display:block;
color:#666666;
line-height:20px;
text-decoration:none;
}

.left-panel a:hover{
display:block;
color:#8f772d;
text-decoration:none;
}

.submenu{
font-size:98%;
margin-left:10px;
display:none;
line-height:20px;
}


/* Left Panels 1*/
.left-panel1{
width:230px;
position:relaitve;
display:block;
font-size:0.75em;
text-align:left;
color:#666666;
}

.left-panel1 a{
display:block;
color:#666666;
line-height:40px;
text-decoration:none;
}

.left-panel1 a:hover{
display:block;
color:#8f772d;
text-decoration:none;
}

.submenu1{
font-size:98%;
margin-left:10px;
display:none;
line-height:20px;
}



/* Footer Panels */

#footer{
width:100%;
height:200px;
position:relative;
display:block;
bootom:0%;
margin-top:10px;
float:left;
border-top: 1px solid #e9cb52;
}

.footer-links{
width:946px;
height:170px;
margin:10px auto;
position:relative;
display:block;
}

.footer-links .li1{
width:349px;
height:170px;
display:block;
float:left;
}

.footer-links .li2{
width:214px;
height:170px;
display:block;
float:left;
}

.footer-links .li3{
width:320px;
height:170px;
display:block;
float:left;
}

.footer-links span{
display:block;
min-width:125px;
text-align:left;
float:left;
font-size:0.75em;
color:#666666;
margin-bottom:5px;
}

.footer-links span a{
color:#666666;
text-decoration:none;

}

.footer-links span a:hover{
color:#2a6ebc;
text-decoration:none;
}

.facebook{
width:24px;
height:24px;
display:block;
float:left;
background:url(../images/facebook.png) center no-repeat;
}

.twitter{
width:24px;
height:24px;
display:block;
float:left;
background:url(../images/twitter.png) center no-repeat;
}

.facebook:hover{
background:url(../images/facebook-hover.png) center no-repeat;
}

.twitter:hover{
background:url(../images/twitter-hover.png) center no-repeat;
}

.footer-end{
width:100%;
height:30px;
position:relative;
display:block;
float:left;
border-top: 1px solid #e9cb52;
}

.footer-text{
width:946px;
line-height:29px;
position:relative;
display:block;
margin:0px auto;
font-size:0.70em;
color:#666666;
text-align:left;
}

.corna
{
font-size:0.75em;
line-height:150%;
margin:0px 20px 15px 0px;
min-width:400px;
color:#333333;
}

/* The >_<  End */