@charset "utf-8";
/* CSS Document */

* {	padding: 0; margin: 0; border: 0; }

body { font-family:Verdana, Arial, Helvetica, sans-serif; background: #f8f8f8; margin: 0 0 20px 0}
body.popup { background: #A61907; background-image:none;}
.tafBut { margin: 10px 0 0 130px; text-indent: -9000px; background:url(../images/tafBut.gif) top no-repeat; display:block; width: 136px; height: 31px; border: 0; cursor: pointer;} 
.tafBut:hover { text-indent: -9000px; background:url(../images/tafBut.gif) bottom no-repeat; display:block; width: 136px; height: 31px; border: 0; cursor: pointer;} 


.both { clear:both;}
.cl { clear:left;}

.intTop{ list-style:none; width: 388px; float: right; padding: 10px 12px 0 0;}
.intTop ul { list-style:none; float:right}
.intTop ul li { float:left; overflow:hidden;}
.intTop ul li a.flag {display:block; width:16px ; height:11px; text-indent:-9000px; margin: 0 0 0 10px}
.intTop ul li a.za { background:url(../images/flags/za_off.png);}
.intTop ul li a.za:hover { background:url(../images/flags/za.png);}
.intTop ul li a.gb { background:url(../images/flags/gb.png);}
.intTop ul li a.gb:hover { background:url(../images/flags/gb.png);}

form { padding: 0; margin: 0;}

body.appFooter { font-family:Verdana, Arial, Helvetica, sans-serif; background: #0D0D0D;}
#pageContainer { width: 760px; margin: 0 auto;}


#appFooter { width:760px;}
#appFooter p { text-align:center; font-size:10px; margin: 12px 0 4px 0; color:#FFFFFF}
#appFooter p a { color: #ffffff; text-decoration:none;}
#appFooter p a:hover { text-decoration:underline;}




#logo { background: #0D0D0D url(../images/masthead_logobg.gif) top no-repeat; width:760px; height: 107px; }
#logo h1 { margin:0; padding:0; text-indent:-9000px }
#logo h1 a {width:760px; height: 107px; display:block; overflow:hidden }


#logoSub { background: #0D0D0D url(../images/masthead_logobgsub.gif) top no-repeat; width:760px; height: 126px; overflow:hidden  }
#logoSub h1 { margin:0; padding:0; text-indent:-9000px }
#logoSub h1 a {width:760px; height: 126px; display:block;}




#loginContainer { width:750px; background: #0D0D0D; color: #fff; padding: 2px 5px;}
#login { width:390px; background: #0D0D0D; color: #fff; float:right}

#login label { font-size:12px; float:left; padding:2px 0 0 0;}
#login input { padding: 1px; float:left; background: #efefef; margin: 0 5px 0 5px;}
#login input:focus { background: #fff}
#login input.password { float:left}


button.loginBut { margin: 0 0 0 5px; float:left; text-indent: -9000px; background:url(../images/loginBut.gif) top no-repeat; display:block; width: 53px; height: 19px; border: 0; cursor: pointer;} 
button.loginBut:hover { text-indent: -9000px; background:url(../images/loginBut.gif) bottom no-repeat; display:block; width: 53px; height: 19px; border: 0; cursor: pointer;} 


#splash {}

#splash .intro { width:476px; height:257px; float:left; background:url(../images/splash_copy1.jpg) right no-repeat;}

#splash .intro p { color:#fff; font-size: 14px; padding: 10px 90px 0 24px;}



#splash .intro h2 { color: #fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; margin: 32px 0 0 24px; padding:0; font-weight:normal; line-height: 32px}

#splash h3 { width:284px; height:257px; display:block; float:left; text-indent: -9000px;}

#subLinks {background: #0D0D0D; height: 28px; clear:both; margin: 5px 0 0 0; }
#subLinks ul { list-style:none; padding: 5px 0 0 20px;}
#subLinks ul li { float:left; font-size: 14px; font-weight: bold; padding: 0 12px 0 0; }
#subLinks ul li a { color: #fff; }

#subSplash { background: #A61907; width:710px; margin: 5px 0 0 0; padding:20px 25px 0 25px;;}
#subSplash p.Art { font-size:12px; color:#fff; padding: 0 0 10px 0; text-align:justify}
#subSplash p.Art a { color: #fff; text-decoration:none}
#subSplash ul.Art { font-size:12px; color:#fff; padding: 0 0 10px 0; text-align:justify; list-style:none }
#subSplash ol.Art { font-size:12px; color:#fff; padding: 0 0 10px 0; text-align:justify; margin: 10px 0 0 25px; }
#subSplash li { margin: 5px 0 }
#subSplash li a { color:#FFFFFF;}
#subSplash h1.Art { font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; margin: 0 0 10px 0; padding:0; font-weight:normal; color: #fff}

p.ArtAc { font-size: 10px; color:#CCCCCC; margin: 10px 25px 10px 25px; }
p.ArtAc a { color:#CCCCCC; text-decoration:none; }
p.ArtAc a:hover { text-decoration:underline; }

#searchBoxContainer { float:left; width:340px}

#searchBoxContainer h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; margin: 0 0 10px 0; padding:0; font-weight:normal; color: #fff}
#searchBox { background: #C8C8C8 url(../images/search_box_top.jpg) top no-repeat; width:320px; padding:10px 10px 0 10px}

#searchBox .option { margin: 3px 0 7px 0}
#searchBox p.comment { margin: 0 0 0 150px; font-size:10px}
#searchBox label { float:left; width: 145px; font-size: 14px; color:#CC0000; font-family:Georgia, "Times New Roman", Times, serif; margin: 5px 0 0 0;}
#searchBox .labelTop  {font-size: 14px; color:#CC0000; font-family:Georgia, "Times New Roman", Times, serif; margin: 5px 0 0 0;}


#searchBox select { border: 1px solid #666666; padding: 2px}
#searchBox input.txt { border: 1px solid #666666; padding: 2px}



#searchBox.reg div.comment { margin: 0 0 0 132px; font-size:10px}
#searchBox.reg div.commentWide { font-size:10px;}

#searchBox.reg label { float:left; width: 130px; font-size: 14px; color:#CC0000; font-family:Georgia, "Times New Roman", Times, serif; margin: 5px 0 0 0;}
#searchBox.reg select { border: 1px solid #666666; padding: 2px}
#searchBox.reg input.txt { border: 1px solid #666666; padding: 2px}

button.searchBut { margin: 10px 0 0 150px; text-indent: -9000px; background:url(../images/searchBut.gif) top no-repeat; display:block; width: 166px; height: 31px; border: 0; cursor: pointer;} 
button.searchBut:hover { text-indent: -9000px; background:url(../images/searchBut.gif) bottom no-repeat; display:block; width: 166px; height: 31px; border: 0; cursor: pointer;} 


button.loginButBig { margin: 10px 0 0 150px; text-indent: -9000px; background:url(../images/loginButBig.gif) top no-repeat; display:block; width: 72px; height: 31px; border: 0; cursor: pointer;} 
button.loginButBig:hover { text-indent: -9000px; background:url(../images/loginButBig.gif) bottom no-repeat; display:block; width: 72px; height: 31px; border: 0; cursor: pointer;} 

.searchBottom { width: 340px; height: 19px; background: #C8C8C8 url(../images/search_box_bot.gif) bottom no-repeat;}



button.registerBut { margin: 10px 0 0 130px; text-indent: -9000px; background:url(../images/registerBut.gif) top no-repeat; display:block; width: 166px; height: 31px; border: 0; cursor: pointer;} 
button.registerBut:hover { text-indent: -9000px; background:url(../images/registerBut.gif) bottom no-repeat; display:block; width: 166px; height: 31px; border: 0; cursor: pointer;} 






#registerBox { float:left; width:320px; margin:  0 0 0 50px; color: #fff; font-size:12px; }

#registerBox h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; margin: 0 0 10px 0; padding:0; font-weight:normal;}

#registerBox ol { margin: 10px 0 0 22px; padding: 0}
#registerBox ol li { margin: 0 0 6px 0;}

#registerBox ul { margin: 0; padding: 0}
#registerBox ul li { list-style:none;}
#registerBox ul li a { text-decoration:underline; color:#fff}

.registerForFree { background:url(../images/registerforfree.jpg) top; width:259px; height: 65px; display:block; text-indent: -9000px; margin: 30px 0 0 0; overflow:hidden;}
.registerForFree:hover { background:url(../images/registerforfree.jpg) bottom; display:block}


    #wld_badge_wrapper { border: 0px solid black; width: 760px; overflow: hidden; background: #A61907; margin: 0 }
	#wld_badge_wrapper h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; margin: 5px 0 10px 25px; padding:0; font-weight:normal; color: #fff}
	
    #wld_badge_inner { padding: 10px 0 10px 10px; }

    .wld_badge_item { float: left; margin: 0 15px 10px 15px; padding: 0; height:130px }
    .wld_badge_item img { border: 1px solid #fff; }
    .wld_badge_item_detail { margin-top: 5px; font-size: 65%; width: 90px; overflow: hidden; text-align:center; color: #fff }

    .wld_badge_clear { clear: both; height:1px; }
	
	
#footer { background: #0D0D0D;  clear:both; margin: 5px 0 10px 0; font-size:12px; color: #fff;}
#footer a { text-decoration: none; color: #fff;}
#footer a:hover { text-decoration: underline}
#footer .hpLink { text-align:center; width: 760px; padding: 5px;}

#footer .subFooter { text-align:center; font-size:10px; margin: 2px 0;}


#footer ul { list-style:none; padding: 5px 0 0 20px;}
#footer ul li { float:left; font-size: 14px; font-weight: bold; padding: 0 12px 0 0; }
#footer ul li a { color: #fff; }

#mastHead {}


/* Articles */

.artRight { float: right; margin: 0 0 30px 35px;}