/*
Author : Shoaib Yasin
Project: School Improvemnet Network
Designer & Developer: E-webcraft / Shoaib YAsin
Company URL:http://www.ewebcraft.com
Date: 9th Oct, 2008
Author Email:whitemoon786@hotmail.com
*/

*{margin:0px; padding:0px;}
body{
	margin:0px; padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:100%;
	
}


/**** Global Elements *****/
.left{float:left;}
.right{float:right;}
.clr{clear:both;}
.hidden{display:none;}
.green{color:#7FBA1B;}
.normal{font-weight:normal;}
/*************************/

h1,h2,h3,h4,h5,h6,h7,h8{
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:100%;
}
h1{ font-size:22px;}
h2{ font-size:20px}
_h2{ font-size:15px;}
h3{ font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	padding:0; margin:0;}
h4{ font-size:12px;}
h5{ font-size:11px;}

small{font-size:90%;}
p{line-height:16px; font-size:10px;}
strong{font-weight:bold;}


p, strong, em, ul, li, ol{color:#272337;}

/******************************/
#container
{
	position:relative; width:100%;
	margin:0; padding:0;
	background:#DDE7ce url(../siteimages/background/body.jpg) left top repeat-x;
	z-index:000;
}



#header, #navigation, #content
{
	position:relative;
	width:790px;
	border:1px solid #000;
	margin:0 auto;
	padding:0;
}

#footer-container
{
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	background:#fff;
	/*#top:-3px;*/
}


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


/***********Header Style********/
#header{
	margin-top:0px; border:none; height:90px;
}

#header .logo{position:relative; width:30%; float:left; margin-top:5px; display:inline;}
	.logo img{position:relative; border:none;}
#header .right-side{position:relative; width:35%; float:right; text-align:right; display:inline;}
	.right-side form.search
	{
		position:relative;
		margin-top:5px;
		margin-bottom:10px;
	}
	
	form.search input.text{
		position:relative; 
		border:1px solid #CBD7B8;
		padding:1px; padding-bottom:0px;
	}
	
	form.search input.submit
	{
		position:relative; margin:0; padding:0; top:4px; left:-3px; 
	}
	
	.right-side h3{position:relative; color:#272337; line-height:18px; font-weight:normal; }

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

/***********Navigation******/
#navigation{border:none;}

#navigation ul#menu
{
	position:relative;
	list-style:none;
	font-size:12px;
	color:#262138;
}

	ul#menu li
	{
		position:relative;
		display:inline;
		line-height:25px;
		}
	
	ul#menu li a{position:relative; text-decoration:none; color:#262138; height:27px; padding:5px; padding-left:16px; padding-right:16px;}
	ul#menu li a.trail{color:#C15404; font-weight:bold;}
	ul#menu li a:hover, ul#menu li a.active{
		position:relative; 
		background:url(../siteimages/background/menu-list.jpg) left top repeat-x;
	}
/****************************/

/*********content Style******/
#content{ border:none; z-index:100;}

#content .banner{position:relative; z-index:300; height:293px; width:790px; }

#content .banner-without-image, #content .banner-with-image{position:relative; width:790px; height:293px; background:url(../siteimages/background/banner.jpg) left top no-repeat;}

.banner-without-image .left-link, .banner-with-image .left-link
{
	position:relative; width:176px; background:#38412F; 
	float:left; margin-top:10px; z-index:300; _height:135px; min-height:135px; display:inline;
}

.left-link .r-b-c
{position:absolute; width:176px; height:17px;  
background:url(../siteimages/background/left-link-r-t-c.png) no-repeat; right:0; bottom:-17px; z-index:800; _bottom:-1px; }
.left-link img.sidebar-ads{position:relative; margin:7px; border:none;}

.left-link h6{position:relative; margin:5px; font-size:12px; color:#fff; line-height:15px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-left:10px; margin-top:0;}

.left-link ul
{
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	list-style:none;
	z-index:999;
}

.left-link ul li{position:relative; line-height:20px; color:#fff;}
.left-link ul li a{position:relative; color:#fff; text-decoration:none; padding-left:30px;}
.left-link ul li a:hover,.left-link ul li a.active{background:url(../siteimages/background/basic-list1.png) left top no-repeat;}

.left-link ul.video-list
	{
		position:relative;
		margin-top:5px;
		margin-bottom:5px;
		list-style:none;
	}

.left-link ul.video-list li
	{
		position:relative; line-height:15px; color:#fff; line-height:15px;
	}


.left-link ul.video-list li ul
	{
		position:relative;
		margin-top:5px;
		margin-bottom:5px;
		list-style:none;
		margin-left:30px;	
	}
	
.left-link ul.video-list li ul li{color:#7FBA1B; margin:0; padding:0; background:url(../siteimages/background/sidebar-topic-inner-list.gif) left center no-repeat; padding-left:8px;}

.left-link ul.video-list li ul li a{color:#7FBA1B; margin:0; padding:0; text-decoration:none; padding-left:8px; line-height:15px;}
.left-link ul.video-list li ul li a:hover{background:none; color:#fff;}

.left-link form.expert-search
{
	position:relative;
	margin-left:20px;
	margin-top:10px;
	
}

form.expert-search input.text
{position:relative; border:1px solid #70BA33; padding:1px; width:100px; margin-left:7px; padding-bottom:0px; } 

form.expert-search input.submit
	{
		position:relative; margin:0; padding:0; top:4px; left:-3px; 
	}



.banner-without-image  .banner-text
{
	position:relative; width:580px;
	float:right; margin-top:15px; margin-right:20px; display:inline;
}

.banner-text h2{position:relative; line-height:20px; color:#fff; font-size:24px; font-weight:normal;}
.banner-text h4{position:relative; font-size:13px;  line-height:24px; color:#fff; margin-top:6px; margin-bottom:6px; font-weight:normal;}
.banner-text h4 a.link{position:relative; font-size:12px; color:#000100; line-height:17px; text-decoration:none;}
.banner-text h4 a.link:hover{color:#fff; text-decoration:underline;}
.banner-text p{position:relative; font-size:12px; line-height:17px; color:#010000;}

.banner img{position:relative; _float:left; _display:inline}

.banner-with-image .banner-text-with-image
{position:relative; width:350px; float:left; display:inline; margin-left:15px; margin-top:10px; }

.banner-text-with-image h2{position:relative; line-height:20px; color:#fff; font-size:24px;  font-weight:normal; margin-bottom:3px;}
.banner-text-with-image h4{position:relative; font-size:13px;  line-height:24px; color:#fff;}
.banner-text-with-image h4 a.link{position:relative; font-size:12px; color:#000100; line-height:17px; text-decoration:none;}
.banner-text-with-image h4 a.link:hover{color:#fff; text-decoration:underline;}
.banner-text-with-image p{position:relative; font-size:12px; line-height:17px; color:#010000; margin-top:0px; text-align:justify;}

.banner-text-with-image p a{color:#fff; text-decoration:none;}
.banner-text-with-image p a:hover{text-decoration:underline;}

.banner-text-with-image h5{position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;  color:#fff; line-height:17px; }
.banner-text-with-image h5 a{position:relative; color:#fff; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.banner-text-with-image h5 a:hover{text-decoration:underline;}

.banner-with-image .banner-image
{
	position:relative; float:right; margin:0; padding:0; display:inline;
}

	.banner-image img{position:relative; border:none;}

#content .content-text
{
	position:relative;
	border:1px solid #93919B;
	margin:0 auto;
	border-top:none;
	width:788px;
	/*#top:-3px;*/
	background:#fff;
	z-index:100;
}

.content-text .block
{
	position:relative;
	width:261px;
	float:left;
	display:inline;
	margin:0;
	padding:0;
}

.content-text .block no-border{position:relative; width:261px;}
.content-text .no-border{position:relative; width:266px;}

.block .know{position:relative; background:url(../siteimages/background/know.jpg) left top no-repeat; width:261px; height:53px;}
.block .how{position:relative; background:url(../siteimages/background/how.jpg) left top no-repeat; width:261px; height:53px;}
.block .now{position:relative; background:url(../siteimages/background/now.jpg) left top no-repeat; width:266px; height:53px;}
.block h1{position:relative; font-size:42px; color:#fff; line-height:55px; font-weight:normal; padding-left:35px;}

.block .block-text
{
	position:relative;
	margin:0; padding:0;
	border-right:1px solid #93919B;
	padding-top:5px;
	height:255px;
}

.block-text p
{
	position:relative;
	margin:5px;
	margin-top:0;
	padding:0;
	font-size:12px;
	color:#1A162C;
	margin-left:28px;
	margin-right:22px;
}

.block-text a.more
{
	position:relative;
	color:#1A162C;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	padding-left:28px;
}
.block-text a.more:hover{	background:url(../siteimages/background/more.jpg) left top no-repeat;}

.block-text .store
{
	position:relative;
	background:#fff url(../siteimages/background/store.jpg) left top no-repeat; width:255px; margin-top:5px; 
}

.store .image{position:relative; width:86px; margin-left:5px; float:left; display:inline;}
	.image img{position:relative; border:none; margin-top:5px;}

.store .detail{position:relative; width:150px; float:right; margin-right:5px; _width:140px; _margin-right:0px; display:inline;}

.store .detail h4{position:relative; font-size:15px; margin-top:10px;}
.store .detail p{position:relative; margin:0; margin-top:5px; font-weight:normal; margin-top:0;}


.block-text .pd-360
{
	position:relative;
	background:#DDE7D0 url(../siteimages/background/pd-360.jpg) left top no-repeat;
}

.pd-360 .pd-image{position:relative; border:none; margin:5px; margin-bottom:0; margin-top:10px; margin-left:20px;}

.pd-360 p{position:relative; font-weight:bold; margin-top:0px; margin-bottom:0; padding:0;}
.pd-360 p a{color:#272337;} 
.pd-360 p a:hover{text-decoration:none;}
.pd-360 h5 a.free{position:relative; font-size:11px; font-weight:bold; color:#D96A18; text-decoration:none; line-height:21px; margin-left:25px; #line-height:18px;}
.pd-360 h5 a.free:hover{text-decoration:underline;}


.content-text .sidebar,.content-text .sidebar-topic
{position:relative; width:174px; border:1px solid #7FBA1B;  float:left; display:inline; margin-top:15px; margin-bottom:15px; z-index:300;}

.content-text .sidebar-topic{background:#38412F; border:none; z-index:300;}

.sidebar-topic .r-b-c
{position:absolute; width:17px; height:17px;  
background:url(../siteimages/background/sidebar-topic-r-b-c.jpg) no-repeat; right:0; bottom:0; z-index:800; }

.sidebar .r-b-c{position:absolute; width:17px; height:17px;  
background:url(../siteimages/background/sidebar-r-b-c.jpg) no-repeat; right:-1px; bottom:-1px; z-index:800; _bottom:-2px;}

.sidebar ul, .sidebar-topic ul{position:relative; list-style:none; color:#010;}
.sidebar ul li, .sidebar-topic ul li{position:relative; line-height:15px; color:#010; margin-top:5px; margin-bottom:5px;}
.sidebar ul li a, .sidebar-topic ul li a{position:relative; color:#010; text-decoration:none;  padding-left:30px;}
.sidebar-topic ul li a{color:#fff;}
.sidebar-topic ul li ul{position:relative; margin:0; padding:0; margin-left:30px;}
.sidebar-topic ul li ul li{color:#7FBA1B; margin:0; padding:0; background:url(../siteimages/background/sidebar-topic-inner-list.gif) left center no-repeat; padding-left:8px;}
.sidebar-topic ul li ul li a{color:#7FBA1B; margin:0; padding:0; text-decoration:none; padding-left:8px; line-height:17px;}
.sidebar-topic ul li ul li a:hover{background:none; color:#fff;}

.sidebar ul li a:hover, .sidebar-topic ul li a:hover{background:url(../siteimages/background/basic-list1.png) left top no-repeat;}

.sidebar-topic img.sidebar-ads{position:relative; margin:7px; border:none;}


.content-text .simple-side{border:none}

.simple-side .sidebar-image
{
	position:relative;  width:174px; border-bottom:1px solid #7FBA1B; 
}

.sidebar-image img{position:relative; border:1px solid #272337; margin:35px; margin-top:10px; margin-bottom:20px;}

.simple-side p{position:relative; color:#272337; font-size:12px; line-height:17px; margin-left:35px; margin-right:5px; margin-top:10px;}

.simple-side p span.number{font-size:15px; color:#7FBA1B;}
.simple-side p a{color:#7FBA1B; text-decoration:none;}
.simple-side p a:hover{text-decoration:underline;}




.content-text .content
{
	position:relative; width:600px; float:right; display:inline; margin-top:15px; margin-bottom:15px; 
}

.content h1{position:relative; font-size:14px; color:#010; line-height:20px; margin-right:10px;}
.content h1.border{border-bottom:1px solid #93919B;}
.content p{position:relative; font-size:12px; color:#010; margin:0; margin-right:10px;  margin-bottom:10px; line-height:17px; text-align:justify;} 
.content h1.border a{color:#010; text-decoration:none;}
.content h1.border span.green a{color:#7FBA1B; text-decoration:none;}

.content p a{color:#7FBA1B; text-decoration:underline;}
.content p a:hover{text-decoration:none;}

.content .content-block{position:relative; width:230px; background:#7FBA1B; margin-left:15px; float:right; display:inline;}
.content-block p{position:relative; margin:8px; color:#fff; clear:right; font-size:13px;}
.content-block small{position:relative; font-size:10px;}
.content ul.simple
	{
		position:relative;
		width:580px;  margin-right:15px; list-style:none; margin-top:15px;
	}

.content ul.simple li{position:relative; font-size:12px; line-height:20px; color:#010; background:url(../siteimages/background/list-simple.gif) left 5px no-repeat; padding-left:20px; text-align:justify;}

.content ul.expert{position:relative; width:580px;  margin-right:15px; list-style:none; margin-top:15px;}
.content ul.expert li{position:relative; width:274px; float:left; display:block;  margin-right:5px; margin-left:5px; font-size:11px; font-weight:bold; line-height:20px; padding-bottom:2px; }
.content ul.expert li a{color:#010;  display:block; padding-left:10px; text-decoration:none; }
.content ul.expert li a:hover{background:url(../siteimages/background/expert-list.jpg) left 3px no-repeat;}

.content h3{position:relative; margin-top:15px;}

.content .detail
{
	position:relative; width:600px;
}

.detail h1{position:relative; font-size:14px; color:#010; line-height:20px; margin-right:10px;}
.detail h1.border{border-bottom:1px solid #93919B;}
.detail p{position:relative; font-size:12px; color:#010; margin:0; margin-right:10px;  margin-bottom:10px; line-height:17px; margin-top:10px; margin-bottom:10px; text-align:justify;} 
.detail p a{position:relative; color:#7FBA1B; text-decoration:underline;}
.detail p a:hover{text-decoration:none;}

.detail h1.border a{color:#010; text-decoration:none;}


.content-text .content-pd-360
{
	position:relative;
	margin:0;
	padding:0;
	background:#DDE7ce url(../siteimages/background/content-pd-360.gif) left top repeat-x;
	padding:5px;
	padding-left:15px; padding-right:15px;
}
.content-pd-360 p{color:#272337; font-size:12px; line-height:17px;}
.content-pd-360 p a{position:relative; text-decoration:none; color:#010; font-weight:bold;}
.content-pd-360 p a:hover{text-decoration:underline; }
.content-pd-360 img.right{position:relative; border:none; }
.content-pd-360 p span.orange{color:#D96A18; font-size:17px; font-weight:bold;}
.content-pd-360 p span.orange a{color:#D96A18;}

/***********tabber-style***********/
.block-text .tabber
{
	position:relative;
	
}

.tabber .tabber-head{position:relative; margin-left:25px; margin-top:10px;}
.tabber-head a{position:relative; color:#1A162C; text-decoration:none; font-size:11px; font-weight:bold; padding:3px; padding-left:10px; padding-right:10px; margin-left:5px; cursor:pointer;}
.tabber-head a:hover, .tabber-head a.active{background:#CFCED3;}

.tabber .tab-content-container{position:relative;  margin-top:5px;
	background:#fff url(../siteimages/background/tab-content.jpg) left top no-repeat; #top:-1px;}
.tab-content-container .tab-content
	{
	position:relative;  
	height:180px;
	width:260px;
	overflow:auto;
	}
	
	.tab-content a
	{
		position:relative;
		font-size:11px;
		font-weight:bold;
		color:#272337;
		text-decoration:none;
		line-height:20px;
		padding-left:28px;
	}
	
	.tab-content a:hover{	background:url(../siteimages/background/more.jpg) left top no-repeat;}
	
	#expert, #search{display:none;}
	
/********************************/	
	
/************/

/**********footer Style*********/
#footer-container{}

#footer-container .footer
{
	position:relative;
	width:790px;
	border-top:7px solid #272337;
	margin:0 auto;
	padding:0;
}

.footer .image
{
	position:relative;
	width:40%;
	float:left;
	margin-left:10px;
	display:inline;
}





.footer .right-text
{
	position:relative;
	width:55%;
	float:right;
	text-align:right;
	margin-right:10px;
	margin-top:15px;
	display:inline;
	
}

.right-text p{font-size:11px; font-weight:bold;}

.right-text p a{position:relative; color:#70BA33; text-decoration:none; }
.right-text p a:hover{text-decoration:underline;}


/************************/
.banner .basic, .banner-with-image .basic
{position:absolute; z-index:800; right:0; bottom:0; width:263px; }

.basic a.top-head
	{
		position:relative; display:block; cursor:pointer; 
		background:url(../siteimages/background/banner-slide-head.png) left top no-repeat;
		width:263px;
		height:30px;
		filter:alpha(opacity=70);-moz-opacity:.70; opacity:.70;
		line-height:18px;
	}

a.top-head span.head{position:relative; color:#fff; font-size:12px; font-weight:bold; line-height:25px; 
background:url(../siteimages/background/slide-head.jpg) 15px top no-repeat; padding-left:35px; 
}
a.top-head span.head span.green{font-size:12px; font-weight:normal;}
	
.basic .basic-content{position:relative; background:#1F1B31; width:263px; display:none;
filter:alpha(opacity=70);-moz-opacity:.70; opacity:.70; color:#FFFFFF;
}
	
.basic-content ul.basic-list
{
	position:relative; width:260px;
	list-style:none;
	
}

	ul.basic-list li
	{
		position:relative;
		font-size:12px;
		color:#FFFFFF;
		line-height:20px;
		border-bottom:1px solid #78BA24;
		margin-right:10px;
		font-weight:bold;
		cursor:pointer;
	}
	
	ul.basic-list li a{position:relative; color:#fff; text-decoration:none; padding-left:15px; padding-right:5px;}
	ul.basic-list li a:hover{position:relative; color:#fff; text-decoration:none; padding-left:15px; background:#78BA24 url(../siteimages/background/basic-list.jpg) right top no-repeat;}







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

.content .content-basic
{
	position:relative;
	width:585px;
	margin-top:10px;
	
}

.content-basic div.head
{
	position:relative; width:100%; 
	margin:0;
	padding:0;
	background:url(../siteimages/background/basic-link.jpg) left top repeat-x;
	height:29px;
}

div.head h3{position:relative; font-size:13px; line-height:26px; margin-left:5px; margin-right:5px; margin-bottom:0; margin-top:0;}


.content-basic .topic-content
{
	position:relative; width:583px;
	border:1px solid #DDE7D0;
	margin:0; padding:0;
	height:200px;

}

.topic-content p{position:relative; margin:10px;}
.topic-content a{position:relative; margin:0; padding:0; font-size:12px; font-weight:bold; text-decoration:none; color:#7FBA1B; line-height:20px; margin-left:10px; margin-bottom:10px; background:url(../siteimages/background/topic-content-link.gif) right center no-repeat; padding-right:20px; _margin-left:0px; _margin-bottom:1px; _padding-left:10px;}
.topic-content a:hover{color:#000;}

div.head.active{color:#fff; background:url(../siteimages/background/topic-content-link-active.gif) left top repeat-x;}


#detail2,#detail3,#detail4,#detail5,#detail6,#detail7,#detail8,#detail9,#detail10,#detail11,#detail12,#detail13
{
	display:none;
}