/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 21, 2016, 10:49:24 PM
    Author     : jena
*/
@import url(../../../css);

*{margin: 0; padding: 0;}

a{text-decoration: none; color: #2f7e31;}
a:hover{color: #e97b20;}
p{color: #888888; font-family: 'Ubuntu', sans-serif; font-size: 13px; font-weight: 300;
  text-align: justify;
  text-indent: 50px;}
body{margin:0 auto; padding: 0; font-family: 'Ubuntu', sans-serif; font-size: 13px; font-weight: 400; }
.container{max-width:1250px; height: 100% ;  margin: 0 auto; }
.row{padding-left: 5px; padding-right: 5px;}


#page-wrapper{
    box-shadow: -0px 2px 5px rgba(0, 0, 0, .5);
    margin: 0 auto;
    width: 1250px;
    display: table; 
    padding-bottom: 5px;
    padding-top: 10px;

}

img{max-width: 100%; margin: 0 auto;}

#map{margin-top: 5px;}

#header-accesbility{background-color:#2c8102; height: 30px; }
.logo{width: 60%; float: left;}


#header-middle{ background-color: #318c00; height: 79px; padding: 10px 0px; background: #318c00 url('../img/header-bg.png') no-repeat left; max-width:100%;
                background-size: 100%;}
#services{ background-color: #44ac0f; height: 218px; padding: 10px 0px; background: #318c00 url('../img/services.png') no-repeat  left; max-width:100%; background-size: 100%;}
ul.accessbility{
    /*    background-color: #f8f8f7;*/
    margin: 0;
    padding: 5px;
    float: right;
}

ul.accessbility li a {
    font-family:'Trebuchet MS';
    text-decoration: none;
    color: #fff;
    font-size: 12px;
}
ul.accessbility  li{
    border-right:1px solid #fff;
    margin-right: 3px;
    list-style: none;
    display: inline;
    padding-right:  5px;
}
ul.accessbility li a:hover{
    text-decoration:none;
    color:#00cccc;
}
#theme-style .theme4 {
    background: #FFF;
    color: #000;
    font-weight: bold;
    border: 1px solid #000;
    padding: 0 4px;
    font-size: 10px;
    margin-right: 5px;
}
#theme-style .theme1 {
    background: #000;
    color: #fdeb44;
    font-weight: bold;
    border: 1px solid #fdeb44;
    padding: 0 4px;
    font-size: 10px;
}
#theme-style .theme2 {
    background: #000;
    color: #FF33FF;
    font-weight: bold;
    border: 1px solid #FF33FF;
    padding: 0 4px;
    font-size: 10px;
}
#theme-style .theme3 {
    background: #1529B6;
    color: #fff;
    font-weight: bold;
    border: 1px solid #fff;
    padding: 0 4px;
    font-size: 10px;
}
.accessbility ul .last {
    border: none;
    padding-right: 0;
}
#theme-style .theme1 {background:#000;color:#fdeb44;font-weight:bold;border:1px solid #fdeb44;padding:0 4px;font-size:10px;}
#theme-style .theme1:hover {background:#fdeb44;color:#000;font-weight:bold;border:1px solid #000;padding:0 4px;	font-size:10px;}
#theme-style .theme2 {background:#000;color:#FF33FF;font-weight:bold;border:1px solid #FF33FF;	padding:0 4px;	font-size:10px;}
#theme-style .theme2:hover {background:#FF33FF;color:#000;font-weight:bold;border:1px solid #000;padding:0 4px;	font-size:10px;}
#theme-style .theme3 {background:#1529B6;color:#fff;font-weight:bold;border:1px solid #fff;padding:0 4px;font-size:10px;}
#theme-style .theme3:hover {background:#fff;color:#0000ff;font-weight:bold;	border:1px solid #1529B6;padding:0 4px;font-size:10px;}
#theme-style .theme4{background:#FFF;color:#000;font-weight:bold;border:1px solid #000;padding:0 4px;font-size:10px;margin-right:5px;}
#theme-style .theme4:hover {background:#000;color:#FFF;font-weight:bold;border:1px solid #FFF;padding:0 4px;font-size:10px;}
ul.accessbility .last-ch{ border:0px ; color: #43e7b7; font-weight: bold; font-size: 12px;}
#fon-size .small{ font-size:10px;}
#fon-size .medium{ font-size:12px;}
#fon-size .large{ font-size:14px;}
#theme-style a{padding:0px 4px; margin:0 2px; font-size:10px; font-weight:bold;}
#theme-style .theme1 {border:1px solid #000;     color:#20C56A;     background:#FFF;}	
#theme-style .theme2 { color: #e952e4; background:#000; }
#theme-style .theme3 {color:#f4e643;background:#000;}
#theme-style .theme4 {background:#1529b6;color:#f4e643;}

#blue-bar{height:22px; background-color: #2f7e31;}
.clear-pixel{margin: 0; padding: 0; line-height: 0; clear: both;}

/*navbar-start*/
#nav-container, #nav-bar{background-color: #d9aa2b; max-width: 100%; }
#nav-container{    width: 1035px;
                   margin: 0 auto;
} 
#nav-bar ul{margin: 0; padding: 0;}
#nav-bar ul li{list-style: none; display: inline; text-align: left; position: relative;  }
#nav-bar ul li a{text-decoration: none;padding: 12px 13px; line-height: 3;color: #333;font-weight: 400;font-size: 15px; text-transform: capitalize; border-radius: 4px; background-color: #e4e4e2;  border: solid 1px #d1d2d3;}
#nav-bar ul li a:hover{color:#919191;  border-radius: 2px; background-color: #3e9a0f; color: #faa304;}
.active{background-color: #2f7e31;} 
/*navbar-end*/

/*sub-menu*/
 #nav-bar ul li ul{display:none;}
#nav-bar ul li:hover ul{display:block; position: absolute; top: 30px; z-index: 5; left: 0;}
#nav-bar ul li ul li{display: block;  width: 100%; text-align: center;}
#nav-bar ul ul > li> a{border-radius: 0; border-bottom: solid 1px #4b8f4c;}
#nav-bar ul ul > li> a:hover{background-color: #3e9a0f; color: #faa304;}

#side-left{width:24%; float: left;  margin-left: 5px;
           margin-right: 5px;  margin-bottom: 5px;
           padding: 0;}
#side-right {
    max-width: 31.5%;
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
}

.panel, .panel-heading, .panel-body, .otherlinks, .otherlinks-body{max-width: 100%; display: table;}
.panel{width: 31.111%; height:200px; border: solid 1px #eaeaea; overflow: hidden; padding: 5px; margin: 5px; float: left; }
.panel-heading, .otherlinks-heading {
    line-height: 2;
    max-width: 100%;
}
.osem{
    float: left;
    padding: 2px;
    padding-top: 60px;
    width: 32.999%;
}
.imp-block{ width:100%; background: url("../img/block-link-bg.png")repeat-x left;   height: 266px;}
.block-links{ width: 32.999%; height: 266px; float: left;}

.block-links-first,.block-links-middle{background: url("../img/block-link-separator.png") no-repeat top right; background-position: 93% 10px;}
.block-links-header{width:100% }
.block-links-header h3{font-family: 'Ubuntu', sans-serif; font-size: 28px; font-weight: 400; line-height: 3; color: #ca7e07;}
.block-links ul{list-style: none;}
.block-links ul li a{color: #000;}


.panel-heading h4, .otherlinks-heading h4 {
    margin: 0; padding: 0; line-height: 1.5em;

    color: #333;
    text-align: left;
    padding-left: 5px;
    font-family: 'Ubuntu', sans-serif; font-size: 28px;
    font-weight: 400;
}
.panel-heading h4 > span, .otherlinks-heading h4 > span{color: #e97b20;}






.otherlinks{max-width: 100%; height:361px; border: solid 1px #eaeaea; overflow: hidden;   margin-bottom: 5px; margin-top: 5px; padding: 0;}



#the-university, #the-university-heading, #the-university-body{max-width: 100%; }
#the-university{max-width: 100%; height:318px; border: solid 1px #eaeaea;overflow: hidden; margin-bottom: 5px; margin-top: 5px; padding: 0 12px 0 12px;}
#the-university-heading{
    border-bottom: solid 3px #fc7700;
    line-height: 2;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 800;
    max-width: 100%;
}

#the-university-heading h4 {
    margin: 0;padding: 0;line-height: 2.5em;
    border-bottom: solid 1px #999;
    color: #2f7e31;
    text-align: left;
}
#the-university-heading h4 > span{color: #e97b20;}
#the-university-body p{text-align: justify;  font-size: 14px; word-spacing: 0.5em; padding-top: 5px;}
#the-university span{word-spacing: 0; font-style: italic; font-size: 15px;}
#the-university span a{color: #cc750d;}


ul#news, ul#circular, ul#studentcorner, ul#otherlinks{margin: 0;  padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;}
ul#news li, ul#circular li, ul#studentcorner li, ul#otherlinks li{list-style: none; margin: 0;line-height: 1.2em; padding-bottom: 5px; text-align: justify;}

ul#news li a:hover, ul#circular li a:hover, ul#studentcorner li a:hover, ul#otherlinks li a:hover{color: #3e7ebb;}





#banner{width: 100%;float: left; margin-bottom: 5px; margin-top: 5px;}
#news-headline{width: 67.7%; float: left; }


#image-gallery, #our-achievement, #video-gallery {width: 31.2%;float: left;border: solid 1px #e9e9e9; margin-left: 5px; margin-right: 5px;}
.imagegallery-header, .imagegallery-body{background-color: #a2b630; margin: 2px; }
.our-achievement-header, .our-achievement-body{background-color: #e5b726; margin: 2px; }
.video-gallery-header, .video-gallery-body{background-color: #d54719; margin: 2px; }
.imagegallery-body, .our-achievement-body, .video-gallery-body {padding: 10px;}
.our-achievement-header{background-color: #e5b726;}
.video-gallery-header{background-color: #d54719;}
.imagegallery-header, .our-achievement-header, .video-gallery-header{margin: 2px;}

#gov-link{margin: 0 auto; padding: 0; display: block; text-align: center; height: auto; padding-bottom: 10px; padding-top: 10px;}
#gov-link ul{margin: 0; padding: 0; }
#gov-link ul li{    list-style: none;    display: inline; padding: 13px; }
#gov-link ul li a{margin: 0; padding: 0; }
#gov-link ul li img{margin: 0; padding: 0; }


#footer{margin: 0 auto;  height:302px; max-width: 100%;background-color: #dcdcd8;  padding-top: 15px; }
.footer-bg{background-color: #2f7e31;}
#location-map, #quick-link, #useful-links, #contact-us{
    float: left;
    width: 22%;
    height: auto;
    padding-right: 15px;
    padding-left: 15px;}
#map iframe{width: 100%;}
#quick-link ul, #useful-links ul {margin: 0; padding: 0;}
#quick-link ul li, #useful-links ul li {margin: 0; padding: 3px; list-style: none;}
#quick-link ul li a, #useful-links ul li a {margin: 0; padding: 0; text-decoration: none; color: #333; font-family: 'Ubuntu', sans-serif; font-size: 14px; }
#quick-link ul li a:hover, #useful-links ul li a:hover { color: #9f9f9f; }

#location-map h3, #quick-link h3, #useful-links h3, #contact-us h3{color: #ff770b; font-weight: bold; font-size: 24px; font-family: 'Roboto', sans-serif; border-bottom:solid 3px #ff9a16; }
#contact-us p{color: #332a2a; font-size: 11px; font-weight: 700; text-align: left;}


.social-bottom {
    margin-top: 25px;
    padding-bottom: 20px;
    padding-right: 3px;
    float: left !important;
}
.social-bottom ul {
    margin: 0;
    padding: 0;
}
.social-bottom li {
    list-style: none;
    display: inline-block;

}
.social-bottom a {
    background-color: #108ae4;
    font-size: 18px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #bbb;
    border-radius: 20px;
    box-shadow: -0px 2px 5px rgba(0, 0, 0, .5);
}
.social-bottom a:hover {
    background-color: #e9ad02;
    color: #fff;
}
#disclaimer{background-color: #318c00;  width: 100%;}
.disclaimer-container{margin: 0 auto; padding: 0; text-align: center; width: 1250px;}
.disclaimer-container p{margin: 0; padding: 10px; font-size: 12px; color: #E0D3D3; text-align: left; text-indent: 0;}

#search-box{float: left; max-width: 29%; margin-top: 32px; margin-left: 93px;}
.btn {position: relative;}
.btn-warning {color: #fff;background-color: #f0ad4e;border-color: #eea236;}
.form-control{padding: 7px 12px; float: left;}

.search-btn {padding:6px 12px;  border: 1px solid transparent; margin-left: -31px; border-radius: 2px; display: inline-block; color: #fff; background-color: #2f7e31; border-color: #2f7e31; }
#gov-logo{max-width: 100%;float: right;}

#flash-news { padding: 10px 0; margin:0; border: solid 1px #bbb; border-radius: 4px; width: 100%; height: 28px; float: left;}
#flash-image{border-right: 1px solid rgb(221, 221, 221); width: 111px;   padding-left: 10px; float: left; margin-right: 10px; }
.admin-panel{max-width: 32%; margin: 7px; float: left;}
.thamnel{float: left; padding: 5px;}
.spech{padding: 10px;
       float: right;
       width: 65%;}
.admin-panel h4{margin: 0;
                padding: 0;
                line-height: 2.5em;
                border-bottom: solid 1px #999;
                color: #e97b20;
                text-align: left; font-size: 21px; font-weight: 900; text-align: center;}
.admin-panel h4  > span {
    color: #4b8f4c;
}

.academic{background-color: #fbfbfb; border-radius: 4px;  border: solid 1px #ddd; width: 30.0%; height: 200px; float: left; margin: 5px;}
.academic-header{border-bottom: solid 2px #e1b54c; text-align: center; padding: 4px;}
.academic-body{margin: 10px;}

.academic ul { list-style: none;}
.academic ul li {text-align: left; padding: 2px; background: url('../img/list-arrow.png') left center no-repeat; }
.academic ul li a{ padding-left: 10px; padding-left: 16px;}




#side-banner{
    -webkit-box-shadow: 3px 3px 5px 6px #ccc; 
    -moz-box-shadow:    3px 3px 5px 6px #ccc;  
    box-shadow:         3px 3px 5px 6px #ccc;


    float: left;  padding: 2px; border-radius: 4px; margin-top: 5px; width: 50%; overflow: hidden; height: 328px; }

#governing-body{float: right;
                width: 23.555%;
                padding-left: 5px;}
.read-more{
    padding: 5px;
    border: solid 1px #ccc;
    width: 77px;
    color: #ff770b;
    margin-top: 10px;
}
.read-more a{color: #ff770b;}
.color-green{color: #064903;}
.page-header{line-height: 4em;
             padding-left: 10px;
             border-bottom: 1px solid rgb(153, 153, 153);}
.page-header span{color: #565050;}
.theme-color-1{


    color: #318c00;
    font-family: 'Ubuntu', sans-serif;
    font-size: 25px;
    font-weight: 400;

}


.about-us p{
    line-height: 1.5em;
    word-spacing: .2em;
    font-size: 15px;
    text-align: justify;
    padding-left: 15px;
    padding-right: 15px;   }

.table{
    table-layout: auto;
    border-collapse: collapse;
    width: 100%;
    border: solid 1px #ddd;
}
.table th{border: solid 1px #ddd;
          font-size: 15px;
          font-weight: 300;}

.table td{padding: 5px; border: solid 1px #ddd;}

.th-header{background-color: #eaeaea; color: #363535;}
.tr-color{background-color: #eaeaea;}
.h-width{width: 20%;}

/*banner-css*/
.heros{
    float: left;
    width: 638px;
    height: 334px;
    display: block;
    position: relative;
    margin:0 auto;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc; 
    -moz-box-shadow:    3px 3px 5px 6px #ccc;  
    box-shadow:         3px 3px 5px 6px #ccc;
}
#slider{
    width: 638px;
    height: 334px;
    margin: 0 auto;
    display: block;
    position: absolute;
    overflow: hidden;
}
.item {
    width: 638px;
    height: 334px;
    margin: 0 auto;
    display: block;
    position: relative;

}
.img-captiopn{
    
    position: relative;
    top: auto;
    width: 637px;
    height: 50px;
    z-index: 99;
    bottom: 70px;
    opacity: .9;
}
.img-captiopn h5{color: #35b914; font-size: 14px; padding: 2px;}
.img-captiopn p{font-size:12px;
                color: #fff;
                word-spacing: 0.5px;
                overflow: hidden;
                text-align: left;
                text-indent: 0;
                padding: 2px;
}

.img-captiopn a{text-decoration: none; color: #00ffff;}
.img-captiopn a:hover{ color: #f90000;}