/*
Design by Cape Town Media
http://www.capetownmedia.co.za
Copyright © 2008 Sati. All Rights Reserved.
*/
* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #8B8B8B;
}











/*
Site Layout ------------------------------------------------------------------/
-----------------------------------------------------------------------------*/
#div_container {
	margin: 0 auto;
	padding: 0 0px;
	background: #ffffff url(../images/sati-bg.jpg) repeat-x top;
}
#div_header {
	margin: 0px auto;
	padding: 0 0px;
	height:129px;
	width:1000px;
}
#div_header_split {
	height:129px;
	width:2px;
	background: #ffffff url(../images/sati-header-split.jpg) no-repeat top;
	float:left;
}














/*
Site Header Layout -----------------------------------------------------------/
-----------------------------------------------------------------------------*/
#div_header_nav{
	margin: 0px auto;
	padding: 0 0px;
	float:left;
	height: 129px;
}













/*
Site Image Promo Layout ------------------------------------------------------/
-----------------------------------------------------------------------------*/
#div_image_promo{
	margin: 0px 0px 0px 0px;
	padding: 0 0px;
}
#div_image_promo_container{
	margin: 0px auto;
	padding: 0 0px;
	width:1097px;
	height:136px;
	vertical-align:top;
}














/*
Site Main Container Layout ---------------------------------------------------/
-----------------------------------------------------------------------------*/
#div_main_container{
	margin: 0px auto;
	padding: 0 0px;
	width:1097px;
}
#div_main_container_1{
	width:83px;
	float:left;
}
#div_main_container_2{
	width:190px;
	float:left;
}
#div_main_container_3{
	width:550px;
	float:left;
	padding:15px;
}
	#div_main_container_3 #content{
		padding-left:5px;
	}
	

#div_main_container_4{
	width:170px;
	float:left;
}














/*
Site Main Container Left Panel Layout ---------------------------------------/
-----------------------------------------------------------------------------*/
#div_main_container_2_box_top{
	margin: 0px auto;
	padding: 0 0px;
	width:190px;
	height:4px;
	background: #ffffff url(../images/sati-box-top.jpg) no-repeat top;
}
	
	
#div_main_container_2_box_mid{
	width:160px;
	background: #ffffff url(../images/sati-box-mid.jpg) repeat-y top;
	padding:15px;
}


#div_main_container_2_box_bot{
	margin: 0px auto;
	padding: 0 0px;
	width:190px;
	height:4px;
	background: #ffffff url(../images/sati-box-bot.jpg) no-repeat top;
	
}








/*
Site Main Container Promo 1 Panel Layout ---------------------------------------/
-----------------------------------------------------------------------------*/
#div_main_container_promo1_box_top{
	margin: 0px auto;
	padding: 0 0px;
	width:524px;
	height:21px;
}
	
	
#div_main_container_promo1_box_mid{
	margin: 0px auto;
	padding: 0 0px;
	background: #EAFADF url(../images/sati-promobox1-bgspan.jpg) repeat-y top;
	width:524px;
}
	#div_main_container_promo1_box_mid1{
	margin: 0px auto;
	padding: 0 0px;
	float:left;
	width:16px;
	}
	#div_main_container_promo1_box_mid2{
	margin: 0px auto;
	padding: 0 0px;
	float:left;
	width:333px;
	margin-left:16px;
	}
	#div_main_container_promo1_box_mid3{
	margin: 0px auto;
	padding: 0 0px;
	float:left;
	width:163px;
	text-align:right;
	}
	#div_main_container_promo1_box_mid4{
	margin: 0px auto;
	padding: 0 0px;
	float:left;
	width:11px;
	}

#div_main_container_promo1_box_bot{
	margin: 0px auto;
	padding: 0 0px;
	width:524px;
	height:21px;	
}


























/*
Site Main Container Promo 2 Panel Layout ---------------------------------------/
-----------------------------------------------------------------------------*/
#div_main_container_promo2_box_top{
	margin: 0px auto;
	padding: 0 0px;
	width:524px;
	height:21px;
}
	
	
#div_main_container_promo2_box_mid{
	margin: 0px auto;
	padding: 0 0px;
	background: #FAF5E1 url(../images/sati-promobox2-bgspan.jpg) repeat-y top;
	width:524px;
}
	#div_main_container_promo2_box_mid1{
	margin: 0px auto;
	padding: 0 0px;
	float:left;
	width:16px;
	}
	#div_main_container_promo2_box_mid2{
	margin: 0px auto;
	padding: 0 0px;
	float:left;
	width:333px;
	margin-left:16px;
	}
	#div_main_container_promo2_box_mid3{
	margin: 0px auto;
	padding: 0 0px;
	float:left;
	width:158px;
	}
	#div_main_container_promo2_box_mid4{
	margin: 0px auto;
	padding: 0 0px;
	float:left;
	width:16px;
	}

#div_main_container_promo2_box_bot{
	margin: 0px auto;
	padding: 0 0px;
	width:524px;
	height:21px;	
}











/*
Site Footer Layout ------------------------------------------------------/
-----------------------------------------------------------------------------*/
#div_footer{
	margin: 0px auto;
	padding: 0 0px;
	width:1000px;
	height:39px;
}

	#div_footer_cont_left{
		width:70px;
		height:39px;
		background: #ffffff url(../images/sati-footer-left.jpg) no-repeat top;
		float:left;
	}
	#div_footer_cont_mid{
		width:860px;
		height:39px;
		background: #ffffff url(../images/sati-footer-span.jpg) repeat-x top;
		float:left;
		text-align:center;
		
	}
	#div_footer_cont_mid_txt{
		margin-top:10px;
		
	}
	#div_footer_cont_mid_txt a{
		color: #8B8B8B;
		text-decoration:none;		
	}
	#div_footer_cont_mid_txt a:hover{
		color: #8B8B8B;
		text-decoration:none;		
	}
	#div_footer_cont_right{
		width:70px;
		height:39px;
		background: #ffffff url(../images/sati-footer-right.jpg) no-repeat top;
		float:left;
	}


















/*
Site Footer Layout ------------------------------------------------------/
-----------------------------------------------------------------------------*/
.div_graph{
	border-top:1px #999999 dashed;
	border-left:1px #999999 dashed;
	border-right:1px #999999 dashed;
	border-bottom:1px #999999 dashed;
	padding:4px  ;
	background-color:#FFFFFF;
}
#div_graph{
	border-top:1px #999999 dashed;
	border-left:1px #999999 dashed;
	border-right:1px #999999 dashed;
	border-bottom:1px #999999 dashed;
	padding:4px  ;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#div_graph_font{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#div_graph h1{
	color:#55790f;
	font-size:11px;
	text-transform:uppercase;
}


.div_graph_col1{
	border-right:1px #999999 dashed;
	padding-left:4px;
	padding-right:10px;
	/*background-color:#CCCCCC;*/
}
.div_graph_col2{
	border-right:1px #999999 dashed;
	padding-left:10px;
	padding-right:10px;
	
}
.div_graph_col3{
	padding-left:10px;
	padding-right:10px;
	/*background-color:#CCCCCC;*/
}


.div_graph_color1{
	background-color:#F7FEEB;
}
.div_graph_color2{
	background-color:#FDFFF9;
}



#div_graph_row1{
	border-bottom:0px #999999 dashed;
	padding-top:4px;
	padding-bottom:4px;
	/*background-color:#CCCCCC;*/
}
#div_graph_row2{
	border-top:1px #E6E6E6 dashed;
	padding-top:4px;
	/*padding-bottom:4px;
	background-color:#CCCCCC;*/
}


	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*
Form Layout ----------------------------------------------------------------/
-----------------------------------------------------------------------------*/
.formfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#C2C0C1;
	
	background-color: #FBF9FA;
	/*background-image: url(images/form_bkg.jpg);*/
	border: 1px solid #E2E2E2;
	padding: 1px;
	height:15px;
}
	
.formfield:focus {
	/*background-image: url(../images/sati-btn-login.jpg);*/
	border: 1px solid #55790F;
	background-color: #FAFCF7;
}	
.formfield_btn_login {
	width:75px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	background:url(../images/sati-btn-login.jpg) no-repeat 0 0;
	display:block;
	cursor:pointer !important; cursor:hand;
}
.formfield_btn_login:hover {
	background-position:0 -25px;
}

.formfield_btn_signup {
	width:75px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	background:url(../images/sati-btn-signup.jpg) no-repeat 0 0;
	display:block;
	cursor:pointer !important; cursor:hand;
}
.formfield_btn_signup:hover {
	background-position:0 -25px;
}



.formfield_btn_submit {
	width:75px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	background:url(../images/sati-btn-submit.jpg) no-repeat 0 0;
	display:block;
	cursor:pointer !important; cursor:hand;
}
.formfield_btn_submit:hover {
	background-position:0 -25px;
}




















/*
General Layout ----------------------------------------------------------------/
-----------------------------------------------------------------------------*/
#div_white_side{
	margin: 0px auto;
	padding: 5px;
	
}
#div_green_side{
	margin: 0px auto;
	padding: 5px;
	background:url(../images/sati-latest-news-bg.jpg) repeat-x 0 0;
	
}
#div_row{
	margin: 0px auto;
	padding: 0 0px;
}
#div_col{
	margin: 0px auto;
	padding: 0 0px;
	float:left;
}
p{
	padding-bottom:10px;
}
a, a:active, a:visited {
	text-decoration:underline;
	color:#4F7508;
}
a:hover{
	text-decoration:none;
	color:#4F7508;
}
.green{
	color:#55790f;
}

h1{
	color:#55790f;
	font-size:13px;
	padding-bottom:8px;
}



.float_left{
	padding-right:10px;
	padding-bottom:10px;
	float:left;
}
.float_right{
	padding-left:10px;
	padding-bottom:10px;
	float:right;
}
.img{
	padding:8px;
	border:1px #999999 dashed;
}
ol li{
	list-style:none;
}

.red{
color:#FF0000;
}

#sati-news-date{
	margin-top:-10px; 
	padding-bottom:7px; 
	font-size:11px; 
	color:#B2B2B2
}














/* LISTING ITEMS ------------------------------------------------------------*/
#sati-lists 
{ 
padding-top:5px;
padding-bottom:15px;
}

#sati-lists p 
{ 
display: list-item;
margin: 2px 28px;
margin-bottom:-10px;
font-size: 11px;
list-style-image:  url(../images/sati-ico-list.jpg);
}
#sati-lists A { 
	color:#4F7508;
	text-decoration: underline;
	}

#sati-lists A:hover { 
	text-decoration: none;
	color:#4F7508;
	}

