@charset "utf-8";
/*
Template Name: Education Board
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
*/




html{overflow-y:scroll;}
body{margin:0; padding:0; font-size:15px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; background-color: navy;}

select, imput {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart{margin:0; padding:0; list-style-type:none;}

.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, .imgl{float:left;}
.fl_left{ padding-left:10px; padding-top:10px}
.fl_right, .imgr{float:right;}

img{margin:0; padding:0; border:none;}
.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D8D8D8; text-align:center;}
.imgl{
	clear:left;
	margin-top: 0;
	margin-right: 0px;
	margin-left: 0;
}
.imgr{margin:0 0 15px 15px; clear:right;}

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

div.wrapper{
	display:block;
	width:100%;
	text-align:left;
	float: right;
}
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:15px; font-weight:normal; line-height:normal; color:#333333; background-color:transparent; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.row1, .row2{color:white; background-color: navy;}
.row1 h11 a{
    color: white;
}
.row3{color:#979797; background-color:#FFFFFF; border-top:1px solid navy; border-bottom:5px solid blue;}
.row3 a{color:#896C50;}
.row4{padding:30px 0;}

/* ----------------------------------------------Generalise------------------------------------- */

#header, #container, #footer, #copyright{
	display:block;
	position:relative;
	width:1150px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

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

#header{
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#header h1, #header p, #header ul{margin:0; padding:0; list-style:none; line-height:normal;}
#header h1{font-size:26px; font-style:normal;}
#header h1 a{color:#333333; background-color:none;}
#header p{font-size:13px;}
#header p a{color:white; background-color:none;}
#header .fl_left, #header .fl_right{margin-bottom:0px;}
#header .fl_right{margin-top:13px;}
#header .fl_right p{float:left; margin:5px 50px 0 0;}

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

#container{padding:30px 0; line-height:1.5em;}
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{background-color:#FFFFFF; margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:1px solid #D8D8D8;}
#container .readmore{display:block; width:100%; text-align:right; line-height:normal;}
#content{display:block; float:left; width:680px;}

/* 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:#896C50; background-color:#F7F7F7;}
#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#896C50; background-color:#E8E8E8;}
#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size: 14px;}
#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:350px;}
#column .holder, #column #featured{display:block; width:350px; margin-bottom:30px;}
#column .holder h2.title{display:block; width:100%; height:65px; margin:0; padding:15px 0 0 0; font-size:18px; 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;}
div.holder h2, #latestnews h2 {font-size:16px;}
/* 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:#896C50; 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: "Helvetica Neue",Helvetica,Arial,sans-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, #column .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.6em; background:url("images/footer_bg.gif") 550px 0 repeat-y;}
#footer a{color: white;}
#footer h2{color:#FFFFFF;  font-weight:bold; font-style:normal;}
#footer ul{margin:0; padding:0; list-style:none;}
#footer address{font-style:normal;}
#footer .footbox{display:block; float:left; width:200px; margin-right:30px;}
#footer .footbox2{display:block; float:left; width:350px; margin-right:30px;}
#footer #social{margin-bottom:20px;}
#footer #social ul{margin:20px 0 0 0;}
#footer #social li{display:inline; margin-right:15px;}
#footer .last{margin:0;}

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

#copyright{padding:15px 0; border-top:1px solid #979797;}
#copyright p{margin:0; padding:0;}
#copyright, #copyright a{color:white; background-color:blue;}




div.imagea {background-color:#f1f1f1;font-size:16px; margin-top:5px; color: #FF0000;width:100px;height:18px;border-radius:4px;float:left; border:1px solid #FF0000; text-align:center; float:right; display:block; padding:2px;}

div.imagea:hover{background-color: navy;color:#ffffff;border:1px solid #555555;}

div.image1 {text-align:center;width:365px;float:left;margin-left:10px;background-color:#ffffff;}
div.image1 {margin-left:50px; padding-top:7px; background-color:#87C71D; font-size:16px; color:white;width:100px;height:30px;border-radius:4px;float:left; border:1px solid green; text-align:center; display:block;}

div.image1:hover{background-color: navy;color:#ffffff;border:1px solid blue;}



a.btn {text-align:center;width:365px;float:left;margin-left:10px;background-color:#ffffff;}

a.btn {display:block;width:170px;margin-bottom:10px;margin-left:15px;background-color:#f1f1f1;border:1px solid #e3e3e3;padding:8px;border-radius:4px;font-size:16px;color:#555555;text-decoration:none;}
a.btn:hover {background-color:#555555;color:#ffffff;border:1px solid #555555;}

a.btn2 {text-align:center;width:365px;float:left;margin-left:10px;background-color:#ffffff;}

a.btn2 {display:block;width:320px;margin-bottom:10px;margin-left:15px;background-color:#07B3D3;border:1px solid #07B3D3;padding:8px;border-radius:4px;font-size:16px;color:white;text-decoration:none;}
a.btn2:hover {background-color:navy;color:#ffffff;border:1px solid blue;}





.sinform { float:left; width:100%;   margin-bottom: 20px;   background-color: #F5F5F5;
    border: 1px solid #E3E3E3;   border-radius: 4px;    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;}
.sinform1 { float:left; width:100%; padding:20px 0px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;  background-color: #F5F5F5;
    border: 1px solid #E3E3E3;  border-radius: 4px; margin-bottom:20px;}
	.sinform2 { float:left; width:100%; padding:20px 0px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;  background-color: #F5F5F5;
    border: 1px solid #E3E3E3;  border-radius: 4px; margin-bottom:20px;}

h10.stude { font-size:16px; color: #999999;  vertical-align:middle; border:none;}
.sinform3 { float:left; width:100%;  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;  background-color: #F5F5F5;
    border: 1px solid #E3E3E3;   border-radius: 4px; }
.sinformil { float:left; padding:10px; width:97%; height:60px; vertical-align:middle; border-bottom:0.5px solid #00FF00;}
.sinformil2 { float:left; padding:10px; width:97%; height:90px; vertical-align:middle; border-bottom:5px solid #FFFFFF;}
.sinfor1 { float:left; margin-right:10px;}
.sinfor2 { float:left; height:60px; padding-top:0px;}
.sinfor3 { float:right; margin: 13px 0px;   padding: 5px;    height: 100%; background-color: transparent;  }

.sinfor1 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.picdim  {   vertical-align: middle; border-radius: 50%;}


.sname {color:#000000; font-size:16px;}


.sdesig {height: 100%;}
tb1, .tb1 tr, .tb1 td { border:0px; padding:0px; margin:0px; text-align:center;}

.td11 {   vertical-align: middle; border-radius: 50%;}


.imp1 {display: block;
width:200px;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
color: #555;
background-color: #FFF;
background-image: none;
border: 1px solid #CCC;
border-radius: 4px;
cursor: pointer;
margin-left:10px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}

.td1 {height:70px;}


.okw {background-color:#f1f1f1;}
.okw:hover { background-color:#555555; color:#FFFFFF; }

.tr2 { color: #999999;}
.tr3 { color: #999999; text-decoration:underline;}




.accordianOpen{width:100%; display:none; }

.accordianOpen ul{width:100%; overflow:hidden; }
.accordianOpen ul li{

    width:96%;
    padding:0.3em 3% 0.3em; /*0.900em 3% 0.900em;*/ 
    float:left;
    font-size:1em;
    line-height:1.218em;
    background:url(../images/bg2.png) no-repeat center bottom;
}
.accordianOpen ul li:last-child{background:none}
.accordianOpen ul li a{color:#514F4F; width:100%; overflow:hidden; display:block; min-height:39px; }
.accordianOpen ul li a:hover{color:#357fb5}
span.acc_title{
    width:80px;
    float:left;
    background:#E6CACA;
    font-size:0.80em;
    line-height:1em;
    color:#5E5B5B;
    text-align:center;
	margin-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	}
.accordianOpen ul li a .acc_title span{
    display:block;
    padding:0 0 0.067em;
    font-size:1.05em;
    line-height:1.467em;
    color:#fff;
    background-color:#00a651;

    -moz-border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;
    -o-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;
}
.accordianOpen ul li a:hover .acc_title span{
    background-color:#00a651;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00a651), to(#c8eb3f));
    background-image: -moz-linear-gradient(top, #00a651 0%, #c8eb3f 100%);
    background-image: -o-linear-gradient(top, #00a651 0%, #c8eb3f 100%);
    background-image: -ms-linear-gradient(top, #00a651 0%, #c8eb3f 100%);
    background-image: linear-gradient(top, #00a651 0%, #c8eb3f 100%);
    background-repeat:no-repeat;
}


.lwrLink a{
    float:right;
    position:absolute;
    right:2%;
    bottom:0.09em;
    font-size:1em;
    color:#ec7200;
}
.lwrLink a:hover{color:#357fb5}




















.accordianOpen1 ul li{
	font-size:0.875em;
    padding:0.3em 3% 0.3em; /*0.900em 3% 0.900em;*/ 
    float:left;
    font-size:1em;
    line-height:1.218em;
    background:url(../images/bg2.png) no-repeat center bottom;
}
.accordianOpen1 ul li:last-child{background:none}
.accordianOpen1 ul li a{color:#514F4F; width:100%; overflow:hidden; display:block; height:39px; }
.accordianOpen1 ul li a:hover{color:#357fb5}
span.acc_title{
    width:80px;
    float:left;
    background:#E6CACA;
    font-size:0.80em;
    line-height:1em;
    color:#5E5B5B;
    text-align:center;
	margin-right:5px;
	}
.accordianOpen1 ul li a .acc_title span{
    display:block;
    padding:0 0 0.067em;
    font-size:1.05em;
    line-height:1.467em;
    color:#fff;
    background-color:#00a651;

    -moz-border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;
    -o-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;
}
.accordianOpen1 ul li a:hover .acc_title span{
    background-color:#00a651;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00a651), to(#c8eb3f));
    background-image: -moz-linear-gradient(top, #00a651 0%, #c8eb3f 100%);
    background-image: -o-linear-gradient(top, #00a651 0%, #c8eb3f 100%);
    background-image: -ms-linear-gradient(top, #00a651 0%, #c8eb3f 100%);
    background-image: linear-gradient(top, #00a651 0%, #c8eb3f 100%);
    background-repeat:no-repeat;
}

p.pnot{ padding-left:50px; margin:0px; text-align:justify; width:600px;}



a.liactive { color: #000000; background:#FF0000;}

































 .row-fluid {        width: 100%;
                                                    *zoom: 1;
                                }
                                .row-fluid:before,    .row-fluid:after {        display: table;
                                                                                content: "";
                                }
                                .row-fluid:after {        clear: both;
                                }
                                .row-fluid [class*="span"] {        display: block;
                                                                    float: left;
                                                                    width: 100%;
                                                                    min-height: 28px;
                                                                    margin-left: 2.127659574%;
                                                                    *margin-left: 2.0744680846382977%;
                                                                    -webkit-box-sizing: border-box;
                                                                    -moz-box-sizing: border-box;
                                                                    -ms-box-sizing: border-box;
                                                                    box-sizing: border-box;
                                }
                                .row-fluid [class*="span"]:first-child {        margin-left: 0;
                                }
                                .row-fluid .span12 {        width: 99.99999998999999%;
                                                            *width: 99.94680850063828%;
                                }
                                .row-fluid .span11 {        width: 91.489361693%;
                                                            *width: 91.4361702036383%;
                                }
                                .row-fluid .span10 {        width: 82.97872339599999%;
                                                            *width: 82.92553190663828%;
                                }
                                .row-fluid .span9 {        width: 74.468085099%;
                                                           *width: 74.4148936096383%;
                                }
                                .row-fluid .span8 {        width: 65.95744680199999%;
                                                           *width: 65.90425531263828%;
                                }
                                .row-fluid .span7 {        width: 57.446808505%;
                                                           *width: 57.3936170156383%;
                                }
                                .row-fluid .span6 {        width: 48.93617020799999%;
                                                           *width: 48.88297871863829%; height:50px;
                                }
                                .row-fluid .span5 {        width: 40.425531911%;
                                                           *width: 40.3723404216383%;
                                }
                                .row-fluid .span4 {        width: 31.914893614%;
                                                           *width: 31.8617021246383%;
                                }
                                .row-fluid .span3 {        width: 23.404255317%;
                                                           *width: 23.3510638276383%;
                                }
                                .row-fluid .span2 {        width: 14.89361702%;
                                                           *width: 14.8404255306383%;
                                }
                                .row-fluid .span1 {        width: 6.382978723%;
                                                           *width: 6.329787233638298%;
                                }
                                .row-fluid .offset12 {	margin-left: 104.12820512820512%;
                                                       *margin-left: 104.02182214948171%;
                                }
                                .row-fluid .offset12:first-child {	margin-left: 102.56410256410257%;
                                                                   *margin-left: 102.45771958537915%;
                                }
                                .row-fluid .offset11 {	margin-left: 95.58119658119658%;
                                                       *margin-left: 95.47481360247316%;
                                }
                                .row-fluid .offset11:first-child {	margin-left: 94.01709401709402%;
                                                                   *margin-left: 93.91071103837061%;
                                }
                                .row-fluid .offset10 {	margin-left: 87.03418803418803%;
                                                       *margin-left: 86.92780505546462%;
                                }
                                .row-fluid .offset10:first-child {	margin-left: 85.47008547008548%;
                                                                   *margin-left: 85.36370249136206%;
                                }
                                .row-fluid .offset9 {	margin-left: 78.48717948717949%;
                                                      *margin-left: 78.38079650845607%;
                                }
                                .row-fluid .offset9:first-child {	margin-left: 76.92307692307693%;
                                                                  *margin-left: 76.81669394435352%;
                                }
                                .row-fluid .offset8 {	margin-left: 69.94017094017094%;
                                                      *margin-left: 69.83378796144753%;
                                }
                                .row-fluid .offset8:first-child {	margin-left: 68.37606837606839%;
                                                                  *margin-left: 68.26968539734497%;
                                }
                                .row-fluid .offset7 {	margin-left: 61.393162393162385%;
                                                      *margin-left: 61.28677941443899%;
                                }
                                .row-fluid .offset7:first-child {	margin-left: 59.82905982905982%;
                                                                  *margin-left: 59.72267685033642%;
                                }
                                .row-fluid .offset6 {	margin-left: 52.84615384615384%;
                                                      *margin-left: 52.739770867430444%;
                                }
                                .row-fluid .offset6:first-child {	margin-left: 51.28205128205128%;
                                                                  *margin-left: 51.175668303327875%;
                                }
                                .row-fluid .offset5 {	margin-left: 44.299145299145295%;
                                                      *margin-left: 44.1927623204219%;
                                }
                                .row-fluid .offset5:first-child {	margin-left: 42.73504273504273%;
                                                                  *margin-left: 42.62865975631933%;
                                }
                                .row-fluid .offset4 {	margin-left: 35.75213675213675%;
                                                      *margin-left: 35.645753773413354%;
                                }
                                .row-fluid .offset4:first-child {	margin-left: 34.18803418803419%;
                                                                  *margin-left: 34.081651209310785%;
                                }
                                .row-fluid .offset3 {	margin-left: 27.205128205128204%;
                                                      *margin-left: 27.0987452264048%;
                                }
                                .row-fluid .offset3:first-child {	margin-left: 25.641025641025642%;
                                                                  *margin-left: 25.53464266230224%;
                                }
                                .row-fluid .offset2 {	margin-left: 18.65811965811966%;
                                                      *margin-left: 18.551736679396257%;
                                }
                                .row-fluid .offset2:first-child {	margin-left: 17.094017094017094%;
                                                                  *margin-left: 16.98763411529369%;
                                }
                                .row-fluid .offset1 {	margin-left: 10.382978723%;
                                                      *margin-left: 10.329787233638298%;
                                }
                                .row-fluid .offset1:first-child {	margin-left: 8.547008547008547%;
                                                                  *margin-left: 8.440625568285142%;
                                }
                                input,    textarea,    .uneditable-input {        margin-left: 0;
                                }
                                input.span12,    textarea.span12,    .uneditable-input.span12 {        width: 930px;
                                }
                                input.span11,    textarea.span11,    .uneditable-input.span11 {        width: 850px;
                                }
                                input.span10,    textarea.span10,    .uneditable-input.span10 {        width: 770px;
                                }
                                input.span9,    textarea.span9,    .uneditable-input.span9 {        width: 690px;
                                }
                                input.span8,    textarea.span8,    .uneditable-input.span8 {        width: 610px;
                                }
                                input.span7,    textarea.span7,    .uneditable-input.span7 {        width: 530px;
                                }
                                input.span6,    textarea.span6,    .uneditable-input.span6 {        width: 450px;
                                }
                                input.span5,    textarea.span5,    .uneditable-input.span5 {        width: 370px;
                                }
                                input.span4,    textarea.span4,    .uneditable-input.span4 {        width: 290px;
                                }
                                input.span3,    textarea.span3,    .uneditable-input.span3 {        width: 210px;
                                }
                                input.span2,    textarea.span2,    .uneditable-input.span2 {        width: 130px;
                                }
                                input.span1,    textarea.span1,    .uneditable-input.span1 {        width: 50px;
                                }
                         







