.textcontent {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  width:520px;
  padding:15px;
}
.textcontent img{
  border:0px;
}

.rightcontent {
	border-bottom: 1px dotted red;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:60px;
}
.outerWrapper .footer .footerItem{
	text-align:center;
	width:100px;
	float:left;
	font-weight:bold;
	font-size:9px;
	color:#111;
}

.outerWrapper .contentInner .leftCol .NewsMenu{
	float:left;
	width:139px;
	padding:0px 5px 0px 5px;
	font-size:11px;
	color:#fff;
background:url(../../libs/images/menu_left.jpg) no-repeat;
	background-color:#d3be85;
	text-align:center;
}

.outerWrapper .contentInner .leftCol .LinksMenu{
	float:left;
	width:152px;
	padding:30px 3px 0px 0px;
	font-size:10px;
	height:180px;
	color:#111;
	text-align:center;
	background:url(../../libs/images/menu_left2.jpg) no-repeat;
	line-height:10px;
}
.headerMenuItem{
	width:12%;
	float:left;
	color:#fff;
	font-size:11px;
}
.footerTop{
	width:78%;
	float:right;
	height:58px;
	background:#fff;
	background-position:bottom;
	padding-top:20px;
	}
.logoContainer{
	width:25%;
	float:left;
	}	
.styleBrown{
	color:#635a44;
}
.styleLightBrown{
	color:#a57f56;
	font-weight:bold;
	font-size:9px;
	}
.styleSatBrown{
	color:#a8714a;
	font-weight:bold;
	font-size:11px;
}

.headerMenuItem a,  a:link {
  color: #000;
  text-decoration: none;
}
.headerMenuItem a:visited {
  color: #000;
  text-decoration: none;
}
.headerMenuItem a:hover {
  color: #deb677;
  text-decoration: none;
}
.headerMenuItem a:active {
  color: #deb677;
}
.headerMenuItem a:focus {
  color: #deb677;
}

/*---------- bubble tooltip -----------*/
.tho	{
	position: absolute;
	top: 6px;
	right: 201px;
}
.tt{
    position:relative;
		z-index:24;
    color:#000000;
		text-decoration:none;
		font-family:arial;
		font-size:8pt;
		cursor:pointer;
		width: 50px;
		height: 73px;
}
.tt span{ display: none; }
.tt ul {
margin:5px 0px 5px 15px;
}
.tt li {
margin-left:5px;

}
/*background:; ie hack, something must be changed in a for ie to execute it*/
.tt:hover{ z-index:25; color: #000000; background:;}
.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #000000;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(http://www.satib.co.za/satibseal/bubble.gif) no-repeat top;
}
.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(http://www.satib.co.za/satibseal/bubble_filler.gif) repeat bottom; 
}
.tt:hover span.bottom{
	height: 13px;
	width: 200px;
	display: block;
	padding-top: -13px;
	background-image: url(http://www.satib.co.za/satibseal/bubble_filler.gif);
	background-repeat: no-repeat;
	background-position: center -13px;
}