/*
Template Name: Educational
File         : Layout CSS
Author       : OS Templates
Author URI   : http://www.os-templates.com/
Licence      : <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 Unported License</a>
Edited by    : ALL2LIVE digital services http://www.all2live.com/
*/

/* @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:14px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#333333; background-color:#FFFFFF; }

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{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_account	{ background-color: none; width: 100%; padding-top: 27px; margin: 0 auto 0 auto; position: relative; text-align: left; float: left; }
div.wrapper_account h1, div.wrapper_account h2, div.wrapper_account h3, div.wrapper_account h4, div.wrapper_account h5, div.wrapper_account h6{
					  margin:0; padding:0; font-size:20px; font-weight:normal; line-height:normal; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; }

div.wrapper			{ position:relative; float:left; width:100%; margin:0; 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: 'Trebuchet MS', Arial, Helvetica, sans-serif; }

div.wrapper_login	{ position:fixed; float:left; width:100%; margin:0; text-align:left; z-index: 1001; }
div.wrapper_login h1, div.wrapper_login h2, div.wrapper_login h3, div.wrapper_login h4, div.wrapper_login h5, div.wrapper_login h6{
					  margin:0; padding:0; font-size:20px; font-weight:normal; line-height:normal; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; }
					  
.col0				{ color:#313131; background-color: none; border-top:5px solid #993333; position: fixed; z-index: 1001; top: 0; left: 0; }
.col1, .col1 a		{ color:#8B785F; background-color:#FFFFFF; }
.col2				{ color:#333333; background:url("../images/topnav_bg.gif") bottom left repeat-x #E5E2C9; }
.col3				{ color:#313131; background-color:#FFFFFF; padding:0; }
.col4				{ color:#666666; background-color:#FFFFFF; }
.col4 a			{ color:#993333; background-color: none; }
.col4 a:hover		{ color:#993333; background-color: none; text-decoration: underline; }
.col5				{ color:#CCCCCC; background-color:#FFFFFF; }
.col5 a			{ color:#E5E2C9; background-color:#FFFFFF; }
.col6				{ color:#666666; }
.col6 a			{ color:#333333; }
.col6 a:hover		{ color:#999999; background-color: none; text-decoration: underline; }

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

#header, #topbar, #topnav, #breadcrumb, #container, #footer, #copyright {
					  position:relative; margin:0 auto 0; display:block; width:960px; }

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

#header									{ padding:0 0 20px 0; background:url("../images/header.gif"); height:74px; width:100%; }
#header #logo							{ display:block; float:left; width:360px; overflow:hidden; padding-left: 10px; }
#header #logo h1, #header p, #header ul	{ margin:0; padding:0; list-style:none; line-height:normal; }
#header #logo h1						{ font-size:24px; }
#header h1 a							{ height:70px; margin-top: -10px; text-align: right; text-decoration: none; color:#333333; background: none; }

h1#logo { font-size: 20px;
		  line-height: 20px;
		  width: 450px;
		  height: 60px;
		  margin: 5px 0 0 0;
		  padding: 2px;
		  float:left;
		  text-decoration: none;
		  color: #333333;
		  font-weight: 700;
		  /* background-color: #FFFFFF;
		  border: solid 1px #CCCCCC;
		  border-top: none; */
		  }
h1#logo img { float: left; margin: -10px 2px 0 10px; align: left; }
h1#logo a{ height:70px; margin-top: -10px; text-align: right; text-decoration: none; }

.shell { width:980px; margin:0 auto; }

#navigation { float:right; height:30px; font-size: 12px; }
#navigation ul{ float:left; height:30px; list-style-type:none; padding-top:27px;}
#navigation ul li{ float:left; display:inline; margin-left:10px;}
#navigation ul li a{ float:left; width:110px; height:30px; text-align: center; background:url("../images/nav-red.gif") no-repeat 0 0; line-height:30px; text-decoration: none; color:#7b7b7b; }

#navigation ul li a:hover,
#navigation ul li a.active { background-position:right 0; color:#fff;}

/* ----------------------------------------------BreadCrumb-------------------------------------*/

/* Navigation crumbs  */
.crumbs_container		{ position:relative; width: 980px; margin:0 auto 0 auto; text-align:left; }
.crumbs					{ margin-bottom:10px; padding:5px 0 5px 0; border-bottom:1px dotted #CCCCCC; }
.crumbs a			{ text-decoration: none; color: #993333; display: inline; }
.crumbs a:visited	{ text-decoration: none; color: #CC3333; display: inline; }
.crumbs a:hover		{ text-decoration: underline; }

/* ----------------------------------------------Container-------------------------------------*/

#container	{ padding:20px 0; }
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6 { font-size:18px; margin:0 0 10px 0; color:#333333; background-color:#EEEEEE; }
#container h2 { padding-left: 5px; }

/* ----------------------------------------------Homepage Services-------------------------------------*/

#hpage					{ display:block; width:100%; margin:10px 0; font-size: 12px; }
#hpage h2				{ background: none; }
#hpage ul				{ margin:0; padding:0; border:none; list-style:none; line-height:normal; }
#hpage li				{ display:block; float:left; width:210px; margin:0 40px 0 0; padding:0; }
#hpage li.last			{ margin-right:0; }
#hpage li div.imgholder	{ display:block; margin:0 0 10px 0; padding:4px; color:#666666; background-color:#EDECE4; border:1px solid #BEBB9E; }
#hpage p				{ margin:0 0 10px 0; padding:0; line-height:1.8em; }
#hpage p.readmore		{ display:block; margin:0; line-height:normal; font-weight:bold; }

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

#content				{ display:block; float:left; width:600px; }
#content h2				{ background:url("../images/header.gif"); border: solid 1px #EEEEEE; }

/* ------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:#FDFFE1; }
#comments .commentlist li.comment_odd a		{ color:#746550; background-color:#FDFFE1; }
#comments .commentlist li.comment_even		{ color:#666666; background-color:#FBFFBF; }
#comments .commentlist li.comment_even a	{ color:#746550; background-color:#FBFFBF; }
#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; }

/* ----------------------------------------------Right Block-------------------------------------*/

#column								{ display:block; float:right; width:300px; border-left: dotted 1px #CCCCCC; padding-left: 5px; }
#column .holder, #column #featured	{ display:block; width:300px; 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; }
#column h2, #subnav h2				{ background:url("../images/header.gif"); border: solid 1px #EEEEEE; }
	
/* Featured Block */

#column #featured a					{ color:#746550; background-color:#FFFFFF; }
#column #featured ul, #column #featured h2, #column #featured p	{ margin:0; padding:0; list-style:none; }
#column #featured li				{ display:block; width:250px; margin:0; padding:20px 25px; color:#2E271D; background-color:#FFFFFF;	}
#column #featured li p				{ line-height:1.6em; }
#column #featured li p.imgholder	{ display:block; width:240px; height:90px; margin:20px 0 15px 0; padding:4px; border:1px solid #CCCCCC; }
#column #featured li h2				{ font-size:20px; color:#333333; background-color:#FFFFFF; }
#column #featured p.readmore		{ display:block; width:100%; margin-top:15px; font-weight:bold; text-align:right; line-height:normal; }

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

#footer								{ margin: 70px auto 0 auto; padding:10px 0; color: #999999; font-size: 12px; }
#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; }
#footer a							{ color: #993333; text-decoration: none; }
#footer a:hover						{ color: #990000; text-decoration: underline; }

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

/* ----------------------------------------------Copyright (footer 2)-------------------------------------*/
#copyright		{ padding: 0; background:url("../images/footer.gif"); height: 57px; width: 100%; margin: 5px 0 0 0; border-top: solid 1px #CCCCCC; }
#copyright p	{ margin: 5px 10px 0 10px; padding: 0 0 0 5px; font-size: 11px; width: 980px; height: 56px; }
#copyright a	{ background: none; }

/* ---------------------------------------------- Top bar after login -------------------------------------*/
.top_admin	{ text-align: center; background-color: #EEEEEE; color: #999999; border-top: solid 2px #EEEEEE; border-bottom: solid 2px #CCCCCC;
			  margin: 5px 0 0 0; padding: 0 20px 5px 0; position: fixed; height: 18px; width: 100%; top: 0; left: 0; z-index: 1001; font-size: 12px; }
.top_admin a			{ color: #993333; text-decoration: none; background-color: none; }
.top_admin a:visited	{ color: #993333; text-decoration: none; background-color: none; }
.top_admin a:hover		{ color: #FF3333; text-decoration: underline; background-color: none; }

/* Pulldown table specific */
.contenthidden {display:none} 
.contentshown { display: table-row; } 

tr.grey { background-color: #EEEEEE; }
tr.white { background-color: #FFFFFF; }

td.feature_description			{ padding-top: 5px; padding-left: 17px; padding-bottom: 5px; font-size: 12px; }
td.feature_description_grey		{ padding-top: 5px; padding-left: 17px; padding-bottom: 5px; font-size: 12px; background-color: #EEEEEE; }
div.feature_description			{ font-size: 12px; background-color: #FFFFFF; padding-left: 3px; padding-right: 3px; }
div.feature_description_grey	{ font-size: 12px; background-color: #EEEEEE; padding-left: 3px; padding-right: 3px; }
td.check						{ text-align: center; }
/* 0602CD */
a.feature_name 					{ color: #990000; font-weight: bold; }
a.feature_name:hover 			{ color: #993333; }
a.arrow							{ outline: none; }
img.arrow						{ margin-left: 3px; padding: 5px 0 5px 0; }
td.price						{ font-weight: bold; text-align: center; }

/* ******************************* Added for the slider function ******************************** */
#featured_slide {
	position:relative; margin:0 auto 0; display:block; width:940px; height:290px;
	padding:10px; overflow:hidden; color:#333333; background-color:#FFFFFF;
	}
#featured_slide a { color:#CCCCCC; background-color:transparent; }
#featured_slide a, #featured_slide ul, #featured_slide img {
	margin:0; padding:0; border:none; outline:none; list-style:none; text-decoration:none;
	}
#featured_slide h1, #featured_slide h2, #featured_slide h3, #featured_slide h4, #featured_slide h5, #featured_slide h6 {
	margin:0 0 15px 0; padding:0; line-height:normal; font-size:20px; font-weight:normal;
	}

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

#featured_content, .featured_box		{ display:block; width:940px; height:290px; }
#featured_content						{ overflow:hidden; }
.featured_box							{ position:relative; }

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

.featured_box .floater {
	display:block; position:absolute; bottom: 0; right:0; margin: 5px 5px -2px 0; padding:1px 5px -2px 5px;
	/* background-image:url("../images/trans.png"); */
	}
#featured_slide .floater a {
	font-weight:bold; text-transform:uppercase; color:#993333; background-color:transparent;
	}

.featured_box_right {
	float: right; width: 606px; height: 276px; border: none; text-align: left; padding: 5px;
	}
h1#featured_box_right	{ font-size: 26px; color: #000000; font-weight: 700; margin: 10px 0 0 10px; }
h2#featured_box_right	{ font-size: 20px; color: #000000; font-weight: 700; margin: 10px 0 0 10px; }
h3#featured_box_right	{ font-size: 16px; color: #000000; font-weight: 700; margin: 10px 0 0 10px; }
p#featured_box_right  	{ font-size: 14px; color: #000000; margin: 10px 0 0 10px; }
img#featured_box_right	{ font-size: 25px; color: #000000; font-weight: 700; margin: 10px 0 0 10px; }

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

#featured_slide .ui-tabs-hide 				{ display:none; }
#featured_slide ul#featured_tabs			{ 
	display:block; position:absolute; top:10px; left:10px; width:300px; height:270px; padding:10px;
	overflow:hidden; font-size:12px; color:#999999; background-color: #FFFFFF;
	/* background:url("../images/trans.png") transparent; */ z-index:1;
	}
#featured_slide ul#featured_tabs li			{
	display:block; width:300px; height:53px; margin:0; padding:13px 0 0 0; border-bottom:2px dotted #666666;
	}
#featured_slide ul#featured_tabs li.last	{ border-bottom:none; }
#featured_slide ul#featured_tabs li a {
	display:block; width:300px; height:53px; margin:0; padding:0; font-size:18px; font-weight:normal;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;  color:#999999;
	background:url("../images/file.png") top right no-repeat transparent;
	}
#featured_slide ul#featured_tabs li a span {
	display:block; margin:0 0 0 0; padding:0; font-size:12px; font-weight:normal;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	}
#featured_slide ul#featured_tabs li a:hover, #featured_slide ul#featured_tabs li.ui-state-active a {
	color:#333333; background-color:transparent;
	}
#featured_slide ul#featured_tabs li.ui-tabs-selected a {
	color:#993333; background-color:transparent; background-image:url("../images/file2.png");
	}