body { margin: 0px; background: #fff; }
img { border: 0px none; }
a { text-decoration: none; color: #9fbfdf; font-weight: bold;}
a:hover { text-decoration: none; color: #61686D;}
br.clear { clear: both; }

.t2 { background: #fff url(/img/africa/t2_bleed.gif) repeat-x top left; }

#container { position: relative; width: 775px; top: -15px; margin: 0px auto; padding: 0px; text-align: center; }
#container div { position: absolute; z-index: 1; text-align: left; }

#header { width: 770px; height: 40px; margin: 0px auto; top: 0px; left: 0px; z-index: 2 !important; padding: 15px 10px 20px 10px;  }
#header div { position: relative; float: right; top: 0px; left: 0px; text-align: right !important; }
	#location { padding: 15px 20px 0px 0px; font: bold 12px Arial, sans-serif; line-height: 33px; color: #9fbfdf; }
	#timestamp { padding: 15px 15px 0px 0px;  font: bold 28px Arial, sans-serif; line-height: 26px; color: #858a8e; }
	#temperature { padding: 15px 20px 0px 15px; font: bold 28px Arial, sans-serif; line-height: 25px; color: #858a8e; }
	#forecast { padding: 15px 15px 0px 0px; font: bold 10px Arial, sans-serif; line-height: 13px; letter-spacing: 1px; color: #9fbfdf; }

#page_body { width: 755px; top: 75px; left: 0px;  border: 10px solid #fff; background: #fff; font: normal 12px Arial, Helvetica, sans-serif; line-height: 15px; color: #333; }
#page_body div { position: relative; float: left; top: 0px; left: 0px; }
#page_body h1#page_hdr { width: 403px; height: 20px; margin: 0px 0px 10px 0px; padding: 55px 10px 15px 10px; background: #B29EB1; font: bold 18px Arial, Helvetica, sans-serif; line-height: 20px; color: #fff; }
#family	#page_body h1#page_hdr { background: #9EC872; }


#left_col { float: left; width: 186px; margin: 0px 10px 0px 0px;  }
	#leftnav { width: 186px; margin: 10px 0px 0px 0px; padding: 0px 0px 15px 0px; background: #f2f1ef; font: normal 11px Arial, Helvetica, sans-serif; line-height: 14px; color: #333; }
	#leftnav ul { list-style-image: url(/img/africa/leftnav_arrow2.gif); margin-left: 20px; padding: 0px 10px 0px 10px;} 
	#leftnav ul a{ font: normal 11px Arial, sans-serif; color: #61686D;} 
	#leftnav ul a:hover{ color: #9fbfdf;} 
	
#main_col { width: 413px;  margin: 0px 20px 0px 0px; padding: 0px; }
#right_col { width: 126px; float: right; }
#content { padding: 0px 0px 10px 0px; width: 423px;  min-height: 420px; background: #fff; }
#content p { padding: 0px 10px; font: normal 12px Arial, Helvetica, sans-serif; } 
#content #img p{ font: normal 10px Arial, Helvetica, sans-serif; }
#t2_promo { width: 126px; height: 247px; margin: 10px 0px; padding: 10px 0px 0px 0px; }
#promos { padding: 0px; }

/** FOOTER STYLES **/
#footer { width: 735px; margin: 15px 0px; border-top: 1px solid #d4d4d4; font: normal 10px Arial, Helvetica, sans-serif; line-height: 15px; color: #333; }
#footer a { color: #333; }