/* UPDATED */

html,body{margin:0;padding:0}
body {
text-align:center;
}
div#mother {
	width:850px;
	margin:0 auto;
}
div#container {
	width:850px; 
	border:1px solid #ddd;
	text-align:left;
}
a img{ border: none;}

a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#0066cc;
}
div#header {
	position:relative;
}
div#strap {
	float:left;
        margin:5px 8px 3px 5px; padding:0px; width:834px;
}
div#strap p {
margin-bottom:10px;
}
div#date {
	float:left;
}
div#strap-margin {
        margin:0;
}
div#date p {
	float:left;
	margin:0;
}
div#rhs-links {
    float:right;
}
div#links {
	float:left;
    color:#999;
    margin:0 20px 5px 0;
}
div#links ul {
	margin:0;
	padding:0;
}
div#links ul li {
	display:inline;
	list-style-type:none;
	margin:0;
	font: normal 8pt/10pt Verdana, Arial, Helvetica, sans-serif;
	padding:0;	
}
div#links ul li a {
        color:#999;
	text-decoration:none;
}
div#links ul li a:hover {
        color:#0066cc;
	text-decoration:none;
}
div#flags {
	float:left;
    margin:0;
}
div#flags img {
    margin:0 0 0 5px;
}

/* NAVIGATION */

div#navigation {
	float:left;
	width:185px;
	margin-left:-849px;
}
div#navigation ul.navigation {
	margin:10px 0 10px 0;
	padding:0;
}
div#navigation ul.navigation li {
	margin:0 0 5px 0;
    list-style-type:none;
	padding:0;
	border-bottom:1px solid #999;
}
div#navigation ul.navigation li a {
	text-decoration:none;
    color:#999;
}
div#navigation ul li a:hover {
	text-decoration:none;
    color:#0066cc;
}
ul#t2 {
	background-color:#f8f8f8;
}
ul#t2 li {
	margin:0 0 0 40px;
	padding:0;
}
ul li a.simple_t2 {
	margin:0 0 0 -20px;
	padding:0;
}

li .tier_3 { margin-left: 40px;}
.pad {
	margin-left:5px;
}
.lhs-grey {
	border:1px solid #ddd;
    padding:5px;
    margin-bottom:5px;
}
.lhs-grey p {
    padding:0;
    margin:5px 0 0 0;
    color:#333;
}
.lhs-grey ul {
    padding:0;
    margin:5px 0 0 13px;
    color:#999;
}
.lhs-grey ul li {
	padding:0;
	margin-bottom:0;
}
.lhs-grey ul li a {
    color:#0066cc;
	text-decoration:none;
}
.tn {
    float:left;
    padding:0 5px 0 0;
}
div.LHSbox {
	border:1px solid #ddd; 
	margin-bottom:5px; 
	width:183px
}
div.LHSboxm {
	margin:5px;
}
div.LHSbox img.thumb {
	float:left;
	margin:5px 5px 0 0;
}
div.LHSbox p {
	margin:5px 0 0 0; 
	color:#333;
}
div.LHSbox ul {
	padding:0;
	margin:5px 0 0 13px;
	color:#999;
}
div.LHSbox ul li a {
	color:#0066cc;
}
div.LHSbox ul li a:hover {
	color:#0066cc;
	text-decoration:underline;
}
 
a.white{
color:#0066cc;
}

/* CONTENT */

div#wrapper {
	float:left;
	width:100%;
}
div#content {
	margin: 0 0 0 201px;
    width:394px;
}
/* 2COL */

div#wide {
	margin: 0 0 0 201px;
    width:642px;
    text-align:left;
}
div.wide-strap {
	background-color:#efeeee; 
	border:1px solid #ddd; 
	width:545px; 
        margin-bottom:5px;
}
div#art-content {
	margin: 0 0 0 198px;
    width:394px;
}

div#cal-content {
	margin: 0 0 0 198px;
    width:649px;
}

div#cat {
    width:387px;
}
div#content p {
	line-height:1.4;
    margin:0 0 5px 0;
    color:#333;
}
div.BODYrelbox {
	background-color:#efeeee; 
	border:1px solid #ddd; 
	width:365px; 
	padding:10px;
}
div#content a {
    color:#0066cc;
}
div.intros {
    border-top:1px solid #ddd;
    padding:3px 0 0 0;
}
div#top-stories {
	width:384px;
	border:1px solid #ddd;
	padding-top:10px;
}
div#top-stories p {
	margin-left:3px;
}
div#top-stories a.mc_more:hover { text-decoration: none;
}

div#top-stories b{  width: 15px; height: 1px; background: url(pics/redesign/arrow.gif) 0px 4px no-repeat; margin: 0; padding:0px 4px 0px 7px; line-height: 0; cursor: hand; }


div#cat-top-story {
	margin-bottom:5px;
}
div#cat-top-story h1 {
	font: bold 11pt/13pt Verdana, Arial, Helvetica, sans-serif;  
	margin:0 0 5px 0;
}
div#cat-top-story h1 a.title_lk_cs {
	color:#0066cc; 
	text-decoration:none;
}
div#cat-top-story h1 a.title_lk_cs:hover {
	color:#0066cc; 
	text-decoration:underline;
}
div#cat-top-story a {
	text-decoration:none;
}
div#cat-top-story a:hover img {
	text-decoration:none;
}
.blurb {
	margin-bottom:5px;
	margin-left:6px;
}
.blurb a {
	text-decoration:none;
	color:#0066cc;
}
.blurb a:hover {
	text-decoration:underline;
}
.much-pad {
	margin:10px;
}
div#thumbs img {
    margin:0;
}
div#thumbs a img {
    border:3px solid #fff;
}
div#thumbs a:hover img {
    border:3px solid #0066cc;
}
.main-links {
    margin:5px;
}
.main-links a {
    color:#316187;
	text-decoration:none;
}
div#bottom-content {
    width:386px;
}
.headlines {
	border:1px solid #ddd;
	margin-right:5px;
	float:left;
	width:384px;
}
ul.news-titles {
    padding:0;
    margin:5px 0 9px 13px;
    color:#999;
}
ul.news-titles li {
	padding:0;
	margin:0 0 2px 0;
}
ul.news-titles li a {
    color:#0066cc;
	text-decoration:none;
}
ul.news-titles li a:hover {
	text-decoration:underline;
}
span.more a {
	color:#316187;
	text-decoration:none;
}
div#your-sa {
	float:right;
	width:125px;
	border-left:1px solid #ddd;
	height:140px;
}
div#your-sa h2.grey {
	color:#333;
}
.btmcontent-pad {
	margin:0 0 0 5px;
}
.tn {
	margin:5px 0 0 0;
}

/* FULL ARTICLE */

div#cal_article {
    width:640px;
}

div#cal_article h1 {
	color:#333;
	margin:0 0 10px 0;
	font: bold 12pt/14pt Verdana, Arial, Helvetica, sans-serif;
}
div#cal_article h4 {
	color:#333;
	margin:10px 0 10px 0;
	font: bold 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
}
div#cal_article p {

	font: normal 8pt/10pt Verdana, Arial, Helvetica, sans-serif;
	color:#333;
    margin:0 0 10px 0;
}
div#cal_article a{
color:#0066cc;
}
div#cal_article ul li a{
color:#0066cc;
}



div#article {
    width:387px;
}

div#article h1 {
	color:#333;
	margin:0 0 10px 0;
	font: bold 12pt/14pt Verdana, Arial, Helvetica, sans-serif;
}
div#article h4 {
	color:#333;
	margin:10px 0 10px 0;
	font: bold 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
}
div#article p {

	font: normal 8pt/10pt Verdana, Arial, Helvetica, sans-serif;
	color:#333;
    margin:0 0 10px 0;
}
div#article a{
color:#0066cc;
}
div#article ul li a{
color:#0066cc;
}
div.section-strap {
	background-color:#efeeee; 
	border:1px solid #ddd; 
	width:377px; 
        margin-bottom:5px;
}


div.section-strap-cal {
	background-color:#efeeee; 
	border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:0; border-left:1px solid #ddd;
	width:389px; 
        margin-bottom:0;
}

span.breadcrumbs {
	color:#0066cc;
}
.art-box {
	border:1px solid #ddd; 
	padding:5px; 
	margin:0 5px 5px 0; 
	float:left; 
	width:40%;
}
.art-box p{
	padding:0;
	margin:0;
}
div#subscribe-box {
	border:1px solid #ddd; 
	padding:5px; 
	margin-top:5px;  
	width:100%;
}
div#subscribe-box img {
	float:left; 
}
div#subscribe-box p {
	margin:0;
	padding:0;
}
div#subscribe-box a{
	color:#0066cc;
}

/* RIGHT */

div#extra {
	float:left;
	width:255px;
	margin-left:-258px;
}
div#art-extra {
	float:right;
	width:255px;
	margin-left:-258px;
}
div#art-img { 
	margin:0 5px 5px 5px; 
	width:245px;
}
.content-box {
	margin:0 0 5px 0;
    padding:0 5px 5px 5px;
    border:1px solid #ddd;
}
.content-box p {
	margin:0;
	padding:0;
        color:#333;
}
img.rhs_tn {
	float:left;
	margin:3px 5px 5px 0;
}
div.RHSbox {
	border:1px solid #ddd; 
	margin:0 5px 5px 5px; 
	width:245px;
}
div.RHSboxm {
	margin:5px;
}
div.RHSbox-art {
	margin:5px 5px 0 5px;
}
div.RHSart {
	margin-top:5px;
        clear:both;
}
div.RHSboxm ul {
	margin-bottom:5px;
	margin-top:5px;
}
div.RHSboxm ul li {
	color:#333;	
}
div.RHSboxm ul li a {
	color:#0066cc;	
}
div.RHSboximgL {
	float:left; 
	margin-right:5px;
}
div.RHSboximgR {
	float:right; 
	margin-left:5px;
}
div.RHSbox h3 a {
	font: bold 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	color:#333;
	padding:0;
}
div.RHSbox h3 a:hover {
	color:#0066cc;
}
div.RHSbox p {
	font: normal 8pt/10pt Verdana, Arial, Helvetica, sans-serif;
	color:#333;
    margin:0 0 5px 0;
    padding:0;
}
div.RHSbox p a{
	color:#0066cc;
}
div.box2 {
	margin-top:10px;
}
div.mapheader {
	margin-bottom:5px;
}
.relatedRHS {
	background-color:#efeeee; 
	border:1px solid #ddd; 
	margin:0 5px 5px 5px; 
	width:245px;
}
p.nopad {
margin:0; 
padding:0;
}
ul.listing {
margin:0;
padding:0;
}
ul.listing li {
display:inline;
list-style-type:none;
}
div#rhs-blurbs h2 a{
color:#333;
}
div#rhs-blurbs h2 a:hover{
color:#0066cc;
}
div#rhs-blurbs p {
margin:0 0 5px 0;
}
div#rhs-blurbs {
margin-top:5px;
}
div#rhs-blurbs a{
color:#333;
}
div#rhs-blurbs a:hover{
color:#0066cc;
}

/* FOOTER */

div#footer {
	clear:left;
    padding-top:10px;
	width:100%;
}
div#btm {
    float:right;
	color:#999;
}
div#btm a {
	color:#999;
}
div#btm a:hover {
	color:#0066cc;
}

ul.rel {
color:#333;	
margin:0 0 0 20px;
padding:0;
}
ul.rel li {
color:#333;
margin-bottom:3px;
}
ul.rel li a {
color:#333;	
}
ul.rel a:hover {
color:#0066cc;
	
}
h1 {
	font: bold 12pt/14pt Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 2px;
	color:#0066cc;
	padding:3px 0 3px 0;
}
h2 {
	font: bold 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	color:#333;
	padding:0;
}
h2.cat a.title_lk_cs {
color:#0066cc;
padding:0;
margin:0;
}
h2.grey {
	color:#333;
}
h2.grey a {
	color:#333;
}
h2.grey a:hover {
	color:#0066cc;
}
h3 {
	font: bold 8pt/10pt Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 5px;
	color:#fff;
	padding:0;
}
h3.intro2 {
	font: bold 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	color:#333;
	padding:0;
}
h3.intro2 a{
	color:#0066cc;
}
h3.bg {
	font: bold 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	color:#333;
	background-color:#efeeee; 
	border-bottom:1px solid #ddd; 
	padding:2px 0 2px 5px;
}
h3.intro {
	font: bold 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	color:#0066cc;
	padding:0;
}
h3.blurb {
	font: bold 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	color:#0066cc;
	padding:0;
}
h4 {
	font: bold 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0 0 0;
	color:#0066cc;
	padding:0;
	text-decoration:none;
}
h4.art {
	font: bold 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0 0 0;
	color:#333;
	padding:0;
	text-decoration:none;
}
.content-box h4 {
	color:#000;
}
.content-box h4 a {
	color:#000;
}
.content-box h4 a:hover {
	color:#0066cc;
}
h5 {
	font: bold 8pt/10pt Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	color:#333;
	padding:2px 5px 2px 5px;
}

/*#slider-thumbs { border: 2px solid #0066cc;}*/
#thumb_ctl { float:  left;  margin: 3px 2px 0 0;} 

.thumb_cls { border: 2px solid #fff; }
.thumb_cls a:hover {border: 2px solid #0066cc;  }

/* styling of navigation */

div#menu {
margin:10px 0 10px 0;
}
div#menu p#selected {
margin:0;
color:#666;
font-weight:bold;
}
div#menu ul {
margin:0;
padding:0;
}
ul.tier1 {
margin:0;
padding:0;
}
div#menu ul li {
margin:0;
padding:3px 0 3px 0;
list-style-type:none;
border-bottom:1px solid #ddd;
}
ul.tier1 li {
margin:0;
padding:3px 0 3px 0;
list-style-type:none;
border-bottom:1px solid #ddd;
}
ul.tier1 li a.custom_nav{
color:#999;
}
div#menu ul li a.custom_nav{
color:#999;
}
ul.tier1 li a.custom_nav{
color:#999;
}
div#menu ul li a.custom_nav:hover{
text-decoration:none;
color:#0066cc;
}
ul.tier1 li a.custom_nav:hover{
text-decoration:none;
color:#0066cc;
}
dl#tier2 {
margin:0 0 0 0;
padding:5px 0 5px 20px;
background-color:#efeeee;
}
dl#tier2 dt {
margin:0 0 0 0;
padding:3px 0 3px 20px;
border-bottom:1px solid #ddd;
}
dl#tier2 dt a.simple_t2{
color:#333;
}
div#menu dl dt a.simple_t2{
color:#333;
}
dl#tier2 dt a.simple_t2:hover{
    text-decoration:none;
    color:#0066cc;
}
div#menu dl dt a.simple_t2:hover {
    text-decoration:none;
    color:#0066cc;
}
dl#tier2 dd {
margin:0 0 0 40px;
padding:3px 0 3px 0;
border-bottom:1px solid #ddd;
}
dl#tier2 dd a{
color:#333;
}
dl#tier2 dd a:hover{
    text-decoration:none;
    color:#0066cc;
}

p.caption {
margin-bottom:5px;
}

.video_box { width:302px; height:auto; margin-left:26px;}

.moduletablecal {border:1px solid #ddd; width:243px; padding:0px; height:auto; margin-left:5px; margin-bottom:5px;}
.moduletablecal h3 { font-weight:bold; width:233px; color:#000; padding:0px 0px 5px 5px; margin:0; margin:5px 0 0 5px; background-color:#EFEEEE; }
.moduletablecal .latest_event { padding:0 0 5px 5px;}


/* CALENDAR */

#sainfo_calendar .td_info { font-weight:bold; font-size:12px;}

#sainfo_calendar form { border:1px solid #ddd; width:389px; padding:5px; margin-top:0; background-color:#FAFAFA; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

#sainfo_calendar input { width:245px; border:1px solid #c9c9c9; color:#767676;}
#sainfo_calendar select { width:245px; border:1px solid #c9c9c9; color:#767676;}

#sainfo_calendar form .img { width:52px; border:0;}
#sainfo_calendar form .input55 { width:55px;}
#sainfo_calendar form .input80 { width:80px;}
#sainfo_calendar form .input10 { width:10px;}

#sainfo_calendar label { display:block; padding:5px 0 5px 0;}
#sainfo_calendar .txt {display:block; font-weight:bold; padding:3px 0 3px 0;}

#sainfo_calendar #results { width:620px; display:block; height:auto; clear:both; border-bottom:1px solid #E4E4E4; padding:10px 0 18px 0; margin:0;}
#sainfo_calendar #results #divider10 {display:block; clear:both; width:620px; line-height:0px; font-size:0px; height:10px;} 
#sainfo_calendar #results #rBox {padding:5px 5px 0 5px; height:3%; clear:both;}
#sainfo_calendar #results .rLeft { float:left; width:60px; font-weight:bold; margin:0; padding:0;}
#sainfo_calendar #results .rMid {float:left; width:1px; font-weight:bold; padding:0 10px 0 10px;}
#sainfo_calendar #results .rRight {float:left; width:510px; margin:0; padding:0;}
#sainfo_calendar #results h5 { font-size:11px; font-weight:bold; margin:0; padding:0;}

#sainfo_calendar #results a { color:#007ED8; text-decoration:none;}
#sainfo_calendar #results a:hover { color:#007ED8; text-decoration:underline;}

#sainfo_calendar #results #next_prev { display:block; text-align:center; padding-top:20px; clear:both; width:620px; height:50px;}

#sainfo_calendar #page_nav { display:block; text-align:center; padding-top:20px; clear:both; width:620px; height:50px;}


#show_lnks { display:block; clear:both; width:100%; text-align:center;}
#show_lnks a { color:#007ED8; text-decoration:underline;}
#show_lnks a:hover { color:#007ED8; text-decoration:underline;}

@media all { IE\:HOMEPAGE {behavior:url(http://www.southafrica.info/styleguide.css#default#homepage)}