/*
  Title # Laerskool Emfulenipark
  Date  # 6 January 2010
*/

body{ padding:0px; margin:0px; background:#FFFFFF; }


#wrap{
      width:1002px;
	  margin:auto;
	  text-align:left;
	  }
	  
#wrap2{
       width:1002px;
	   background-color:#FFFFFF;
	   float:left;
	   position:relative;
	   
	   }	
	   
#border{
	float:left;
	position:relative;
	width:1002px;
	border:#DFDFDF 1px solid;
	padding-bottom:20px;
}
	   
#top{
	float:left;
	position:relative;
	width:1002px;
	height:184px;
	background:url(images/top_header.jpg) no-repeat;
}

.src_wrap{
	float:left;
	position:relative;
	padding-left:700px;
}

.search_box{
	float:left;
	position:relative;
	background:url(images/input_box_trns.gif) no-repeat;
	width:282px;
	height:30px;
	margin-top:26px;
}
.input_box_search{
	border:none;
	background:none;
	width:190px;
	padding-left:10px;
	height:19px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#999999;
	line-height:15px;
}
.input_box_c{
	border:#CCCCCC 1px solid;
	background:#FFFFFF;
	width:120px;
	padding-left:10px;
	height:19px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#999999;
	line-height:15px;
}
.input_box_ta{
	border:#CCCCCC 1px solid;
	background:#FFFFFF;
	width:300px;
	padding-left:10px;
	height:80px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#999999;
	line-height:15px;
}

.btn_search{
	border:none;
	background:url(images/search_btn.gif) no-repeat;
	width:76px;
	height:22px;
	margin-top:2px;
	}
	
.btn_submit{
	border:#CCCCCC 1px solid;
	background:#FFFFFF;
	width:66px;
	height:25px;
	color:#333333;
}
	
#main_body{
	float:left;
	position:relative;
	width:1002px;
	padding-top:21px;
}
#left{
	float:left;
	position:relative;
	width:226px;
	padding-left:8px;
}
#body_mid{
	float:left;
	position:relative;
	width:484px;
	padding-left:17px;
	overflow:hidden;
	*z-index:-1;
}
#right{
	float:left;
	position:relative;
	width:257px;
	padding-left:10px;
}
.post{
	float:left;
	position:relative;
	width:456px;
	padding:12px;
	margin-top:30px;
	border:#EFEBEB 2px solid;
}
.post_date{
	float:left;
	position:relative;
	width:100%;
	padding-bottom:12px;
}
.post_title{
	float:left;
	position:relative;
	width:100%;
	padding-bottom:9px;
}
.post_time_author{
	float:left;
	position:relative;
	width:100%;
	padding-bottom:8px;
}
.post_content{
	float:left;
	position:relative;
	width:100%;
	padding-bottom:8px;
}

.post_time{
	float:left;
	position:relative;
	width:30%;
}
.post_author{
	float:left;
	position:relative;
	width:50%;
	
}
.post_more{
	float:left;
	position:relative;
	width:100%;
	text-align:right
}

.ads1{
	float:left;
	position:relative;
	width:221px;
	border:#FFFFFF 1px solid;
}
.ads2{
	float:left;
	position:relative;
	margin-top:24px;
	width:221px;
	border:#FFFFFF 1px solid;
}

.banner_right{
	float:left;
	position:relative;
	width:221px;
	border:#FFFFFF 1px solid;
}

/* ===== Start Navigation ======= */

.nav{
	float:left;
	position:relative;
	width:221px;
	/*padding-top:25px;*/
	padding-bottom:20px;
	border-bottom:#CCCCCC 1px solid;
	z-index:100;
}
.nav ul
	{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	padding-left:18px;
	
	}
	
.nav ul li
	{
	background-image: url(images/page_bullet_trns.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	padding-left: 30px;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:19px; 
	font-weight:normal; 
	color:#5AADBA;
	padding-top:6px;
	padding-bottom:6px;
	position: relative;
	display: list-item;
	}	
	
.nav ul li a{ 
	 color:#5AADBA; 
	 text-decoration:none;
	display: block;
	 }
	 
* html .nav ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.nav ul li a:link, .nav ul li a:visited{
	color: #5AADBA;
}

.nav ul li a:hover{
	 /*tab link background during hover state*/
	color: #FF0090;
}
	
.nav li li
		{
		background-image: none;
		padding-left: 15px;
		font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; font-weight:normal; color:#5AADBA;
		padding-top:0px;
		padding-bottom:0px;
		border-bottom:none;
		}	
		
.nav li ul {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
		padding-left:10px;
		margin-bottom:0px;
		}	
		
.nav ul li ul{
	position:static;
	left: 0;
	display: block;
	visibility: hidden;
	margin-left:0px;
	margin-top:0px;
}

.nav ul li ul li{
	display: list-item;
	float: none;
	margin-top:0px;
}

.nav ul li ul li ul{
	top: 0;
}

.nav ul li ul li a{
	font: normal 13px Verdana;
	width: 150px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	border:1px #FFFFFF dashed;
	background:#f7f7f7;
}


.nav ul li ul li a:hover{ /*sub menus hover style*/
	background: #E0DFE4;
	color: #FF0090;
}

.downarrowclass{
	display:none;
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass{
	display:none;
	position: absolute;
	top: 6px;
	right: 5px;
}

/* ====== End Navigation ======== */

.box{
	width:235px;
	float:left;
	position:relative;
}	
.box_r{
	width:250px;
	float:left;
	position:relative;
	margin-top:8px;
}	

.box_top{
	float:left;
	position:relative;
	width:100%;
	background:url(images/box_top_top.gif) no-repeat;
	background-position: bottom left;
	height:7px;
}
.box_bottom{
	float:left;
	position:relative;
	width:100%;
	background:url(images/box_buttom_buttom.gif) no-repeat;
	background-position: top right;
	height:7px;

}
.box_mid{
	float:left;
	position:relative;
	width:100%;
}
.box_mid_left{
	float:left;
	position:relative;
	width:7px;
	height:130px;
	background:url(images/box_left_top.gif) no-repeat;
	background-position: top left;
}
/*box_mid_right{
	float:left;
	position:relative;
	width:7px;
	height:144px;
	background:url(images/box_right_buttom.gif) no-repeat;
	background-position: bottom right;
}*/
.box_mid_body{
	float:left;
	position:relative;
	width:228px;
	background:url(images/box_right_buttom.gif) no-repeat;
	background-position: bottom right;
	min-height:133px;
	
}
.box_mid_body_r{
	float:left;
	position:relative;
	width:243px;
	background:url(images/box_right_buttom.gif) no-repeat;
	background-position: bottom right;
	min-height:133px;
	
}

.box_mid_body_content{
	float:left;
	position:relative;
	padding:20px;
}
.box_header{
	float:left;
	position:relative;
	width:83%;
	height:26px;
	background:url(images/cat_bullet_trns.gif) no-repeat;
	background-position:5px 0px;
	padding-left:17%;
	padding-bottom:8px;
}
.box_header_left{
	float:left;
	position:relative;
	width:84%;
}
.box_header_right{
	float:left;
	position:relative;
	width:10%;
	padding-top:5px;
	/*background:url(images/rss.gif) no-repeat;*/
}


.text{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#999999; line-height:18px; }
	.text a{ color:#0099FF; text-decoration:none; }
		.text a:hover{ color:#FFFFFF; text-decoration:none; background:#0099FF; }	


.font{ font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; font-weight:normal; color:#08ADC1; }
	.font a{ color:#08ADC1; text-decoration:none; }
		.font a:hover{ color:#0099FF; text-decoration:underline; }		

.font2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#02A4C1; }

.font3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; font-weight:normal; color:#838383; }
	.font3 a{ color:#838383; text-decoration:none; }
		.font3 a:hover{ color:#838383; text-decoration:underline; }

.font4{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#F5855E; }

.categoty{
	float:left;
	position:relative;
	width:100%;
}
.categoty ul
	{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	padding-left:0px;
	}
	
.categoty ul li
	{
	background-image:url(images/sub_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 13px;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:13px; 
	font-weight:normal; 
	color:#999999;
	padding-top:3px;
	padding-bottom:3px;
	position: relative;
	display: list-item;
	}
	
.categoty ul li a{ 
	color:#999999; 
	text-decoration:none;
	 }
.categoty ul li a:hover{ 
	color:#FF6600; 
	text-decoration:underline;
	 }

.categoty ul li ul li{ 
	background:none;
	 }
		


#footer{
	float:left;
	position:relative;
	width:605px;
	padding: 25px 0px 25px 297px;
}

.div{
	float:left;
	position:relative;
	width:95%;
	padding-left:5%;
}
.div2{
	float:left;
	position:relative;
	width:100%;

}

#archive h2{
	 font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; color:#FF6600;
}
.div2 h3{
	font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; color:#FF9900;
}