@charset "utf-8";
/*
Template Name: Ocra
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Layout CSS
*/

@import url("fontawesome-4.3.0.min.css");
@import url("custom.flexslider.css");
@import url("framework.css");

/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row0{border-top:2px solid;}
.row1{border-top:1px solid;}
.row2{border-top:1px solid;}
.row3, .row3 a{}
.row4, .row4 a{}
.row5, .row5 a{}

.row6 {
    color: #888;
    background-color: #eee;
    border-color: #EFEFEF;
    padding: 1px 0px;
    border-bottom: 1px solid;
	
}
/* Header
--------------------------------------------------------------------------------------------------------------- */
#header {
    background: rgba(0, 0, 0, 0) url("../../images/admission-header.jpg") no-repeat scroll right 0;
    min-height: 160px;
    padding: 40px 0 10px;
}

#header #logo, {}
#header #logo h1, #header-alex #logo h1 {margin:0; padding:0; font-size:32px; font-variant:small-caps;}

#header-alex{
	padding:40px 0 10px;
	background:url(../../images/admission-alex.jpg) no-repeat right -10px;
	min-height:134px;
}

#header #logo{}
#header #logo h1{margin:0; padding:0; font-size:32px; font-variant:small-caps;}


/* Top Bar
--------------------------------------------------------------------------------------------------------------- 
#topbar *{font-size:10.5pt; line-height:normal;}

#topbar li{margin:0; border:solid; border-width:0 1px 0 0;}
#topbar li:first-child{border-width:0 1px;}
#topbar li, #topbar li a{line-height:30px; text-align:center;}
#topbar .fl_left li{padding:0 12px; min-height:30px;}
#topbar li a:hover{ color:#F54A12;}
*/

/* Content Area
--------------------------------------------------------------------------------------------------------------- 
.container{padding:25px 0px;}

/* Content 
.container .content{}

.services li article{padding:30px 15px; border:1px solid;}


.wrapper.row3 h1 {
    color: #454C82;
    font-size: 2em;
	margin-bottom:18px;
}
/* Comments 
#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li{margin:0 0 10px 0; padding:15px;}
#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}
#comments address{font-weight:bold;}
#comments time{font-size:smaller;}
#comments .comcont{display:block; margin:0; padding:0;}
#comments .comcont p{margin:10px 5px 10px 0; padding:0;}

#comments form{display:block; width:100%;}
#comments input, #comments textarea{width:100%; padding:10px; border:1px solid;}
#comments textarea{overflow:auto;}
#comments div{margin-bottom:15px;}
#comments input[type="submit"], #comments input[type="reset"]{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}

/* Sidebar 
.container .sidebar{}

.sidebar .sdb_holder{margin-bottom:50px;}
.sidebar .sdb_holder:last-child{margin-bottom:0;}

*/
/* Full Width Split Box
--------------------------------------------------------------------------------------------------------------- */
/*#split50{display:block; width:100%; background-position:top right; background-repeat:no-repeat; background-size:contain;}*/
#split50 {
    background-position: left 22%;
    background-repeat: no-repeat;
    background-size: 60% auto;
    display: block;
    width: 100%;
}
#split50 .block{display:block; float:right; width:50%; padding:3% 4% 0 4%;}


/* Newsletter
--------------------------------------------------------------------------------------------------------------- */
#newsletter{padding:50px 0;}

#newsletter input, #newsletter button{padding:10px 12px; border:none;}
#newsletter input{display:inline-block; min-width:400px; margin-right:20px;}
#newsletter button{padding:9px 18px; font-weight:bold; text-transform:uppercase; cursor:pointer;}


/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer{padding:50px 0px 15px 0px;}

#footer .title{margin:0 0 20px 0; padding:0 0 8px 0; border-bottom:1px solid; font-size:18px; text-transform:capitalize; color: #fff;}

#footer .linklist li{margin-bottom:10px;}
#footer .linklist li:last-child{margin-bottom:0;}

#footer .smallfont{font-size:.8em; margin:0;}


/* Copyright
--------------------------------------------------------------------------------------------------------------- */
#copyright{padding:20px 0;}
#copyright *{margin:0; padding:0;}


/* Transition Fade
--------------------------------------------------------------------------------------------------------------- */
.faico a, #mainav *{transition:all .3s ease-in-out;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Navigation
--------------------------------------------------------------------------------------------------------------- */


/* Breadcrumb */
#breadcrumb{padding:15px 0;}
#breadcrumb ul{margin:0; padding:0; list-style:none;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb li a::after{top:3px; right:0; content:"\f101";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}

/* Sidebar Navigation */
.sidebar nav{display:block; width:100%;}
.sidebar nav li{margin:0 0 3px 0; padding:0;}
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:9px; left:5px;/* content:"\f101";*/}
.sidebar nav ul ul a{padding-left:35px;}
.sidebar nav ul ul a::after{left:25px;}
.sidebar nav ul ul ul a{padding-left:55px;}
.sidebar nav ul ul ul a::after{left:45px;}

/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; background-clip:padding-box; font-weight:normal;}

/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}


/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery{display:block; margin-bottom:50px;}
#gallery figure figcaption{display:block; width:100%; clear:both;}
#gallery li{margin-bottom:30px;}



/* Colours
--------------------------------------------------------------------------------------------------------------- */
a{color:#7EADBE;}
hr, .borderedbox{border-color:#EFEFEF;}
label span{color:#FF0000; background-color:inherit;}
.overlay{color:inherit; background-color:#046F99; 
/*background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYGBgePz//38GRhABAgABBgBFTAbfCBNE2AAAAABJRU5ErkJggg==")*/}

.blue{color:#FFFFFF; background-color:#7EADBE;}

/* Rows */
.row0, .row0 a{color:#33aaee; background-color:#FFFFFF; font-size:1.08em;}
.row0{border-color:#2eb0ee;}/*#7EADBE*/
.row1, .row1 a{color:#4F86C5; background-color:#CAF0FF; border-color:#EFEFEF; padding:1px 0;}
.row1 a{color:#2496d3; }
.row2{color:#7095A7; background-color:#E4F7FC; border-color:#EFEFEF; padding-top: 20px;}
.row2 a{color:#7095A7; background-color:#E4F7FC; border-color:#EFEFEF; }
.row3{color:#2A8FBE; background-color:#FFFFFF;}
.row4{color:#BBBBBB; background-color:rgb(35, 123, 158);}
.row5{color:#BBBBBB; background-color:#000000;}
.row6, .row6 a{color:#94D7F2; background-color:#125580;}
 .row6 a:hover{color:#fff;}

.row7{color:#33aaee; background-color:#FFFFFF; padding-top: 20px;}


/* Top Bar 
#topbar li{border-color:#CAF0FF;}
#topbar .faico a{color:inherit;}
#topbar .faico a:hover{color:#FFFFFF;}
*/

/* Main Slider */
.basicslider .flex-direction-nav a{color:#FFFFFF;}

.flexslider .slides li .flex-content *{color:#FFFFFF;}
.flexslider .slides li .flex-content article{color:inherit; background-color:#46B3E6; box-shadow:8px 8px 0 rgba(0,0,0,.6);}
.flexslider .slides li .flex-content article::before{border-color:transparent #287EA6 transparent transparent;}
.flexslider .slides li .flex-content article .viewit{background-color:#7EADBE;}


/* Content Area */
.services li article{border-color:transparent;}
.services li:hover article{/*border-color:#EFEFEF; background-color:#EFEFEF;*/ cursor:default;}


/* Testimonial Carousel */
.carousel blockquote::before, .carousel blockquote::after{color:rgba(0,0,0,.1);}


/* Full Width Split Box */
#split50{color:#FFFFFF; background-color:#0E9ABA;}
#split50 .block{background-color:inherit;} /* Changes in the media queries */


/* Newsletter */
#newsletter input{color:inherit; background-color:#363636;}
#newsletter button{color:#FFFFFF; background-color:#7EADBE;}


/* Footer */
#footer .title{border-color:#9AC5DA;}


/* Navigation */
#mainav li{border-right-color:#EFEFEF; font-family:"OpenSans-Semibold",Arial,Helvetica,sans-serif;}
#mainav li a{color:inherit;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#fff; background-color:inherit;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(27, 127, 191, 0.9); border-color:rgba(153, 196, 208, 0.6);}
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:rgba(27, 81, 141, 0.9); border-color:#27407A; }
#mainav form select {
    background-color: #42c1fc;
    border-color: #fff;
    color: #fff;
}

#breadcrumb a{color:inherit; background-color:inherit;}

.container .sidebar nav a{color:inherit; border-color:#EFEFEF;}
.container .sidebar nav a:hover{color:#7EADBE;}

.pagination a, .pagination strong{border-color:#EFEFEF;}
.pagination .current *{color:#FFFFFF; background-color:#7EADBE;}

#backtotop{color:#FFFFFF; background-color:#7EADBE;}

/* Top Bar
--------------------------------------------------------------------------------------------------------------- */
#topbar *{
    /*font-family: open sans;*/
    font-size: 10pt;
line-height: 30px; font-weight:400;}

#topbar li{margin:0; border:solid; border-width:0 0px 0 0;}
#topbar li:first-child{border-width:0 0px;}

#topbar li, #topbar li a{line-height:25px; text-align:center;  margin: 0 5px; color: #0059C5;}
#topbar .fl_left li{padding:0 12px; min-height:30px;}
#topbar li a:hover{ color:#F54A12;}

.fl_right li{
   /* font-family: open sans;*/
	}

/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block; float:left; margin:0; padding:0; line-height:normal;}
.faico li:last-child{margin-right:0;}

.faico a{display:inline-block; width:30px; height:30px; line-height:30px; font-size:14px; text-align:center;}
#topbar .faico a:hover {
    color: #fff;
}

.faicon-dribble:hover{background-color:#EA4C89;color:#fff;}
.faicon-facebook:hover{background-color:#3B5998;color:#fff;}
.faicon-google-plus:hover{background-color:#DB4A39;color:#fff;}
.faicon-linkedin:hover{background-color:#0E76A8;color:#fff;}
.faicon-pinterest:hover{background-color:#C8232C;color:#fff;}
.faicon-rss:hover{background-color:#EE802F; color:#fff;}
.faicon-twitter:hover{background-color:#00ACEE; color:#fff;}

.fa.fa-pinterest:hover, .fa.fa-facebook:hover,.fa.fa-google-plus:hover,.fa.fa-rss:hover,.fa.fa-twitter:hover { color: #fff;}

/* ------------------------------------------------------------------------------------------------------------ */


/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}


/* Smartphone + Tablet
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:180px) and (max-width:750px) {
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right{display:block; float:none;}
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

	#header, #topbar{text-align:center;}
	#topbar li{float:none; border:none;}

	.container{padding-bottom:50px;}
}

@media screen and (min-width:180px) and (max-width:900px) {
	#header, #topbar, #breadcrumb, .container, #newsletter, #footer, #copyright{max-width:100%;}

	#header{}

	#topbar{}

	#mainav{}
	#mainav ul{display:none;}
	#mainav form{display:block;}

	#breadcrumb{}

	.container{}
	#comments input[type="reset"]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

	#split50{background-position:top center; background-size:cover;}
	#split50 .block{float:none; width:100%; padding:8% 5%; background-color:rgba(25, 45, 95, 0.6);}

	#newsletter{}
	#newsletter input{min-width:200px;}

	#footer{}

	#copyright{}
	#copyright p:first-of-type{margin-bottom:10px;}
}


/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:978px) {
	#topbar, #breadcrumb, .container, #newsletter, #footer {max-width:92%;}
	 #copyright{max-width:100%;}
}


/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px) {
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}

	.flexslider .slides li .flex-content article{display:block; max-width:100%;}
	.flexslider .slides li .flex-content article .heading{font-size:26px; margin-bottom:20px;}

	.carousel{width:100%;}

	#newsletter input{display:block; min-width:0; width:100%; margin:0 0 8px 0;}
}

/*************** Main Menu *************************


/***************************/

#dayDate {
    color: #7DA0BF;
font-family: Tahoma,Geneva,sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
left: 45%;
line-height: 1.25em;
position: absolute;
top: 15px;
width: auto;
}
.change_lang {
    left: 70%;
    margin: 0;
    position: absolute;
    top: 10px;
}
.latest-news h2 { color:#37669C; }

.admission  { 
line-height: 1.5em;
font-size: 1.1em;
}

.admission h4 { color:#FFD166; text-shadow:none;   font-size: 0.95em;}
h2.heading.btmspace-30 {
    color: #fff;
	  font-size: 1.6em;
text-align: right;
}

/********* buttons *******************/

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #f2af00;
  border: 3px solid #F2AF00 ;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding: 5px 10px;
}
a.button {
    background: #f2af00 none repeat scroll 0 0;
    color: #fff;
    /*display: block;*/
    font-size: 1em;
    margin-top: 1.5em;
    padding:0.3em 0.8em;
    text-decoration: none;
    text-transform: lowercase;
    border-radius: 8px;
	
}
a.button:hover {
border: 3px solid #EFEFEF;
background-color:#35AEDD;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#F2AF00;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/*****************************/

.btn {
    border-radius: 8px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    margin-left: 40px;
    padding: 10px 18px;
    text-align: center;
    text-shadow: none;
    text-transform: none;
    transition: all 0.25s ease 0s;
    white-space: nowrap;
}

/***********************/

a:not(.btn) {
    /*color: inherit;*/
}

a, a:hover {
    outline: medium none;
    text-decoration: none;
    transition: all 200ms ease 0s;
	color:#E6FEFC;
	
}

.btn-orange {
    background: none repeat scroll 0 0 #ff7000;
    border: 1px solid #cc5a00;
    color: #fff;
}

.btn-cyan {
    background: none repeat scroll 0 0 #4cb5e0;
    border: 1px solid #4cb5e0;
    color: #fff;
	padding: 5px 9px;
} 

.btn-grey {
    background: none repeat scroll 0 0 #97a8b1;
    border: 1px solid #a7a7a7;
    color: #ffffff;
} 

.btn {
    border-radius: 8px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    /*padding: 10px 18px;*/
    text-align: center;
    text-shadow: none;
    text-transform: none;
    transition: all 0.25s ease 0s;
    white-space: nowrap;
	margin-left: 10px;
	
}
/************************/
ul.soc_icons {
    margin: 0;
	padding:0;
	margin-left:0px;
}
ul.soc_icons li {
	  display:inline-block;

	  list-style:none;
}
ul.soc_icons li a {
    position: relative;
	color:#7890a2;
	
}


ul.soc_icons li a:hover img { top: -10px;}

 ul.soc_icons li a img {
    position: relative;
    top: 0;
    transition: top 0.8s ease-out 0s;
}
address {
    display: block;
	color:#8DB9D1;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.6;
    padding-left: 0px;
}

address a:not(.btn) { color:#E1E1C9;}
.footer-widget .thumbnail {
    border-color: #3c5177;
}

.thumbnail {
 
    border: 1px solid #ddd;
    background-color: transparent;
    border-radius: 0;
    display: block;
    line-height: 1.42857;
    margin-bottom: 10px;
    padding: 2px;
    transition: all 0.2s ease-in-out 0s;
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #429ab4;
}
/*********/
ul.no-list-style {
    list-style-type: none;
	margin-left: -10px;
}
.footer-navigate-section li {
   line-height: 24px !important;
margin: 6px 0px 6px -20px;
font-size:  0.95em;
font-weight: 400;

}
.no-list-style.footer-navigate-section a {
    color: #8EC9CC;
}

 .no-list-style.footer-navigate-section a:hover, .no-list-style.footer-navigate-section a:focus {
    outline: medium none;
    text-decoration: none;
    transition: all 200ms ease 0s;
    color: #fff;
}
/*********************/

.events {
    padding: 1.5em 4em;
}

.events-main h3 {
    color: #fff;
    font-size: 1.7em;
    font-weight: 400;
    margin: 0;
}

.events-text {
    margin-top: 2em;
}
.col-md-4.events-text-left {
    padding: 0;
}

.events-left {
    background: #153341 none repeat scroll 0px 0px;
    border-radius: 0.8em;
    color: #FFF;
    float: left;
    padding: 0px;
    text-align: center;
    width: 18%;
}

.events-right {
    float: right;
    width: 80%;
}

.events-left h5 {
    font-size: 2.25em;
    font-weight: 600;
    margin: 0;
}

.events-left h5 {
    font-size: 2.25em;
    font-weight: 600;
    margin: 0;
}

.events-right h4 {
    color: #9BDCEA;
    font-size: 17px;
    font-weight: 400;
    margin: 0;
}

.events-right p {
    color: #AFD8E4;
	font-size: 11pt;
    font-weight: 400;
    line-height: 1.8em;
    margin-top: 10px;
    width: 93%;
}

/***********************/
.recent-news-left {
    background: #A2D5E6 none repeat scroll 0 0;
    border-radius: 50%;
    float: right;
    padding: 0.45em;
    width: 10%;
}
.recent-news-left span {
    color: #fff;
    font-size: 1.5em;
    font-weight: 700;
}
.recent-news-right {
    float: left;
    width: 85%;
}
.recent-news-left label {
    color: #4B6870;
    display: block;
    font-weight: 700;
}
label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
}
.recent-news-right h3 {
    color: #03709A;
    font-size: 1em;
    margin: 0;
    padding: 0;
    /*text-transform: uppercase;*/
}
.recent-news-right span {
    color: rgb(214, 79, 145);
    display: block;
    font-weight: 300;
    padding: 0.3em 0 0;
    text-transform: uppercase;
}
.recent-news-grid {
    margin-bottom: 25px;
}
.recent-news-right p {
    font-size: 1.1em;
    line-height: 1.3em;
    margin-bottom: 10px;
	  text-align: right;
}
.bottom-grids {
    background-color: #f3f3f3;
    padding: 3em 0;
}

.events-right-right a {
     background: #dae6ea none repeat scroll 0 0;
   /*color: #6e8aa4;*/
    display: inline-block;
    margin: 1em 8em 0;
    padding: 0.6em 1em;
    text-decoration: none;
	 border-radius: 8px;
}
.hvr-shutter-in-vertical.icon::before {   background: #74C1CF none repeat scroll 0 0;  border-radius: 8px;}
/********/

.grid_4 {
    width: 20%;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
    display: inline;
    float: left;
    margin-left: 30px;
    margin-right: 30px;
    position: relative;
}

.page1-box1 {
    padding-bottom: 10px;
    text-align: center;
}

.inner1::before {
    bottom: -19px;
    content: " ";
    display: block;
    height: 19px;
    left: 96px;
    position: absolute;
    width: 27px;
}
.black {
    background: #EAEAEA url("../images/black.gif") no-repeat scroll 0 0;
    /*text-shadow: 0px 0px 1px #2e3940;*/
}
.inner1 {
    border-radius: 12px;
    color: #90A6BF;
    font-family: "Lato",sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 15px;
    padding: 15px 0;
    position: relative;
    text-align: center;
}
.black1 {
   /* background: #fdb54a url("../images/black1.png") no-repeat scroll center 0;
    text-shadow: 1px 1px 0 #42525c;*/
	padding:3px 0px;
}
.black1:hover {
   /*background: rgba(240, 235, 222, 0.81) none repeat scroll 0 0;  text-shadow:none;*/
}
.green {
    background: #00a0be url("../images/green.gif") no-repeat scroll center 0;
    text-shadow: 0px 0px 1px #006476;
	
}
.green1 {
    background: #00a0be url("../images/green1.png") no-repeat scroll center 0;
    text-shadow: 0px 0px 1px #006476;
	
}
.green1:hover {
    background: #00a6c2 none repeat scroll 0 0;  color:#fff;
}
.red {
    background: #f4a43e url("../images/red.png") no-repeat scroll center 0;
    text-shadow: 0px 0px 1px #006476;
}
.red1 {
    background: #f47045 url("../images/red1.png") no-repeat scroll center 0;
    text-shadow: 0px 0px 1px #dc6b42;
}
.red1:hover {
    background: #f47044 none repeat scroll 0 0;
}
.yellow {
    background: #2fa2d6 url("../images/yellow.png") no-repeat scroll center 0;
    text-shadow: 0px 0px 1px #006476;
}
.yellow1 {
    background: #93c942 url("../images/yellow1.png") no-repeat scroll center 0;
    text-shadow: 0px 0px 1px #577927;
}
.yellow1:hover {
    background: #92c942 none repeat scroll 0 0; color:#fff;
}
.p7 {
    margin-bottom: 20px;
	overflow: hidden;
	margin-top: 20px;
}
.p7 span { padding:3px 5px; font-size:11.5pt; font-family:leelawad; }
.p7 span a:hover { color:#3990A8;}
.wrapper {
   
    width: 100%;
}

/**************************/
.boxholder {
    border: 1px solid #d6d6d6;
    padding: 9px;
}

div.wrapper, .wrapper100 {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    word-wrap: break-word;
}
.row3a {
    color: #666;
    font-weight: 400;
    font-family: open sans;
    line-height: 1.8em;
}
/* Sidebar */

.sidebar aside{line-height:1.2em;}
.sidebar aside h2{margin-bottom:10px; padding-bottom:8px; border-bottom:5px solid #E8E8E8; font-size:1.4em; color:#E38458;}
.sidebar aside ul.nospace li{margin-top:20px;}

/* Sidebar Navigation */

.sidebar aside nav{display:block; width:100%; margin-bottom:50px;}
.sidebar aside nav ul{margin:0; padding:0; list-style:none;}
.sidebar aside nav li{margin:0 0 3px 0; padding:0;}
.sidebar aside nav a{display:block; margin:0; padding:6px 10px 6px 20px; color:#2875C5; background-color:inherit; background:url("../../images/orange_file.gif") no-repeat 10px center; text-decoration:none; border-bottom:1px dotted #64889C; font-family:"OpenSans-Semibold",Arial,Helvetica,sans-serif;}
.sidebar aside nav a:hover{color:#6AC6F9; background-color:inherit;}
.sidebar aside nav ul ul a{background:url("../../images/black_file.gif") no-repeat;}
.sidebar aside nav ul ul a{padding-left:40px; background-position:30px center;}
.sidebar aside nav ul ul ul a{padding-left:50px; background-position:40px center;}
.sidebar aside nav ul ul ul ul a{padding-left:60px; background-position:50px center;}
.sidebar aside nav ul ul ul ul ul a{padding-left:70px; background-position:60px center;}

.push20.clear {
    margin-top: 40px;
}

.divider1, .divider2, .divider3 {
    border-top: 1px none #d6d6d6;
    clear: both;
    display: block;
    height: 20px;
    margin: 30px 0;
    padding: 0;
    width: 100%;
}
.divider1 {
    border-top-style: solid;
}
.divider2 {
    border-top-style: dotted;
}
.divider3 {
    border-top-style: dashed;
}

article h1 {
    color: #35AEDD;
}
figcaption h4 {
    font-size: 1em;
	margin-bottom: 3px;
}

article > span {
    color: #3d89ab;
    font-family: tahoma;
    font-size: 10.5pt;
}
.footer-navigate-section li a {
    font-size: 10.5pt;
}

@media screen and (max-width:480px) {
.center.wow.fadeInDown.animated.animated > h3 {
    float: none;
}
.btn {
    float: right;
    margin-bottom: 4px;
    padding: 8px 14px;
}
}


.staff a:hover {
    color: #0f6f89;
}