/*
Theme Name: NAUTH
Theme URI: http://www.virtualelementsng.com
Description: A clean and minimal theme that is completely compatible with WordPress 3.0
Author: Oluwatobi Osagbemi
Author URI: tosagbemi@virtualelementsng.com
Version: 1.0
*/

@import url(font/SansSerifBookFLF/stylesheet.css);
@import url(font/SansSerifFLF-Demibold/stylesheet.css);
@import url(font/SansSerifBldFLF/stylesheet.css);
@import url(font/Source_Sans_Pro_ExtraLight/stylesheet.css);
@import url(normal.css);
@import url(font/Open_Sans/stylesheet.css);

*{
    padding: 0;
    margin: 0;
}
ul, ol, li{
    margin: 0px;
    padding: 0px;
    
}
/* Reset
------------------------------------------------------------ */
html{
    overflow-y: scroll;
}
body { 
    padding: 0px;
    margin: 0px;
    font-family: "SansSerifBookFLF";  
    color: #333333;
    color: rgb(51, 51, 51);
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    font-weight: normal;
    line-height: 1.6em;
    background-color: #EFEFEF;
    background-color: #F9F9F9;
}


/* Template Structuring 
---------------------------------------------------------------------------- */
.header-holder{
    display: block;
    position: relative;
    width: 100%;
    min-width: 980px;
}
.footer-holder{
    margin-top: 5%;
    position: relative;
    display: block;
    width: 100%;
    background-color: #222222;
    min-width: 980px;
}
.clear:after {  
    content: ".";   
    display: block;   
    height: 0;   
    clear: both;   
    visibility: hidden; 
}
/* Header Styling
-----------------------------------------------*/
header{
    display: block;
    position: relative;
}
.logo-search-holder {
    display: block;
    position: relative;
    margin: 1.2% auto;
    width: 980px;
}
.logo{
    display: block;
    position: relative;
    height: 65px;
    width: 300px;
    float: left;
    border: 0px solid #006666;
}
.logo img{
    width: 100%;
    height: 100%;
    display: table-cell;
}
.logo a{
    border: 0px;
    text-decoration: none;
}
.search-box{
    display: table;
    position: relative;
    height: 65px;
    width: 350px;
    float: right;
    border: 0px solid #006666;
}
.form{
    display: table-cell;
    vertical-align: middle;
}
.search_text{
    width: 68%;
    font-size: 12px;
    border: 1px solid #EAEAEA;
    height: 32px;
    line-height: 32px;
    margin-right: 0;
    float: left;
    box-sizing: border-box;
    transition: all 0.15s;
    padding-left: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    behavior: url(border-radius.htc);
    border-radius: 3px;
}
.search_text:focus {
    border: 1px solid #F1F1F1;
}
.search_button {
    display: block;
    position: relative;
    border: 1px solid #EFEFEF;
    width: 29.7%;
    float: right;
    text-align: center;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    font-size: 67%;
    text-transform: uppercase;
    color: #817D7C;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    behavior: url(border-radius.htc);
    border-radius: 3px;
    font-weight: bold;
    
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f5f5f5);
    background-image:-moz-linear-gradient(top, #ffffff 24%, #f5f5f5 100%);
    background-image:-webkit-linear-gradient(top, #ffffff 24%, #f5f5f5 100%);
    background-image:-ms-linear-gradient(top, #ffffff 24%, #f5f5f5 100%);
    background-image:linear-gradient(top, #ffffff 24%, #f5f5f5 100%);
    background-image:-o-linear-gradient(top, #ffffff 24%, #f5f5f5 100%);
    background-image:-webkit-gradient(linear, right top, right bottom, color-stop(24%,#ffffff), color-stop(100%,#f5f5f5));
    
    font-family: "Open Sans";
    
    background-color:#ffffff;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#e3e3e3);
    background-image:-moz-linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
    background-image:-webkit-linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
    background-image:-ms-linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
    background-image:linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
    background-image:-o-linear-gradient(top, #ffffff 0%, #e3e3e3 100%);
    background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#e3e3e3));
    
    
    text-shadow: 1px 0px 0px #FFFFF;
    
    
}
.search_button:hover{
    text-shadow: 1px 0px 0px #000;
}

/* Nav Structuring 
---------------------------------------------------------------------------- */
.nav-holder {
    position: relative;
    width: 100%;
    background: #DEEAE5; 
    z-index: 999;
    border-top: 0px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    margin-top: 1%;
}
.nav-holder nav > ul{
    list-style: none;
    position: relative;
    display: block;
    float: left;
}
.nav-holder nav{
    display: block;
    position: relative;
    margin: 0px auto;
    width: 980px;
    background-color: #CEE0D9;
    border-top: 0px solid #CAC9C9;
}
.nav-holder nav > ul > li {
    border-left: 1px solid #ffffff;
    float: left;
    display: inline-block;
}
.nav-holder nav > ul > li:first-child{
    border-left: 0px solid #ffffff;
}
.nav-holder nav > ul > li > a{
    float:left;
    padding: 7px 20px;
    display: block;
    text-decoration: none;
    color: #222222;
    text-transform: capitalize;
    font-size: 85%; 
    text-shadow: 1px 0px 0px rgba(250, 250, 250, 0.3); 
    font-weight: 800;
}
.nav-holder nav > ul > li > a:hover{
    text-shadow: 1px 0px 0px rgba(0, 0, 0, 0.3); 
    color: white;
    background-color: #286B4F;
}
.nav-holder nav > ul > li > a:active{
    background: #286B4F;
}
.nav-holder nav > ul > li > a:visited{

}
.nav-holder nav > ul > li > div.submenu { 
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    display: block;
    padding: 4% 4%;
}
.nav-holder nav > ul > li > div.submenu { 
    position: absolute;
    top: 100%;
    min-height: 100px;
    background-color: #286B4F;
}
.nav-holder nav > ul > li > div.submenu{
    display: none;
}

div.submenu h2{
    display: block;
    position: relative;
    margin-bottom: 1.5%;
    text-transform: capitalize;
}
div.submenu .col{
    display: block;
    position: relative;
    width: 20%;
}
div.submenu .col img{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    
    border: 1px solid white;
    -moz-box-shadow:0 0 1px #AAAAAA;	
    -webkit-box-shadow:0 0 1px #AAAAAA;	
    box-shadow:0 0 1px #AAAAAA;
}
.menu-news-col{
    display: block;
    width: 46%;
    
}
.menu-news-col span{
    display: block;
    position: relative;
}
.menu-news-col li a{
    display: block;
    position: relative;
    text-decoration: none;
    padding: 10px 0px;
    line-height: 1.4em;
    color: #DEDEDE;
    font-family: 'Open Sans'; 
    font-size: 80%;
}
.menu-news-col li:hover{
    background-color: #80AA99;
}
.menu-news-col li{
    display: block;
    border-bottom: 1px dotted #CEE0D9;
}
.menu-news-col .menu-news-date{
    font-size: 70%;
    color: #FCFCFC;
    font-family: "Open Sans"; 
}
.submenu .news{
    float: left;
}
.submenu .research{
    float: right;
}
.menu-news-col h4{
    font-size: 98%;
    color: #ffffff;
}
.menu-about-us-col{
    display: block;
    position: relative;
    
}
.menu-about-us-col ul li{
    list-style: none;
    width: 14%;
    margin-right: 1px;
    padding: 2% 2%;
    font-family: 'Open Sans'; 
    line-height: 1.5em;
    font-size: 75%;
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
    color: #CEE0D9;
    height: 170px;
    
    border: 1px solid #277F5A;
    -moz-box-shadow:0 0 1px #222222;	
    -webkit-box-shadow:0 0 1px #222222;	
    box-shadow:0 0 1px #222222;
}
.menu-about-us-col ul li h2 a{
    text-decoration: none;
    font-size: 80%;
    text-transform: capitalize;
    padding: 3% 0px;
    display: block;
    color: #F7F7F7;
    font-family: "Open Sans"; 
}
.menu-about-us-col ul li h2 a:hover{
    text-decoration: underline;
    color: white;
}

.read-more{
    position: relative;
    display: block;
    text-decoration: none;
    color: #222222;   
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 80%;
    margin-top: 4%;
    margin-bottom: 10%;
    color: #FCFCFC;
    line-height: 2.0em;  
}
.read-more span{
    position: relative;
    display: block;
    text-decoration: none;
    float: left;
    border: 1px solid white;
    -moz-box-shadow:0 0 1px #AAAAAA;	
    -webkit-box-shadow:0 0 1px #AAAAAA;	
    box-shadow:0 0 1px #AAAAAA;
    background-color: #80AA99;
    padding: 0px 10px;
}
.read-more span:hover{
    background-color: #006666;
    color: white;
}


.submenu .menu-hod-col{
    display: block;
    position: relative;
}
.submenu .menu-hod-col ul li{
    padding: 2% 2%;
    display: block;
    position: relative;
    border: 1px solid #277F5A;
    -moz-box-shadow:0 0 1px #222222;	
    -webkit-box-shadow:0 0 1px #222222;	
    box-shadow:0 0 1px #222222;
    width: 44%;
    float: left;
    margin-right: 2%;
}
.submenu .menu-hod-col ul li:nth-of-type(2){
    margin-right: 0px;
}
.submenu .menu-hod-col ul li img{
    display: block;
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 3%;
}
.submenu .menu-hod-col ul li span a{
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 2%;
    color: white;
    font-weight: 700;
}
.submenu .menu-hod-col ul li span a:hover{
    text-decoration: underline;
}
.submenu .menu-hod-col ul li i{
    color: #CEE0D9;
    font-family: "Open Sans"; 
    font-style: normal;
    font-size: 80%;
    line-height: 1.5em;
}
.submenu_t{
    min-height: 150px;
    background-color: #80AA99;
    position: relative;
    display: block;
    margin: 0px auto;
    width: 96%;	
    max-width: 1100px;
    margin-top: 10%;
    padding: 4% 4%;
}
.menu-dept-col{
    display: block;
    position: relative;
    width: 100%;
}
.menu-dept-col .menu-department-list{
    display: block;
    font-family: "Open Sans"; 
}
.menu-department-list h4{
    display: block;
    position: relative;
    margin-bottom: 1%;
    font-size: 120%;
    color: white;
    text-transform: uppercase;
    text-shadow: 1px 0px 0px rgba(250, 250, 250, 0.3); 
}
.menu-dept-col .menu-department-list li:hover{
    background-color: #469675;
}
.menu-dept-col .menu-department-list ul li{
    list-style: square;
    color: white;
    list-style-position: inside;
}
.menu-dept-col .menu-department-list li{
    border-top: 1px solid #EFEFEF;
}
.menu-dept-col .department{
    width: 60%;
    float: left;
    padding: 2% 3%;
    border: 1px solid #277F5A;
    -moz-box-shadow:0 0 1px #222222;	
    -webkit-box-shadow:0 0 1px #222222;	
    box-shadow:0 0 1px #222222;
    margin-right: 2%;
}
.menu-dept-col .units{
    float: left;  
    padding: 2% 3%;
    border: 1px solid #277F5A;
    -moz-box-shadow:0 0 1px #222222;	
    -webkit-box-shadow:0 0 1px #222222;	
    box-shadow:0 0 1px #222222;
}
.menu-dept-col .menu-department-list li a{
    width: 100%;
    text-decoration: none;
    padding: 5px 0px;
    line-height: 1em;
    color: white;
    font-size: 75%;
    text-transform: capitalize !important; 
}
.menu-school-col{
    display: block;
    position: relative;    
}
.menu-school-col li{
    width: 30%;
    height: 100px;
    list-style: none;
    border: 1px solid #277F5A;
    -moz-box-shadow:0 0 1px #222222;	
    -webkit-box-shadow:0 0 1px #222222;	
    box-shadow:0 0 1px #222222;
    font-family: "Open Sans";
    padding: 2% 2%;
    
    float: left;
    
    font-family: 'Open Sans'; 
    font-size: 72%;
    color: #DEEAE5;
    line-height: 1.5em;
}
.menu-school-col li:first-child{
    margin-right: 2%;
}
.menu-school-col li a{
    display: block;
    position: relative;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 95%;
    color: #F7F7F7;
    margin-bottom: 5px;
    font-family: 'Open Sans';
}
.menu-school-col li a:hover{
    text-decoration: underline;
}
.menu-school-col li p{
    font-family: 'Open Sans'; 
    font-size: 72%;
    color: #DEEAE5;
    line-height: 1.5em;
}
.menu-management-col{
    position: relative;
    display: block;
    float: left;
    width: 80%;
}
.menu-management-col ul li{
    list-style: none;
    width: 21%;
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
    height: 210px;
    border: 1px solid #277F5A;
    -moz-box-shadow:0 0 1px #222222;	
    -webkit-box-shadow:0 0 1px #222222;	
    box-shadow:0 0 1px #222222;
    font-family: "Open Sans";
    padding: 1% 1%;
    font-size: 68%;
    line-height: 1.4em;
    color: #DEEAE5;
    overflow: hidden;
}
.menu-management-col ul li:nth-of-type(4){
    margin-right: 0px;
}
.menu-management-col ul li a img{
    width: 80px;
    height: 80px;
    background: black;
    float: left;
    margin-right: 3%;
    margin-bottom: 1%;
     border: 1px solid #ffffff;
    -moz-box-shadow:0 0 1px #222222;	
    -webkit-box-shadow:0 0 1px #222222;	
    box-shadow:0 0 1px #222222;
    
}
.menu-management-col li a{
    text-decoration: none;
}
.menu-management-col li a h4{
    display: block;
    text-decoration: none;
    font-size: 90%;
    color: #CEE0D9;
    line-height: 1.2em;
    margin-top: 3%;
    font-family: 'Open Sans';
    text-transform: capitalize;
    font-weight: normal;
}
.menu-management-col h5{
    position: relative;
    display: block;
    font-size: 105%;
    font-family: 'Open Sans'; 
    line-height: 1.4em;
    color: #F7F7F7;
    font-weight: 700;
    margin-bottom: 5%;
}
.menu-management-col p{
    font-size: 73%;
    font-family: 'Open Sans';
    line-height: 1.4em;
    text-align: justify;
}


.submenu .menu-management-col2{
    position: relative;
    display: block;
    float: right;
}
.menu-management-col2 li{
    border-bottom: 1px dotted #666666;
    text-align: center;
    background-color: #80AA99;
    
    border: 1px solid white;
    -moz-box-shadow:0 0 1px #AAAAAA;	
    -webkit-box-shadow:0 0 1px #AAAAAA;	
    box-shadow:0 0 1px #AAAAAA;
    margin-bottom: 4%;
    list-style: none;
    padding: 5%;
}
.menu-management-col2 li a{
    text-decoration: none;
    font-size: 60%;
    color: #EAEAEA;
    position: relative;
    display: block;
    text-transform: capitalize;
}
.menu-management-col2 li:hover{
    background-color: #006666;
}


/* Wrapper Structuring 
---------------------------------------------------------------------------- */
.wrapper{
    display: block;
    position: relative;
    margin: 2% auto;
    min-height: 150px;
    width: 980px;
    
}
/* Page Image Structuring 
---------------------------------------------------------------------------- */
.page-image-holder{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    background-color: #F7F7F7; 
    z-index: 99;
    border-top: 0px solid #ffffff;
    border-bottom: 2px solid rgba(0,0,0,0.75);
}
.page-image{
    display: block;
    position: relative;
    margin: 0px auto;
    height: 330px;
    width: 980px;
}
.page-image img{
    width: 100%;
    height: 100%; 
    padding: 0px;
    margin: 0px;
}
.page-image-holder h2{
    display: block;
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    margin: 0px auto;
    width: 98.2%;	
    line-height: 70px;
    height: 70px;
    padding-left: 2%;
    text-transform: uppercase;
    font-family: 'Source Sans Pro ExtraLight';
    font-size: 220%;
    color: #c0c0c0;
    text-shadow: 1px 0px 0px rgba(150, 150, 150, 1);
    font-weight: lighter;
    background: rgba(0,0,0,0.75);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#000000', endColorstr='#000000');
}
.page-content {
    display: block;
    position: relative;
    min-height: 100px;
    width: 49%;
    float: left;
    margin-left: 2%;
    padding: 2% 3%;
    text-align: justify;
    
    
    
    border: 1px solid rgb(221, 221, 221);
    border: 1px solid #F9F9F9;
    -moz-box-shadow:0 0 1px #222222;	
    -webkit-box-shadow:0 0 1px #222222;	
    box-shadow:0 0 1px #222222;
    
    
    
    border: 1px solid white;
    -moz-box-shadow:0 0 1px #AAAAAA;	
    -webkit-box-shadow:0 0 1px #AAAAAA;	
    box-shadow:0 0 1px #AAAAAA;
}

.page-content{
    
}

.bod-page-content, .management-staff-image-page-content{
   width: 68%; 
   display: block;
    position: relative;
    min-height: 100px;
    float: left;
    margin-left: 2%;
    
    
    
    
    
}
.page-content h4, .bod-page-content h4{
    margin: 0px;
    padding: 0px;
    font-size: 150%;
    padding-bottom: 2%;
    color: #333333;
    border-bottom: 1px solid #CAC9C9;
    font-family: Open Sans;
    font-family: 'Source Sans Pro ExtraLight';
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
    font-weight: bold;
}
.page-content .content, .bod-page-content .content, .management-staff-image-page-content .content{
    margin-top: 3%;
    font-family: 'Open Sans';
    font-size: 80%;
    line-height: 1.8em;
    margin: 0px auto;
    color: #666666;
}
.management-staff-image-page-content .content li{
    position: relative;
    width: 150px;
    height: 250px;
    margin-right: 1%;
    float: left;
    border: 1px solid white;
    -moz-box-shadow:0 0 1px #AAAAAA;	
    -webkit-box-shadow:0 0 1px #AAAAAA;	
    box-shadow:0 0 1px #AAAAAA;
    list-style: none;
    text-align: center;
    
    background-color: white;
}
.management-staff-image-page-content .content li:nth-of-type(4){
    margin-right: 0px;
}
.management-staff-image-page-content .content li a:hover{
    text-decoration: underline;
}
.management-staff-image-page-content .content li .management-staff-image{
    display: block;
    position: relative;
    overflow: hidden;
}
.management-staff-image img{
    display: block;
    position: relative;
    width: 150px;
    height: 150px;
}
.content li .management-staff-name{ 
    display: block;
    position: relative;
    font-size: 90%;
    line-height: 1.2em;
    margin-top: 4%;
    color: #222222;
}
.content li .management-staff-name a{
    text-decoration: none;
    display: block;
    position: relative;
    font-size: 99%;
    line-height: 1.2em;
    margin-top: 4%;
    color: #222222;
    font-weight: bold;
}
.content li .management-staff-name-title{
    font-family: "SansSerifBookFLF";  
    display: block;
    position: relative;
    font-size: 95%;
    line-height: 1.2em;
    color: #218834;
}
.hod-content{
    display: block;
    position: relative;
}
.hod-image{
    display: block;
    position: relative;
}

/* Left Sidebar Structuring 
---------------------------------------------------------------------------- */
.left-sidebar{
    display: block;
    position: relative;
    width: 15%;
    height: 100%;
    min-height: 300px;
    float: left;
}
.about-us-menu-list ul{
    list-style: none;
}
.left-sidebar ul{
    list-style: none;
}
.left-sidebar .about-us-sublist{
    display: block;
    position: relative;
}
.about-us-sublist .about-us-menu-list ul{
    list-style: none;
}
.about-us-sublist .about-us-menu-list ul li{
    border-bottom: 1px solid #DEDEDE;
    list-style: none;
}
.about-us-sublist .about-us-menu-list ul li a{
    padding: 7px 0px;
    display: block;
    text-decoration: none;
    color: #469675;
    font-size: 75%;
    line-height: 1.4em;
    text-transform: capitalize;
    font-family: 'Open Sans';
}
.about-us-menu-list ul li a:hover{
    background-color: white;
    color: #006666;
    text-decoration: underline;
}
.menu-about-us-container ul{
    list-style: none !important;
}
.about-us-sublist .management-menu-list ul li a{
    padding: 7px 0px;
    display: block;
    text-decoration: none;
    color: #469675;
    font-size: 80%;
    line-height: 1.4em;
    text-transform: capitalize;
}
.about-us-sublist .management-menu-list ul li{
    border-bottom: 1px solid #DEDEDE;
}
.left-sidebar .departments-sublist{
    display: block;
    position: relative;
    margin-bottom: 20%;
}
.left-sidebar .departments-sublist h4{
    display: block;
    position: relative;
    border-bottom: 1px dotted #444444;
   text-transform: capitalize;
   font-size: 90%;
}
.departments-sublist  ul{
    list-style: none;
}
.departments-sublist ul li{
    border-bottom: 1px solid #DEDEDE;
}
.departments-sublist ul li a{
    padding: 7px 0px;
    display: block;
    text-decoration: none;
    color: #218834;
    font-size: 67%;
    line-height: 1.4em;
    text-transform: capitalize;
    font-family: 'Open Sans';
}
.departments-sublist ul li a:hover{
    color: #218834;
    text-decoration: underline;
}
.departments-sublist h3{
    padding: 0px;
    margin: 0px;
    font-family: 'Open Sans';
    font-family: 'Source Sans Pro ExtraLight';
    color: #333333;
    font-size: 90%;
    line-height: 1.2em;
    text-shadow: 1px 0px 0px rgba(250, 250, 250, 0.4);
    padding-bottom: 5%;
    border-bottom: 1px solid #DEDEDE;
}

.wrapper{
    list-style: none !important;
}
/* Right Sidebar Structuring 
---------------------------------------------------------------------------- */
.right-sidebar{
    display: block;
    position: relative;
    right: 0px;
    width: 26%;
    height: 100%;
    min-height: 300px;
    float: right;
    color: #b4dfab; 
}
.right-sidebar .right-sidebar-div{
    border: 1px solid rgb(221, 221, 221);
    background-color: white;
    display: block;
    position: relative;
    margin-bottom: 7%;
}
.right-sidebar-div h3{
    padding: 0px;
    margin: 0px;
    font-family: 'Open Sans';
    font-family: 'Source Sans Pro ExtraLight';
    color: #218834;
    font-size: 83%;
    line-height: 1.2em;
    text-shadow: 1px 0px 0px rgba(250, 250, 250, 0.4);
    padding-bottom: 3%;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 3%;
}
.right-sidebar .sidebar-research{
    display: block;
    position: relative;
    margin: 8% auto;
    width: 80%;
}
.sidebar-research ul{
    display: block;
    position: relative;
    width: 95%;
    margin: 0px auto;
    list-style-position: inside;
    list-style-type: square;
    color: #57936D;
    line-height: none;
}
.sidebar-research .sidebar-research-list{
    margin-bottom: 5%;
    line-height: 1.1em;
    border-bottom:  1px dotted #DEDEDE;
    padding-bottom: 3%;
}
.sidebar-research .sidebar-research-list a{
    text-decoration: none;
    color: #222222;
    font-size: 78%;
    text-transform: capitalize;
}
.sidebar-research .sidebar-research-list a:hover{
    color: #666666;
    text-decoration: underline;
}
.sidebar-research{
    display: block;
    position: relative;
    margin: 8% auto;
    width: 80%;
}
.right-sidebar .see-also{
    display: block;
    position: relative;
    margin: 8% auto;
    width: 80%;
}
.see-also  ul{
    display: block;
    position: relative;
    margin: 0px auto;
    list-style: none;
    list-style-position: inside;
}
.see-also  ul li{
    border-bottom: 0px solid #DEDEDE;
    line-height: 1.2em;
    margin-bottom: 0.5em;
}
.see-also ul li a{
    text-decoration: none;
    color: #469675;
    font-size: 78%;
    text-transform: capitalize;
    font-family: 'Open Sans';  
}
.right-sidebar .see-also h3{
    font-weight: 700;
    font-size: 95%;
    color: #333333;
}
.see-also ul li a:hover{
    text-decoration: underline;
    color: #006666;
}
.right-sidebar .headOfDeapartment{
    display: block;
    position: relative;
    margin: 2% auto;
    width: 96%;
}
.right-sidebar .headOfDeapartment h3{
    font-weight: 700;
    font-size: 95%;
    color: #CAC9C9;
    background-color: #333333;
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 3%;
    margin: 0px;
}
.right-sidebar .headOfDeapartment h5{
    margin: 0px;
    padding: 0px;
    font-weight: 700;
    font-size: 95%;
    color: #006666;
    padding-left: 3%;
    margin-bottom: 5%;
    margin-top: 2%;
    font-family: 'Source Sans Pro ExtraLight';
}
.right-sidebar .other-news{
    display: block;
    position: relative;
    margin: 8% auto;
    width: 80%;
}
.right-sidebar-news-list{
    position: relative;
    display: block;
    padding-bottom: 5%;
    padding-top: 5%;
    border-bottom: 1px dotted #b3b4b4;
    line-height: 1.2em;
    font-family: 'Open Sans';
}
.right-sidebar-news-list .featured-news-date-holder{
    position: relative;
    display: block;
    font-style: normal;
    color: #e27222;
    font-size: 70%;
    font-family: 'Open Sans';
}
.right-sidebar-news-list a{
    text-decoration: none;
    color: #3F3F3F;
    font-size: 78%;
}
.right-sidebar-news-list a:hover{
    color: #222222;
    text-decoration: underline;
}
.right-sidebar .about-us-sublist{
    display: block;
    position: relative;
    margin: 8% auto;
    width: 80%;
}


.right-sidebar .download-organogram{
    display: block;
    position: relative;
    padding: 5%;
}
.right-sidebar .download-organogram a{
    display: block;
    position: relative;
    padding: 2%;
    background: #222222;
    text-decoration: none;
    font-size: 70%;
    color: #80AA99;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 0px 0px rgba(150, 150, 150, 0.3);      
}
.right-sidebar .download-organogram a:hover{
    background-color: #80AA99;
    color: #222222;
    text-shadow: 1px 0px 0px rgb(0, 0, 0);
}



/**Management Styling
-----------------------------------------------*/
.management-title-holder{
    display: block;
    position: relative;
    background-color: #F7F7F7; 
    z-index: 99;
    border-top: 1px solid #ffffff;
    border-bottom: 2px solid rgba(0,0,0,0.75);
    
    background: rgba(0,0,0,0.75);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#000000', endColorstr='#000000');
    
}
.management-title-holder h2{
    display: block;
    position: relative;
    margin: 0px auto;
    width: 980px;
    
    z-index: 99;
	
    line-height: 70px;
    height: 70px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro ExtraLight';
    font-size: 220%;
    color: #c0c0c0;
    text-shadow: 1px 0px 0px rgba(150, 150, 150, 1);
    font-weight: lighter;
    
}
.page-content .bod-content{
    margin-top: 3%;
    font-family: 'Open Sans';
    font-size: 80%;
    line-height: 1.8em;
    margin: 0px auto;
    color: #666666;
    text-align: justify;
    
    
    
    
}
.bod-content ul{
    display: block;
    position: relative;
}
.bod-content ul li{
    margin-bottom: 7%;
    list-style: none;
    
    border: 1px solid white;
    -moz-box-shadow:0 0 1px #AAAAAA;	
    -webkit-box-shadow:0 0 1px #AAAAAA;	
    box-shadow:0 0 1px #AAAAAA;
    
    padding: 1%;
}
.bod-content ul li .bod-img{
    display: block;
    position: relative;
    width: 30%;
    height: auto;
    float: left;
    
}
.bod-content ul li .bod-img img{
    display: block;
    position: relative;
    width:100%;
    height: auto;
    
    border: 1px solid white;
    -moz-box-shadow:0 0 1px #AAAAAA;	
    -webkit-box-shadow:0 0 1px #AAAAAA;	
    box-shadow:0 0 1px #AAAAAA;
}
.bod-content ul li .bod-description-holder{
    display: block;
    position: relative;
    width: 67%;
    float: right;
    font-family: 'Open Sans';
}
.bod-description-holder .bod-name{
    display: block;
    position: relative;
    font-size: 140%;
    line-height: 1.3em;
    color: #222222;
    text-shadow: 1px 0px 0px rgba(250, 250, 250, 0.4);
    font-weight: 700;
    font-family: "SansSerifBookFLF"; 
}
.bod-description-holder .bod-title{
    display: block;
    position: relative;
    margin-bottom: 3%;
    font-size: 85%;
    color: #218834;
}
.bod-content ul li .bod-description-holder p{
    line-height: 1.8em;
    font-size: 80%;
    text-align: justify;
}
.page-content .hod-content{
    margin-top: 3%;
    font-family: 'Open Sans';
    font-size: 70%;
    line-height: 1.8em;
    margin: 0px auto;
    color: #666666;
}
.hod-content ul{
    display: block;
    position: relative;
}
.hod-content ul li{
    margin-bottom: 1%;
    display: block;
    position: relative;
    
    padding-bottom: 2%;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    behavior: url(border-radius.htc);
    border-radius: 3px;
    background-color: #FCFCFC;
    
    padding: 2% 3%;
    
    border: 1px solid white;
    -moz-box-shadow:0 0 1px #AAAAAA;	
    -webkit-box-shadow:0 0 1px #AAAAAA;	
    box-shadow:0 0 1px #AAAAAA;
    
    
}
.hod-content ul li .hod-img{
    display: block;
    position: relative;
    width: 30%;
    height: auto;
    float: left;
    margin-right: 2%;
}
.hod-content ul li img{
    display: block;
    position: relative;
    width: 30%;
    height: auto;
    float: left;
    margin-right: 2%;
    
    border: 1px solid white;
    -moz-box-shadow:0 0 1px #AAAAAA;	
    -webkit-box-shadow:0 0 1px #AAAAAA;	
    box-shadow:0 0 1px #AAAAAA;
}
.hod-content ul li .hod-description-holder{
    float: left;
    display: block;
    position: relative;
    width: 63%;
    
}
.hod-description-holder .hod-name a{
    display: block;
    position: relative;
    font-size: 150%;
    line-height: 1.2em;
    color: #3F3F3F;
    text-shadow: 1px 0px 0px rgba(250, 250, 250, 0.4);
    text-decoration: none;
}
.hod-description-holder .hod-name a:hover{
    color: #006666;
    text-decoration: underline;
}
.hod-description-holder .hod-title{
    
}
.hod-single-content .hod-featured-image{
    display: block;
    position: relative;
    width: 30%;
    height: auto;
    margin-right: 3%;
    float: left;
    margin-top: 1%;
}
.hod-single-content .hod-featured-image img{
    display: block;
    position: relative;
    width:100%;
    height: auto;
    border: 1px solid white;
    -moz-box-shadow:0 0 1px #AAAAAA;	
    -webkit-box-shadow:0 0 1px #AAAAAA;	
    box-shadow:0 0 1px #AAAAAA;
}


/**News And Media Styling
-----------------------------------------------*/
.news-page-content {
    display: block;
    position: relative;
    min-height: 100px;
    width: 68%;
    float: left;
    list-type: none !important;
    
    border: 1px solid white;
    -moz-box-shadow:0 0 1px #AAAAAA;	
    -webkit-box-shadow:0 0 1px #AAAAAA;	
    box-shadow:0 0 1px #AAAAAA;
    
    padding: 2%;
}
.news-page-content h4{
    margin: 0px;
    padding: 0px;
    font-size: 180%;
    padding-bottom: 2%;
    color: #333333;
    border-bottom: 1px solid #CAC9C9;
    font-family: Open Sans;
    font-family: 'Source Sans Pro ExtraLight';
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
    font-weight: bold;
}
.news-page-content .content{
    margin-top: 3%;
    font-family: 'Open Sans';
    font-size: 90%;
    line-height: 1.8em;
    margin: 0px auto;
    color: #666666;
}
.news-content{
    display: block;
    position: relative;
    width: 96%;
    margin: 0% auto;
    padding-bottom: 5%;
}
.news-content .news-content-list{
    margin-bottom: 1%;
    border-bottom: 1px dotted #DEDEDE;
    padding : 7px 10px;  
    margin-bottom: 3%;
}
.news-content-list img{
    display: block;
    position: relative;
    width: 25%;
    height: 25%;
    border: 1px solid white;
    -moz-box-shadow:0 0 1px #AAAAAA;	
    -webkit-box-shadow:0 0 1px #AAAAAA;	
    box-shadow:0 0 1px #AAAAAA;
    float: left;
    margin-right: 2%;
}
.news-content-list .news-content-list-text-holder{
    display: block;
    position: relative;
    width: 72%;
    float: left;
}
.news-content-list h2{
    padding: 0px;
    margin: 0px;
    font-size: 100%;
    text-transform: uppercase;
}
.news-content-list h2 a{
    font-family: 'Source Sans Pro ExtraLight';
    color: #00533e; 
    padding: 0px;
    margin: 0px;
    text-decoration: none;
}
.news-content-list h2 a:hover{
    text-decoration: underline;
}
.news-content-page-date-holder{
    display: block;
    font-style: normal;
    color: #e27222;
    font-size: 75%;
}
.news-content-list span{
    margin-top: 0%;
    font-family: 'Open Sans';
    font-size: 80%;
    line-height: 1.6em;
    color: #666666;
}
.news-content-list span p{
    margin: 0px;
    padding: 0px;
}
.news-page-content h4{
    margin: 0px;
    padding: 0px;
    font-size: 140%;
    padding-bottom: 1%;
    color: #333333;
    border-bottom: 1px solid #CAC9C9;
    font-family: Open Sans;
    font-family: 'Source Sans Pro ExtraLight';
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
    font-weight: bold;
}
.news-single-content{
    display: block;
    position: relative;
    width: 90%;
    margin: 5% auto;
    line-height: 1.9em;
    font-size: 90%;
    font-family: 'Open sans';
}
.news-single-content img{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid white;
    -moz-box-shadow:0 0 1px #AAAAAA;	
    -webkit-box-shadow:0 0 1px #AAAAAA;	
    box-shadow:0 0 1px #AAAAAA;
    margin: 1.5% auto;
    margin-bottom: 2%;
}


/**Research And Paper Presentation Styling
-----------------------------------------------*/
.research-page-content {
    display: block;
    position: relative;
    min-height: 100px;
    width: 72%;
    float: left;
    list-type: none !important;
}
.research-page-content h4{
    margin: 0px;
    padding: 0px;
    font-size: 180%;
    padding-bottom: 2%;
    color: #333333;
    border-bottom: 1px solid #CAC9C9;
    font-family: Open Sans;
    font-family: 'Source Sans Pro ExtraLight';
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
    font-weight: bold;
}
.research-page-content .content{
    margin-top: 3%;
    font-family: 'Open Sans';
    font-size: 100%;
    line-height: 1.8em;
    margin: 0px auto;
    color: #666666;
}
.research-content{
    display: block;
    position: relative;
    width: 96%;
    margin: 0% auto;
    min-height: 200px;
    padding-bottom: 5%;
}
.research-content .research-content-list{
    list-style: none;
   border: 1px solid #e6e6e6;
   padding: 25px 25px;
   
   margin-bottom: 3%;
   -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    behavior: url(border-radius.htc);
    border-radius: 3px;
    background-color: #FCFCFC;
    
    font-family: 'Open Sans';
}
.research-content-list  a{
    font-family: 'Source Sans Pro ExtraLight';
    text-transform: capitalize;
    color: #469675; 
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    font-size: 110%;
}
.research-content-list span p{
    margin: 0px;
    padding: 0px;
    line-height: 1.8em;
    font-size: 82%;
    margin-top: 1%;
}
.research-content-list a:hover{
    color: #00533e;
}
.research-single-content{
    display: block;
    position: relative;
    width: 99%;
    margin: 0% auto;
    line-height: 1.9em; 
    font-size: 80%;
}
.research-single-content a{
    color: #469675;
    text-decoration: none;
}
.research-single-content img{
    display: block;
    position: relative;
    width: 40%;
    height: 40%;
    border: 1px solid white;
    -moz-box-shadow:0 0 1px #AAAAAA;	
    -webkit-box-shadow:0 0 1px #AAAAAA;	
    box-shadow:0 0 1px #AAAAAA;
    margin: 1.5% auto;
    margin-bottom: 2%;
    float: left;
    margin-right: 3%;
}



/* Homepage Structuring 
---------------------------------------------------------------------------- */
.front-page-image-holder{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    background-color: #F7F7F7; 
    z-index: 99;
    border-top: 0px solid #ffffff;
    border-bottom: 2px solid rgba(0,0,0,0.75);
}
.front-page-image{
    display: block;
    position: relative;
    margin: 0px auto;
    height: 340px;
    width: 980px;
}
.front-page-image img{
    width: 100%;
    height: 100%;   
}
.front-wrapper{
    display: block;
    position: relative;
    min-height: 200px;
    border: 1px solid white;
    -moz-box-shadow:0 0 1px #AAAAAA;	
    -webkit-box-shadow:0 0 1px #AAAAAA;	
    box-shadow:0 0 1px #AAAAAA;
    padding-bottom: 3%;
}
.highlight-box{
    position: relative;
    display: block;
    margin-top: 2%;
}
.highlight-box h1{
   padding: 0px;
   margin: 0px;
   display: block;
   position: relative;
   font-size: 18px;
   color: #222222; 
   border-bottom: 1px solid #DEDEDE;
   padding-left: 5px;
   padding-top: 2px;
   padding-bottom: 2px;
   margin-bottom: 3%;
   text-transform: uppercase;
   font-family: 'Source Sans Pro ExtraLight';
   line-height: 1.4em;
}
.highlight-box-content{
    display: block;
    position: relative;
    width: 85%;
    margin: 0 auto;
    line-height: 1.9em;   
}
.highlight-box-first{
    width: 20%;
    float: left;
    min-height: 100px;
    float: left;
}

.front-management{
    margin-bottom: 5%;
}
.front-management-image{
    display: block;
    position: relative;
    width: 100%;
    margin-top: 5%;
}
.front-management-image img{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid white;
    -moz-box-shadow:0 0 1px #AAAAAA;	
    -webkit-box-shadow:0 0 1px #AAAAAA;	
    box-shadow:0 0 1px #AAAAAA;
}
.front-management h2{
    display: block;
    position: relative;
    line-height: 16px;
    margin: 5% auto;
}
.front-management h2 a{
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    text-transform: capitalize;
    font-size: 55%;
    color: #469675;
    font-weight: normal;
    font-family: 'Open Sans';
}
.front-management h2 a:hover{
    text-decoration: underline;
    color: #006666;
}
.front-management span{
    display: block;
    position: relative;
    font-family: Open Sans;
    font-size: 12px;
    line-height: 1.33em;
    vertical-align: baseline;
    letter-spacing: normal;
    word-spacing: 0px;
    
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    font-weight: normal;
}
.front-Department{
    padding-bottom: 3%;
    margin-top: 5%;
}
.front-Department h1{
    font-size: 120%;
}
.front-Department ul li{
    border-bottom: 1px dotted #DEDEDE;
    list-style: none;
}
.front-Department ul li a{
    padding: 5px 0px;
    display: block;
    text-decoration: none;
    color: #469675;
    font-size: 81%;
    line-height: 1.4em;
    text-transform: capitalize;
    letter-spacing: 0.1px;
    font-family: Open Sans;
}
.front-Department ul li a:hover{
    text-decoration: underline;
    color: #006666;
}
.highlight-box-second{
    width: 46%;
    float: left;
    min-height: 100px;
    float: left;
    padding-bottom: 20px;
}
.highlight-box-second a h2{
    margin: 0px;
    padding: 0px;
    text-transform: capitalize;
    line-height: 1.3em;
    font-size: 90%;
    font-weight: normal;
    color: #469675;
    font-family: "Open Sans";  
}
.highlight-box-second a h2:hover{
    color: #238933;
}
.front-news img{
    display: block;
    position: relative;
    width:23%;
    height: 25%;
    float: left;
    border: 1px solid white;
    -moz-box-shadow:0 0 1px #AAAAAA;	
    -webkit-box-shadow:0 0 1px #AAAAAA;	
    box-shadow:0 0 1px #AAAAAA;
    margin-right: 4%;
    margin-bottom: 2%;
}
.front-news a{
    text-decoration: none;
    color: #222222;
}
.front-news a:hover{
    text-decoration: underline;
}
.front-news .front-news-content-holder{
    margin-bottom: 7%;
    font-family: Open Sans;
}
.front-news .front-news-content-holder span p{
    margin: 0px;
    padding: 0px;
    font-size: 78%;
    line-height: 1.6em;
}
.next-previous-holder{
    display: block;
    position: relative;
    height: 30px;
    margin-top: 2%;
}
.next-previous-holder span{
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 80%;
    color: #666666;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    line-height: 30px;
}
.next-previous-holder .previous{
    float: left;
    background-color: #222222;
    padding: 0px 5%;
}
.next-previous-holder .next{
    float: right;
}
.highlight-box-third{
    width: 34%;
    float: right;
}
.front-research-development ul li{
    line-height: 0.8em;
    list-style: none;
}
.front-research-development ul li a{
    margin: 0px;
    padding: 0px;
    text-transform: capitalize;
    line-height: 1.3em;
    font-size: 80%;
    font-weight: normal;
    color: #469675;
    font-family: "Open Sans";  
    text-decoration: none;
    display: block;
    position: relative;
    margin-bottom: 3%;
}
.front-research-development ul li a:hover{
    text-decoration: underline;
}
.front-research-development ul li span p{
    margin: 0px;
    padding: 0px;
    font-size: 78%;
    line-height: 1.6em;
    padding-bottom: 3%;
    font-family: Open Sans;
}
.front-research-development ul li{
    border-bottom: 1px dotted #DEDEDE;
    margin-bottom: 5%;
}

.front-read-more{
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 75%;
    float: left;
    margin-top: 3%;
    margin-bottom: 10%;
    color: #FCFCFC;
    line-height: 2.0em;
    background-color: #80AA99;
    
    border: 1px solid white;
    -moz-box-shadow:0 0 1px #AAAAAA;	
    -webkit-box-shadow:0 0 1px #AAAAAA;	
    box-shadow:0 0 1px #AAAAAA;
    
    padding: 0px 10px;
    
}
.front-read-more:hover{
    background-color: #218834;
}

.highlight-box-third .front-read-more{
    margin-top: 10%;
}

/* Organogram Structuring 
---------------------------------------------------------------------------- */
.organogram-page-content {
    display: block;
    position: relative;
    min-height: 100px;
    width: 72%;
    float: left;
    list-type: none !important;
}
.organogram-page-content img{
    display: block;
    position: relative;
    height: 120%;
    width: 100%;
    margin: 1% auto;
}


/**Footer Styling
-----------------------------------------------*/
.footer-text-holder {
    display: block;
    position: relative;
    margin: 0px auto;
    width: 1100px;
    border: 0px solid white;
    border-top-width: 0px;
    height: 50px;
    line-height: 50px;
    font-size: 75%;
    color: #a4a4a4;
}
.copyright{
    display: block;
    float: left;
}
.powered-by{
    display: block;
    float: right;
}
.powered-by a{
    text-transform: capitalize;
    color: #efefef;
}


.nleft{
    display: block;
    position: relative;
    height: 120px;
    width: 100px;
    background: green;
}
.ncontent{
    display: inline-block;
    height: auto;
    background: red;
    overflow: hidden;
}
.ncontent div{
    clear: both;
}
.nright{
    height: 120px;
    width: 100px;
    background: blue;
    float: right;
}



.link-pages {
    clear:both;
    text-align:center;
    color: #222222
}
.link-pages a {
    color: white;
    margin: 0px 5px 0px 5px;
    padding: 0px 5px 0px 5px;
    background-color: #218834;
    text-decoration: none;
}
.link-pages a:hover{
    text-decoration: underline;
}




ul.menu_department{
    float: left;
    margin-right: 18px;
}