/*
PROGRAM:     	Main Cascading Style Sheet
FILE:        	main.cpp
FUNCTION:		main (define the common styles and the specific styles under page)
DESCRIPTION:	Common styles are those common to all the pages and those specific to certain pages are shown under
				respective page headings
AUTHOR:			Dickson Komba [DK]- Programmer (Core Systems) ITD Finance
ENVIRONMENT:	Dreamweaver MX 2004
NOTES:			
REVISION:		1.00 09-03-2005		DK	First Release
*/
/* =======================================================================================================*/

/*|||||||||||common styles |||||||||||||||||||||||||||||||||*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	text-align:center;
	background-color: #CCCC99;
	}
#wrapper {
	width: 760px;
	margin: 0;
	background-color:#FFFFFF;    
	border:1px #000 solid;
}
#banner {
	height: 120px;
	background:  url("../assets/banner3-komba.gif");
/*	background-image:  url("../assets/banner3-komba.gif"); */
	background-repeat:no-repeat;
 	border-bottom:1px #eda solid;
	}

#content{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	background:    url("../assets/bgimage.gif") no-repeat top right;
}

#content p{
font-size: 12px;
padding:5px 20px 5px 8px;
margin: 0px 0px 0px 12px;
}
#content h1{
font-size:130%;
color:#003366;
padding: 0;
margin: 20px;
}
#content h2{
	font-size:18px;
	color:#003366;
	padding:20px 20px 10px 20px;
	margin: 0px; 
	text-align:left;
/*	font-family: Arial, Helvetica, sans-serif; */
}
#content h3{
	font-size:16px;
	color: #003366;
	padding:20px 20px 10px 20px;
	margin: 0px; 
	text-align:left;
}
#content h4{
font-size:12px;
color:#003366;
padding:20px 20px 5px 20px;
font-weight:normal;
margin: 0px; 
text-align:left;
}
#content h5{
font-size:60%;
color:#003366;
padding: 0;
margin: 20px;
text-align:left;
}
#content ul{font-size: 80%;padding-right:15px;color:#000000}
#content ul li{padding-bottom:5px}
#content ol li{padding-right:15px;padding-top:15px; color:#000000}

#wrapper_footer {
	width: 760px;
	background-color:red; /*#cccc99;*/
	margin: 5px 0px 0px 0px;
	padding:-12px 0 0 0
	}
#footer_left{
	float:left;
	width:424px;
	border-top: #CCCC99 1px solid; 
	border-bottom: #CCCC99 1px solid; 
	padding-left:3px;
	padding-top:0px;
	padding-bottom:10px;
	background-color: #CCCC99;
	color: #000000;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
#footer_right{
	float:right;
	width:330px;
	background-color: #CCCC99;
	color: #000000;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	border-top: #CCCC99 1px solid; 
	border-bottom: #CCCC99 1px solid; 
	padding-left:0px;
	padding-right:3px;
	padding-top:0px;
	padding-bottom:10px;
}
.topref{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; font-weight:bold; text-align:right; padding-right:20px}
.pdfsize {font-size: 11px}

/*||||link options|||||||||||||||||||||||||||||||||||||||*/
#noeffect a:link{text-decoration:underline;color:#0022ff}
#noeffect a:visited{color:#0022ff}
#noeffect a:hover{text-decoration:none;color: #990000}
#noeffect a:active{text-decoration:none;color:#0022ff}

#visitred a:link{text-decoration:underline;font-weight:bold;color:#0022ff}
#visitred a:visited{font-weight:bold;color:#990000}
#visitred a:hover{text-decoration:none;font-weight:bold;color: #990000}
#visitred a:active{text-decoration:none;color:#990000}

#visitred_nobold a:link{text-decoration:underline;color:#0022ff}
#visitred_nobold a:visited{color:#990000}
#visitred_nobold a:hover{text-decoration:none;color: #990000}
#visitred_nobold a:active{text-decoration:none;color:#990000}

#highlight a:link{text-decoration:none;color:#0022ff}
#highlight a:visited{text-decoration:none;color:#990099}
#highlight a:hover{text-decoration:underline;color:#0022ff;background-color:#FFFF00;}
#highlight a:active{text-decoration:none;color:#0022ff}

#btmnav a:link{text-decoration:underline;color:#0033CC}
#btmnav a:visited{text-decoration:underline;color:#0033CC}
#btmnav a:hover{text-decoration:none;color: #990000}
#btmnav a:active{text-decoration:none;color:#990000;}
/*|||||||| index.html ||||||||||||||||||||||||||||||||||||*/
#lh-col {
/*	FLOAT: left; */
	background-color:#fff; 
	width: 100%;
	COLOR: #333333;
	text-align: left;

}
#lh-col #test{ /*test */
	border-left:1px solid #000; 
	border-bottom:1px solid #000; 
	float:right;
	width:100px;
	background:#eee;
	margin:0px 0px 10px 10px;
	}

#new{
background:    url("../assets/arrow2.gif") no-repeat left top;
font:11px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding:0px 3px 10px 15px;
}
#new a:link{
text-decoration:underline;
color:#003399;
}
#new a:visited{
text-decoration: underline;
color:#CC3399;
}
#new a:hover{
text-decoration: none;
color:#FF0000;
}
#new a:active{
text-decoration: none;
color:#FF0000;
}
#linksites{
background:    url("../assets/arrow2.gif") no-repeat left top;
font:11px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding:0px 3px 10px 15px;
}
#linksites a:link{
text-decoration:underline;
color:#003399;
}
#linksites a:visited{
text-decoration: underline;
color:#CC3399;
}
#linksites a:hover{
text-decoration: none;
color:#FF0000;
}
#linksites a:active{
text-decoration: none;
color:#FF0000;
}

#leftcol {
	float:left;
	margin-left: 2px; 
	padding-right: 5px;
	padding-top: 10px;
	width:189px; 
}
#rh-col {
	FLOAT:right;
/*	BORDER-LEFT: 1px #003399  dashed;
	BORDER-BOTTOM:1px #003399  dashed;
	PADDING-RIGHT: 0px;
	PADDING-LEFT:  0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
	BACKGROUND: #CCCCCC; 
	MARGIN-left: 10px; 
	color: #003399;*/
	MARGIN-left: 10px; 
	PADDING-RIGHT: 2px;
	PADDING-TOP: 10px;
	WIDTH:189px; 
}

#whatsnew{
	PADDING:10px 0px 15px 15px;
	text-align:left;
	}

#links{
	PADDING:10px 0px 15px 15px;
	text-align:left;
	}


/*||||||||budget_2005.html, budget_2004.html,budget_2003.html ||||||||||||||*/
.tab-bullet{
	background:    url("../assets/arrow4.gif") no-repeat left top;
}

/*||||||||speech.html |||||||||||||||||||||||||||||||||||||||||||||||||||||/*/
.tab-arrow{
	padding-left: 20px;
	background:   url("../assets/arrow1.gif") no-repeat left top;
}

/*||||||||| contact.html ||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tab_pad {margin-left:20px;width:680px;font-size:80% border:0}
.tdata{align:left; valign:top}
#addrs{margin: 2px 0px 0px 20px}
#addrs table{width:700px }
#addrs table td{text-align:left; vertical-align:middle}
.col1{width:488px}
.col2{width:200px}
.tabl{margin:2px 40px}