/* -----------------------
= Reset
--------------------------*/
body{	
	margin:0; padding:0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;		
	/*background:url('mangaung_bg.png') no-repeat;*/
	/*background-position:center top;*/
	/**background:#ffffff url('mangaung_bg.gif') no-repeat;	*/	 
	}
#bodybg{
	background:url('man_bg01.gif') no-repeat scroll left top;	
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p{
	margin : 0 auto 0 auto; padding :0;
}
h1{
	margin:0; padding:0;
}
h2, h3, h4, h5, h6{
	font-size : 100%;
	font-weight : normal;
}
 ol, ul{
	list-style-type : none;
}
fieldset, img{
	border : 0;
}
sup{
	margin:0; padding:1px;
	font-size:8px;
}
/* -----------------------
= Container
--------------------------*/
#container{
	margin:0 auto;
	padding:0;
	width:983px;
}
#masthead{
	height:139px;
	width:983px;
	float:left;
	text-align:center;
	margin:0 0 5px 0;		
}
#section{
	width:983px;
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
	height:1%;
	float:left;
	}
#lhs{
	width:218px;
	position:relative;
	margin:0 7px 0 0; 
	padding:0;	
	display:inline;
	float:left;
	height:100%;
	z-index:9;
	
}
#2010mid_section{
	width:521px;
	position:relative;
	float:left;
	height:100%;
	margin:0;
	padding:0 0 5px 0;
	background-color:#659B00;
	float:left;	
	z-index:-1;	
}
#sec{
	width:521px;
	height:100%;
	margin:0;
	padding:0px;
	float:left;		
}
#rhs{
	width:230px;	
	position:relative;
	margin:0 0 0 7px;
	float:left;		
	height:100%;
	}
.man_fo{
	width:983px;
	margin:0;
	padding:0;
}
/*element.style {
height:22px;
padding-left:5px;
padding-right:5px;
}*/
td.ms-consolestatusmajorframe, td.ms-consolestatusminorframe, td.ms-consolestatuscheckoutframe {core.css (line 3233)
background-repeat:repeat-x;
}
.ms-consoleframe, .ms-consolestatusframe {
border-style:solid;
width:900px;
}
.ms-pagebreadcrumb {
color:#666666;
font-size:8pt;
text-decoration:none;
width:900px;
}
.pageContent {
color:#666666;
font-family:tahoma;
font-size:9pt;
width:900px;
}
/*--- Menu ---*/
#leftNav{
	margin-top:0;
	*margin:0;
	padding:0;
	width:215px;
}
.leftNav1{
	margin:0;
	padding:0;
	width:190px;
	background-color:#ffffff;
	filter:alpha(opacity=70);
	opacity:.7;
	-moz-opacity:.7;
	-khtml-opacity:.7;
}
#leftNav table{
	width:216px;
}
#leftNav .leftNavFlyOuts table{
	width:150px;
}

#leftNav .leftNavHover{
	color:#FFF;
	cursor:pointer;
	background:#659a01;
}

.leftNav1 td{	
	margin:0;	
	padding:0px;
}
.leftNav1 a{
	float:left;
	text-align:left;
	padding:5px 0 5px 0;
	margin-left:10px;
	color:#000!important;
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
	-khtml-opacity:1;
	font:12px verdana;
	outline:none;
}
.leftNav2 
{	color:#606060;
	font-family: Verdana;  
	font-size: 8pt; 
	line-height:14pt;
}
.leftNav2 a
{
	background-position:15px center;
	display:block;
	padding-right:10px;
}
.leftNav3
{	
	font-family: Verdana;  
	font-size: 8pt; 
	line-height:14pt;
}
.leftNavFlyOuts
{
	font-family:Verdana; 
	font-size:8pt; 
	border-top:1px #CBD1E0 solid;
	border-left:1px #CBD1E0 solid;
	border-right:1px #CBD1E0 solid;
	background-color:#ffffff;
}
.leftNavFlyOutsItem
{
	border-bottom:1px #CBD1E0 solid;
	background-color: #FFF;
}
.leftNavFlyOutsItem a
{
	font:12px verdana;
	padding:4px;
	display:block;
	width: 170px;
	color:#000;
}
.leftNavFlyOutsItem a:Hover
{
	color:#ffffff;
	background-color: #659a01;
}
#official_pd{	
	margin:7px 0 0 0;
	padding:0;
	float:left;
	height:63px;
	width:218px;
}
#fifa_pd{	
	margin:7px 0 0 0;
	padding:0;
	float:left;
	height:55px;
	width:218px;

}
#hostcity_pd{	
	margin:7px 0 0 0;
	padding:0;
	float:left;
	height:146px;
	width:218px;

}
#test{
	width:230px;
	margin:7px 0 0 0;
	height:99px;
	background-color:aqua;
	float:left;
	position:relative;
}
#Inner_widget_pd{
	position:relative;
	height:147px;
	width:230px;
	float:left;
	margin:7px 0 0 0;
	padding:0;

}
#ticker{
	width:983px;
	height:20px;
	float:left;
	position:relative;
	background-color:orange;	
}
#search{	
	width:218px;
	height:28px;
	margin-bottom:7px;
	padding:0;
	background:#ffffff;	
	background:url(search_bg.gif) no-repeat;
}
.select .ms-sbscopes {
font-family:tahoma,verdana;
font-size:8pt;
width:170px;
display:none;}

.ms-sbtable-ex {
margin-left:2px;
margin-top:2px;
width:100%;
}
td.ms-sbgo {
padding:1px 3px;
background:none;
}
td.ms-sbcell {
padding:0px 3px 0 3px;
white-space:nowrap;
border:0;
height:22px;
}
.ms-sbtext {
font:12px/125% Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#758384;
margin:-5px 0 0 0;
}
.ms-sbtable-ex {
border-collapse:collapse;
}
.ms-sbtable {
color:#000000;
font-family:Verdana;
font-size:0.7em;
font-style:normal;
font-weight:normal;
}
.ms-sbLastcell, .ms-rightbodysectionsearchbox {
width:100%;
display:none;
}
#top_link{
	width:218px;
	margin:7px 0 0 0;
	padding:0 0 5px 0;
	float:left;
	background:#B2CD7F;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	
}
#top_link h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background:#659B00;	
	font-weight:bold;
	margin:3px 0 0 3px;
	padding:3px 0 5px 5px;
	float:left;
	width:207px;
}
#top_link ul {
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;	
}
#top_link ul li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#000000;
	float:left;
	margin:0;
	padding:5px 0 0 12px;
	background:#B2CD7F;
	width:206px;	
}
#top_link ul li a{
	color:#000000;
	text-decoration:none;		
}
#top_link ul li a:hover{
	color:#507A00;
	text-decoration:none;				
}
#Mangaungfooter{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:7px 0 0 0;
	padding:10px 0 0 0;
	width:983px;
	border-bottom:7px solid #659B00;
	border-top:1px solid #b2b2b2;
	height:40px;
	float:left;	
}
#Mangaungfooter span{
float:right;
margin:-20px 0 0 0;
}
#Mangaungfooter span a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	text-decoration:underline;
}
#Mangaungfooter span :hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	text-decoration:none;
}


#weather{
	width:222px;
	margin:7px 0 0 0;
	height:99px;
	background-color:#fff;
	float:left;
	border-left:4px solid #99CF16;
	border-right:4px solid #99CF16;
	border-bottom:5px solid #99CF16;
}
#weather #forecast_images{
	border:1px solid #99CF16;
}
.title-weather{
	background:url('title-weather.gif') no-repeat;
	height:33px;	
	float:left;
	width:222px;
}
#curr{
	margin:7px 0 0 0;
	height:99px;
	background:url('currency.jpg') no-repeat;
	float:left;
	height:111px;
	width:230px;
}
#curr .temp{
	font:10px/50% Verdana, Arial, Helvetica, sans-serif;
	color:#000000;	
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
}
#curr .highlow{
	font:10px/50% Verdana, Arial, Helvetica, sans-serif;
	color:#000000;	
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
}

.ms-sbplain{
	border:0px!important;
}

.touris-link{
padding-left:5px;
padding-top:2px;
font:11px/16pt verdana;
color:#595959; 
text-align:center;
cursor:pointer;
text-decoration:underline;
}

#interstate_pd{ 
 margin:7px 0 0 0;
 padding:0;
 float:left;
 height:122px;
 width:218px;
 
}

#partners{float:left; width:100%; margin:0;height:170px;}
.partner{align:center;margin:0 auto; width:789px;}


  #midlftcont{width:300px; float:left; border-right:2px solid #9E989A;}
 #midrgtcont{width:190px; float:left;}
 #head14bld{ font:bold 14px/17pt verdana; color:#000; padding-left:20px;}
 #midimgleft{ padding-left:20px; width:280px; float:left; margin-top:10px;}
 #midlfttext11{ width:270px; float:left; text-align:justify; font :11px/13pt verdana; color:#000; padding-left:20px; margin-top:10px;}
 #midrgtsumlink{float:left; font:11px/14pt verdana; color:#171485; width:170px!important;}
 .rgtsumlink{float:left; width:200px!important; margin:0;}
 #midrgtsumlink .item{width:180px!important; float:left; margin:0; padding-left:10px; }
 #midrgtsumlink table{width:180px!important; margin-left:3px;}
 #midrgtsumlink a{font: 10px/14pt verdana; color:#432BB3; text-decoration:underline;}
 #midrgtsumlink .groupheader{background:#FBFFF4!important;}

/*----------------------Sp begins----------------------------*/

.title-weather-sp{
	background:url('title-weather-sp.gif') no-repeat;
	height:33px;	
	float:left;
	width:222px;
}

#curr-sp{
	margin:7px 0 0 0;
	height:99px;
	background:url('currency-sp.jpg') no-repeat;
	float:left;
	height:111px;
	width:230px;
}
#curr-sp .temp{
	font:10px/50% Verdana, Arial, Helvetica, sans-serif;
	color:#000000;	
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
}
#curr-sp .highlow{
	font:10px/50% Verdana, Arial, Helvetica, sans-serif;
	color:#000000;	
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
}
/*----------------------fr begins----------------------------*/

.title-weather-fr{
	background:url('title-weather-fr.gif') no-repeat;
	height:33px;	
	float:left;
	width:222px;
}

#curr-fr{
	margin:7px 0 0 0;
	height:99px;
	background:url('currency-fr.jpg') no-repeat;
	float:left;
	height:111px;
	width:230px;
}
#curr-fr .temp{
	font:10px/50% Verdana, Arial, Helvetica, sans-serif;
	color:#000000;	
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
}
#curr-fr .highlow{
	font:10px/50% Verdana, Arial, Helvetica, sans-serif;
	color:#000000;	
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
}

/*----------------------de begins----------------------------*/

.title-weather-de{
	background:url('title-weather-de.gif') no-repeat;
	height:33px;	
	float:left;
	width:222px;
}

#curr-de{
	margin:7px 0 0 0;
	height:99px;
	background:url('currency-de.jpg') no-repeat;
	float:left;
	height:111px;
	width:230px;
}
#curr-de .temp{
	font:10px/50% Verdana, Arial, Helvetica, sans-serif;
	color:#000000;	
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
}
#curr-de .highlow{
	font:10px/50% Verdana, Arial, Helvetica, sans-serif;
	color:#000000;	
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
}

/*----------------------pt begins----------------------------*/

.title-weather-pt{
	background:url('title-weather-pt.gif') no-repeat;
	height:33px;	
	float:left;
	width:222px;
}

#curr-pt{
	margin:7px 0 0 0;
	height:99px;
	background:url('currency-pt.jpg') no-repeat;
	float:left;
	height:111px;
	width:230px;
}
#curr-pt .temp{
	font:10px/50% Verdana, Arial, Helvetica, sans-serif;
	color:#000000;	
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
}
#curr-pt .highlow{
	font:10px/50% Verdana, Arial, Helvetica, sans-serif;
	color:#000000;	
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
}