/*
Template Name: Educational
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(featured_slide.css);
@import url(loginslider.css);

body{
	margin:0;
	padding:0;
	font-size:12px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:#FFFFFF;
	}

img{display:block; 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{clear:both;}
br.clear{clear:both; margin-top:-15px;}

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

.fl_left{float:left;}
.fl_right{float:right;
}

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

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

div.wrapper{
	display:block;
	width:100%;
	
	margin:0;
	padding:0px;
	text-align:left;

	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	line-height:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

.col0{color:#313131; background-color:#830300; border-top:0px solid #000000;}
.col1{color:#000000; background-color:#F8F7DF; background :url("../images/br.jpg") left;}
 .col1 a{color:#000000; background-color:#F8F7DF;background:url("../demo/photoexhit4.jpg")}
.col2{color:#333333;height:58px;  background:url("../images/t1.gif") bottom left repeat-x #E5E2C9;}
.col3{color:#313131; background-color:#F8F7DF;}
.col4
{
    color: #666666;
    background-color: #FFFFFF;
}
.col4 a
{
    color: #746550;
    background-color:  #E5E2C9;
}
.col5{color:#000000; background-color:rgb(223, 110, 16);}
.col5 a{color:#E5E2C9; background-color:#48282F;}
.col6, .col6 a{color:#767772; background-color:#FFFFFF;}

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

#header, #topbar,  #breadcrumb,  #copyright{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:966px;
	}
	#footer{position:relative;
	margin:0 auto 0;
	display:block;
	width:932px;}
	
	#container
	{
position:relative;
	margin:0 auto 0;
	display:block;
	width:965px;
	}
#topnav
{position:relative;
	margin:0 auto 0;
	display:block;
	width:960px;
}
	
/* ----------------------------------------------Header-------------------------------------*/




#header{
	padding:0 0 0 0;
	
	}
#fr
{
   
    float: right;
    width: 966px;
    height: 165px;
}

#header #logo
{
    border-color: #800000;
    
    display: block;
    float: right;
    
margin-top:0px;
    margin-bottom:0px;
    width: 966px;
    overflow: hidden;
}

#header #logo h1, #header p, #header ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
	}

#header #logo h1{
	font-size:36px;
	}

#header h1 a{
	color:#333333;
	background-color:#F8F7DF;
	}

#header .fl_right{
	display:block;
	float:right;
	width:0px;
	height:125px;
	
	margin:17px 0 0 0;
	padding:0;
	text-align:right;
	}

#header .fl_right ul{
	margin-bottom:10px;
	}

#header li{
	display:inline;
	margin:0 0 0 8px;
	padding:0 0 0 10px;
	border-left:1px solid #8B785F;
	}

#header li.last{
	margin-right:0;
	padding-right:0;
	border:none;
	}


/* ----------------------------------------------Container-------------------------------------*/
   
#container{-webkit-border-radius: 5px;-moz-border-radius: 5px;
border-radius: 5px;
background:rgba(0, 0, 0, 0.80);
	padding:20px 0;
	}

#container h1, #container h2, #container h3, #container h4, #container h5, #container h6
{
    font-size: 16px;
    margin: 0 0 10px 0;
    color: #CCCCCC;
    background-color: #000000;
    text-indent: 10px;
}


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

#content{-webkit-border-radius: 5px;-moz-border-radius: 5px;
border-radius: 5px;
	display:block;
	float:left;
	width:71%;
	margin-left:10px;
	
	}
	

	
/* ----------------------------------------------Right Block-------------------------------------*/
#column
{
    display: block;
    float: right;
    width: 22%;
    margin-right:2.5%;
	margin-top:4px;
   height:580px;
}




#column .holder, #column #featured{
	display:block;
	width:100%;
	margin-bottom:40px;
	}

#column .holder p{
	line-height:1.6em;
	}

#column .holder h2.title{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 8px 0;
	font-size:20px;
	border-bottom:1px dotted #CCCCCC;
	}

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

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

#column div.imgholder{
	display:block;
	width:290px;
	margin:0 0 10px 0;
	padding:4px;
	border:1px solid #CCCCCC;
	}

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

#footer{
	padding:20px 0;
	}

#footer h2{
	margin-bottom:15px;
	padding-bottom:8px;
	border-bottom:1px dotted #999999;
	}

#footer p, #footer ul, #footer a{
	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
	line-height:normal;
	}

#footer .footbox{
	display:block;
	float:right;
	width:190px;
	margin:0 0 0 30px;
	padding:0;
	}

#footer li{
	margin-bottom:3px;
	}

#footer .last{
	margin:0;
	}

#newsletter{
	display:block;
	float:left;
	width:300px;
	}

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

#copyright{
	padding:15px 0;
	}

#copyright p{
	margin:0;
	padding:0;
	}
	

  /* ----------------------------------------------table-------------------------------------*/   
     
    

table.reference,table.tecspec{
	border-collapse:collapse;width:100%;
}

table.reference tr:nth-child(odd)	{background-color:white;}
table.reference tr:nth-child(even)	{background-color:black;color:white;}

table.reference tr.fixzebra			{background-color:#f1f1f1;}

table.reference th
{
    color: #000000;
    background-color: rgb(223, 110, 16);
    border: 2px solid #000000;
    padding: 3px;
    vertical-align: top;
    text-align: center;
    font-family: 'Times New Roman' , Times, serif;
    font-size: large;
    font-style: inherit;
    font-variant: inherit;
    font-weight: bolder;
}

table.reference th a:link,table.reference th a:visited{
	color:#ffffff;
}

table.reference th a:hover,table.reference th a:active{
	color:#EE872A;
}

table.reference td{
	border:1px solid #C56927;padding:5px;padding-top:7px;padding-bottom:7px;vertical-align:top;
}

table.reference td.example_code
{
vertical-align:bottom;
}

table.summary
{
border:1px solid #d4d4d4;
padding:5px;
font-size:100%;
color:#555555;
background-color:#fafad2;
}
.subhead{color:black;
    background-color: rgb(255, 157, 21);
    
 
    
    text-align: left;
    font-family: 'Times New Roman' , Times, serif;
    font-size: medium;
    font-style: inherit;
    font-variant: inherit;
    font-weight: bolder;
	text-indent:5px;
		}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/lo1.gif') 50% 50% no-repeat rgba(0, 0, 0, 0.80);
	
}
.back
{
    background-image:url("../images/br.jpg");
	
	
}


.jssora02l, .jssora02r, .jssora02ldn, .jssora02rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../images/a02.png) no-repeat;
                overflow:hidden;
            }
            .jssora02l { background-position: -10px -40px; }
            .jssora02r { background-position: -70px -40px; }
            .jssora02l:hover { background-position: -130px -40px; }
            .jssora02r:hover { background-position: -190px -40px; }
            .jssora02ldn { background-position: -250px -40px; }
            .jssora02rdn { background-position: -310px -40px; }
            
            .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av
            {
                filter: alpha(opacity=70);
                opacity: .7;
                overflow:hidden;
                cursor: pointer;
                border: #000 1px solid;
            }
            .jssorb01 div { -webkit-border-radius: 5px;-moz-border-radius: 5px;
border-radius: 5px;background-color: rgb(204,158,123); }
            .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #302121; }
            .jssorb01 .av { background-color: #000000; }
            .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }