/*
Template Name: Education Time
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

@import url(navi.css);
@import url(forms.css);
@import url(tables.css);
@import url(homepage.css);
@import url(gallery.css);
@import url(featured_slide.css);

body{
	margin:0;
	padding:0;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#03274B;
	}

img{margin:0; padding:0; border:none;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart{list-style-type:none; margin:0; padding:0;}

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:inline-block;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}

a{outline:none; text-decoration:none;}

.fl_left{float:left; width:500px;}
.fl_middle{float:left; width:190px; padding-left:10px;}
.fl_right{float:right;}
.fl_mid{float: left; width:200px;}

.imgholder, .imgl, .imgr{padding:5px; border:1px solid #D7DBE0;}
.imgl{float:left; margin:0 10px 10px 0; clear:left;}
.imgr{float:right; margin:0 0 10px 10px; clear:right;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
	display:block;
	width:100%;
	text-align:left;
	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0 0 15px 0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	line-height:normal;
	}

.row1{color:#099FEA; font-size:13pt; font-weight:bold; }
.row1 a{color:#F8F9F3; background-color:#03274B;}
.row2{color:#F8F9F3; background-color:#099fea; border-top:1px solid #072c53; border-bottom:0px solid #0670a2;}
.row3{color:#333; background:url("../images/featured_slide_bg.gif") top left repeat-x #F8F9F3;}
.row4{color:#333; background-color:#F8F9F3; border-bottom:2px solid #03274B;}
.row5{padding:10px 0 0px 0; border-top:1px solid #F8F9F3;}
.row5{background-color:#03274B;}
.row3{background-color:#03274B;}
/* ----------------------------------------------Generalise-------------------------------------*/

#header, #featured_slide, #container, #footer, #copyright{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:1000px;
	}

/* ----------------------------------------------Header-------------------------------------*/

#header{
	padding:10px 0 10px 0;
	}

#header h1, #header p, #header ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	}

#header h1{font-size:20px; text-transform: uppercase; font-family:Arial; font-weight:bold; padding-top:10px;}
#header p{margin-top:4px;}

/* ----------------------------------------------Content-------------------------------------*/

#container{
	padding:10px 0px 0px 0px;
	}

#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{
	color:#165682;
	background-color:#F8F9F3;
	letter-spacing:0.3px;
	}

#container a{
	color:#b02300;
	/*background-color:#F8F9F3*/
	}
	
	#container a:hover{
	color:#fb3200;
	text-decoration:underline;
	/*background-color:#F8F9F3*/
	}

#container .title{
	display:block;
	width:100%;
	margin:0 0 20px 0;
	padding:0 0 8px 0;
	font-size:17pt;
	text-transform: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:5px solid #58778e;
	}

#content{
	display:block;
	float:left;
	width:1000px;
	line-height:1.4em;
	}


#content img{
padding:10px 0 10px 15px;
}
/* ------Comments-----*/

#comments{margin-bottom:40px;}

#comments .commentlist{margin:0; padding:0;}

#comments .commentlist ul{margin:0; padding:0; list-style:none;}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}

#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments .commentlist li.comment_odd a{color:#591F58; background-color:#F7F7F7;}

#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#591F58; background-color:#E8E8E8;}

#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}

#comments .commentlist p{margin:10px 5px 10px 0; padding:0; font-weight:normal; text-transform:none;}

#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

/* ----------------------------------------------Column-------------------------------------*/

#column{
	display:block;
	float:right;
	width:300px;
	}

#column .holder, #column #featured{
	display:block;
	width:300px;
	margin-bottom:20px;
	}

#column .holder h2.title{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 0 0;
	font-size:20px;
	text-transform:none;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

#column .holder h2.title img{
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	border:1px solid #999999;
	}

#column div.imgholder{
	display:block;
	width:290px;
	margin:0 0 10px 0;
	}

#column .holder p.readmore{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}

/* Featured Block */

#column #featured ul, #column #featured h2, #column #featured p{
	margin:0;
	padding:0;
	list-style:none;
	color:#666666;
	background-color:#F7F7F7;
	}

#column #featured a{
	color:#591F58;
	background-color:#F7F7F7;
	}

#column #featured li{
	display:block;
	width:250px;
	margin:0;
	padding:20px 25px;
	color:#666666;
	background-color:#F7F7F7;
	}

#column #featured li p.imgholder{
	display:block;
	width:240px;
	height:90px;
	margin:20px 0 15px 0;
	}

#column #featured li h2{
	margin:0;
	padding:0 0 8px 0;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

#container #column .readmore a{
	display:block;
	width:100%;
	margin-top:15px;
	height:auto;
	padding-left:0;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	background:none;
	}

#column .latestnews{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	}

#column .latestnews li{
	display:block;
	width:100%;
	height:99px;
	margin:0 0 11px 0;
	padding:0 0 21px 0;
	border-bottom:1px dotted #C7C5C8;
	overflow:hidden;
	}

#column .latestnews li.last{
	margin-bottom:0;
	}

#column .latestnews p{
	display:inline;
	}

#column .latestnews img{
	float:left;
	margin:0 10px 0 0;
	padding:4px;
	border:1px solid #C7C5C8;
	clear:left;
	}

/* ----------------------------------------------Footer-------------------------------------*/

#footer{
	line-height:1.2em;
	/*background:url("../images/footer_bg.gif") 380px 0 repeat-y;*/
	}

#footer, #footer a{
	color:#F8F8F2;
	background-color:#03274B;
	}

#footer h2, #footer p, #footer ul, #footer a, #footer address{
	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
	font-style:normal;
	color:#8199A9;
	}

#footer h2{
	margin:0 0 10px 0;
	padding:0;
	font-size:14pt;
	color:#7D95AD;
	}

#footer .foot_contact{
	display:block;
	float:left;
	width:380px;
	margin:0 40px 0 0;
	padding:0;
	}

#footer .foot_contact address{
	margin-bottom:30px;
	}

#footer .footbox{
	display:block;
	float:left;
	width:400px;
	margin:0 15px 0 0;
	padding:0;
	font-size:9pt;
	}

#footer .footbox h2{
	margin-bottom:10px;
	font-size:12pt;
	border-bottom: 1px dotted #8199A9;
	padding-bottom:8px;
	font-weight:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*text-transform:uppercase;*/
	}

#footer .last{ 
margin-left:130px;
	}
	
/* ----------------------------------------------added div-------------------------------------*/

#divlft
{ float:left; width:300px}

#divrht
{ float:right; width:300px}

	

/* ----------------------------------------------Copyright-------------------------------------*/

#copyright{
	padding:0px 0px 10px 0px;
	/*border-top:1px solid #033363;*/
	}

#copyright p{
	margin:0;
	padding:0;
	font-size:9pt;
	}

#copyright, #copyright a{
	color:#7d95ad;
	background-color:#03274B;
	}
 #copyright a:hover{
	color:#077dbc;
	background-color:#03274B;
	}
	
/* ----------------------------------------------Copyright-------------------------------------*/

ul.arrow
{
list-style-type:none; 
list-style-image:url(../images/bulet.png); 
list-style-position:outside;
line-height:1.6em;
/*padding:1px;*/
/*margin-left:15px; 
margin-top:0px; */
}


.txt
{font-family: Arial, Helvetica, sans-serif; letter-spacing:0.3px; font-size:12pt; font-weight:bold; margin-bottom:-8px; color:#097EC4 !important;}


/* ----------------------------------------------Copyright-------------------------------------*/

#customers
{
font-family: Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers td, #customers th 
{
font-size:9pt;
border:1px solid #c9d3da;
padding:6px 8px 6px 8px;
}
#customers th 
{
font-size:9pt;
text-align:left;
padding-top:10px;
padding-bottom:10px;
background-color: #03274b;
color:#ffffff;
}
#customers tr.alt td 
{
color:#333;
background-color:#dbe2e6;
}
/* ----------------------------------------------table-------------------------------------*/

#custtab
{
font-family: Arial, Helvetica, sans-serif;
width:80%;
border-collapse:collapse;
margin-left:95px;
}
#custtab td, #custtab th 
{
font-size:9pt;
border:1px solid #c9d3da;
padding:4px 6px 4px 6px;
}
#custtab th 
{
font-size:9pt;

padding-top:8px;
padding-bottom:8px;
background-color: #03274b;
font-size:11pt;
color:#ffffff;
}
#custtab tr.alt td 
{
color:#333;
background-color:#dbe2e6;
}


#ctab
{
font-family: Arial, Helvetica, sans-serif;
width:95%;
border-collapse:collapse;
}
#ctab td, #ctab th 
{
font-size:9pt;
border:1px solid #c9d3da;
padding:4px 6px 4px 6px;
}
#ctab th 
{
font-size:9pt;

padding-top:8px;
padding-bottom:8px;
background-color: #03274b;
font-size:10pt;
color:#ffffff;
position: sticky;
top: 0;
}
#ctab tr.alt td 
{
color:#333;
background-color:#dbe2e6;
}

.uk-overflow-container {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.uk-overflow-container>:last-child {
    margin-bottom: 0;
}
.uk-text-nowrap {
    white-space: nowrap;
}
.uk-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 15px;
}
/*========================================================*/


/*------------------------------------*\
	LISTS
\*------------------------------------*/
#footermenu ul{
	width:100%;
	margin-bottom:5px;
	overflow:hidden;
	font-size:8pt;
}
#footermenu li{
	line-height:1.5em;
	float:left;
	display:inline;
}
#double li	{ width:50%;}
#triple li	{ width:33.333%; }
#quad li		{ width:25%; }
#six li		{ width:16.666%; }
#seven li		{ width:14.28%; }


.menu_footer 
{
list-style-type:none;
margin:0;
padding:0;
}
.menu_footer li
{
width:100% !important;
}
.footer_menu_title
{
 font-weight:bold;
 padding-bottom:5px;
 color:#099fea;
}
.menu_footer li a:hover
{

 color:#099fea!important;
}

.mls {
    height: 35px;
   
    display: inline-block;
    vertical-align: middle;
	 color: #fff;
    font-size: 12pt;
	font-weight:normal;
}
.pbs{
	padding-bottom: .25em; 
	padding:10px 05px 0px 02px;
}
.icon-untitled2 {
	width: 22px;
	height: 22px;
}



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

#s5_quick_contact {
display: block;
width: 100%;
border-top:1px solid #ccc;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
/*background-color: #fff;*/

}


/* Basic Grey */
.basic-grey {
    margin-left:auto;
    margin-right:auto;
    max-width: 100%;
      /*background: #F7F7F7;*/
    padding: 25px 15px 25px 10px;
    font: 12px Georgia, "Times New Roman", Times, serif;
    color: #888;
   
}
.basic-grey h1 {
    font-size: 25px;
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom:1px solid #E4E4E4;
    margin: -10px -15px 30px -10px;;
    color: #888;
}
.basic-grey h1>span {
    display: block;
    font-size: 11px;
}
.basic-grey label {
    display: block;
    margin: 0px;
}
.basic-grey label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
    border: 1px solid #DADADA;
    color: #888;
    height: 30px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 40%;
    font-size: 12px;
    line-height:15px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.inputbox
{
 width: 40%;
}

.search .inputbox
{
 width: 60%;
}


.basic-grey textarea{
    padding: 5px 3px 3px 5px;
}
.basic-grey select {
    background: #FFF url('down-arrow.png') no-repeat right;
    background: #FFF url('down-arrow.png') no-repeat right);
    appearance:none;
    -webkit-appearance:none; 
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 70%;
    height: 35px;
    line-height: 25px;
}
.basic-grey textarea{
    height:100px;
}
.basic-grey .button {
    background: #099fea;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    box-shadow: 1px 1px 5px #B6B6B6;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #9E3F3F;
    cursor: pointer;
}
.basic-grey .button:hover {
    background: #000066;
}

.col-md-3 {
width: 20%;
float:left;
position: relative;
min-height: 1px;
/*padding-right: 10px;*/
/*padding-left: 10px;*/
text-align: center !important;


}

div.wrapper h4 {
   font-size: 14px;
}






#social_side_links {
 /*   position: fixed;
    top: 250px;*/
    left: 0;
	list-style:none;
    padding: 10px;
	
  
}
#social_side_links li  {
    display: inline !important;
   
}

#social_side_links li a {
    display: inline !important;
    background-repeat: no-repeat;
    background-position: top left;
}
#social_side_links li a img {
    -webkit-transition:  opacity .2s ease-in-out;
    -moz-transition:  opacity .2s ease-in-out;
    -o-transition:  opacity .2s ease-in-out;
    transition:  opacity .2s ease-in-out;
}
#social_side_links li a:hover img {
    opacity: .9;
}
#social_side_links li a:active img {
    opacity: 1;
}
.search
{
padding:10px 05px 05px 05px;
}

.col-xs-1, .col-sm-1, .col-md_-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md_-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md_-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md_-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md_-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md_-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md_-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md_-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md_-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md_-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md_-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md_-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666666666666%;
}
.col-xs-10 {
  width: 83.33333333333334%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666666666666%;
}
.col-xs-7 {
  width: 58.333333333333336%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666666666667%;
}
.col-xs-4 {
  width: 33.33333333333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.666666666666664%;
}
.col-xs-1 {
  width: 8.333333333333332%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666666666666%;
}
.col-xs-pull-10 {
  right: 83.33333333333334%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666666666666%;
}
.col-xs-pull-7 {
  right: 58.333333333333336%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666666666667%;
}
.col-xs-pull-4 {
  right: 33.33333333333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.666666666666664%;
}
.col-xs-pull-1 {
  right: 8.333333333333332%;
}
.col-xs-pull-0 {
  right: 0%;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666666666666%;
}
.col-xs-push-10 {
  left: 83.33333333333334%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666666666666%;
}
.col-xs-push-7 {
  left: 58.333333333333336%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666666666667%;
}
.col-xs-push-4 {
  left: 33.33333333333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.666666666666664%;
}
.col-xs-push-1 {
  left: 8.333333333333332%;
}
.col-xs-push-0 {
  left: 0%;
}

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

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic);
blockquote{
  font-size: 1.4em;
  /*width:60%;
  margin:50px auto;8*/
  font-family:Open Sans;
  font-style:italic;
  color: #555555;
  padding:1.2em 30px 1.2em 75px;
  border-left:8px solid #099fea ;
  line-height:1.6;
  position: relative;
  background:#EDEDED;
}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#03274b;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}


