/* CSS layout */
body 
{
	color:#000000; 
	font-size:9pt; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#D1C9A2;
	background-image:url('../images/bckgr_page.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

* 	 {margin:0; padding:0;}

/* - - - - - - - - - - - - - - - - - - */
/*             FORMATTING              */
/* - - - - - - - - - - - - - - - - - - */

p {color:#000000; font-size:9pt; text-align:justify; line-height:150%; margin-bottom:20px; font-family:Verdana, arial, Arial, Helvetica, sans-serif;}
p.center {text-align:center;}
p.justify {text-align:justify;}
p.left {text-align:left;}
p.right {text-align:right;}
p.indent {text-indent:20px;}
p.italic {font-style:italic;}
p.uppercase {text-transform:uppercase;}
p.navstop {margin-right:15px;}
p.row {display:inline;}

h1 {color:#887500; font-size:26px; font-weight:bold; text-align:right; margin-right:30px; margin-top:0px; margin-bottom:0px; font-family:"Times New Roman", Times, serif;}
h2 {color:#444878; font-size:90pt; font-weight:200; text-align:right; letter-spacing:5px; margin-right:80px; margin-top:0px; margin-bottom:0px; font-family:Georgia, "Times New Roman", Times, serif;}
h3 {color:#51558E; font-size:14pt; font-weight:bold; margin-top:20px; margin-bottom:12px; font-family:Verdana, arial, Arial, Helvetica, sans-serif;}
h4 {color:#887500; font-size:13px; margin-bottom:12px; font-family:Verdana, arial, Arial, Helvetica, sans-serif;}
h5 {color:#887500; font-size:11px; font-weight:bold; text-align:justify; margin-top:0px; margin-bottom:3px; font-family:arial, Arial, Helvetica, sans-serif;}
h6 {color:#887500; font-size:10px; font-weight:bold; margin-top:0px; margin-bottom:3px; font-family:Verdana, arial, Arial, Helvetica, sans-serif;}

a:link {color:#51558E; text-decoration:underline;}
a:visited {color:#51558E; text-decoration:underline;}
a:active {color:#887500; text-decoration:underline;}
a:hover {color:#887500; text-decoration:underline;}

ul {text-align:justify; margin-bottom:0;}
ol {text-align:justify; margin-top:4px; margin-bottom:0px;}
li {margin-top:5px; margin-bottom:5px; text-align:justify;}
li.row {display:inline;}
li.indent {margin-left:20px;}

.sp {color:fuchsia; font-size:8pt; font-style:italic;}

.hilite {color:#5E5000; font-size:7pt; margin-bottom:10px; font-family:Verdana, arial, Arial, Helvetica, sans-serif;}
.hilite a:link {color:#62807E; text-decoration:underline;}
.hilite a:visited {color:#62807E; text-decoration:underline;}
.hilite a:active {color:#887500; text-decoration:underline;}
.hilite a:hover {color:#887500; text-decoration:underline;}

.logo{border:0px;}

.picmain {border:0px;}
.picside {border:0px; margin:2px;}

.advertbig {border:solid 1px #887500; margin-top:20px; margin-bottom:20px; margin-left:35px; margin-right:35px;}
.advertleft {border:solid 1px #887500; margin-top:20px; margin-bottom:20px;}
.advertright {border:solid 1px #887500; margin-top:20px; margin-bottom:20px;}

.small {font-size:11px; margin-bottom:10px; font-family:Verdana, arial, Arial, Helvetica, sans-serif;}
.small a:link {color:#62807E; text-decoration:underline;}
.small a:visited {color:#62807E; text-decoration:underline;}
.small a:active {color:#887500; text-decoration:underline;}
.small a:hover {color:#887500; text-decoration:underline;}

.outerbars{color:#444878; font-size:8pt; padding-top:7px; font-family:verdana, arial, Arial, Helvetica, sans-serif;}
.outerbars a:link {color:#444878; text-decoration:underline;}
.outerbars a:visited {color:#444878; text-decoration:underline;}
.outerbars a:active {color:#887500; text-decoration:underline;}
.outerbars a:hover {color:#887500; text-decoration:underline;}

.divider {font-size:1px; padding-bottom:2px; border-top:1px solid #D1C9A2; margin-bottom:10px;}

/*    Table with visible border    */
.table {border:solid 1px; border-color:#B6916D; border-collapse:collapse;}
.table td {margin:5px; border:solid 1px; border-color:#B6916D; padding:3px; font-size:11px;}
.table p {margin:5px; border:solid 1px; font-size:11px;}
.table ul {margin-bottom:0px;}
.table ol {margin-bottom:0px;}
.table li {margin-top:0px; margin-bottom:0px; line-height:120%; font-size:11px;}
.tabledark {margin:5px; color:#FFFFFF; background-color:#444878; font-size:11px; font-weight:700;}
.tablegold {margin:5px; color:#FFFFFF; background-color:#A69242; font-size:11px; font-weight:700;}
.tableshaded {margin:5px; background-color:#D1C9A2; color:#52461C; font-size:11px; }

/*    Table without border    */
.table2 {border:0px; width:100%;}
.table2 td {border:0px; padding:2px; text-align:center;}
.table2 p {margin-bottom:5px; margin-top:5px; line-height:110%; text-align:center;}
.table2dark {color:#FFFFFF; background-color:#444878; font-weight:bold;}
.table2gold {background-color:#BFB68B; font-weight:bold;}
.table2shaded {background-color:#DEDCCF;}

/*    Table without borders for practitioner lists    */
.table3 {border:0px; width:80%; clear:both; margin:0 auto; overflow:auto;}
.table3 td {border:0px; padding:2px; text-align:default;}
.table3 p {margin-bottom:5px; margin-top:5px; line-height:110%;}
.table3dark {color:#FFFFFF; background-color:#444878; font-weight:bold;}
.table3gold {background-color:#BFB68B; font-weight:bold;}
.table3shaded {background-color:#DEDCCF;}

/* - - - - - - - - - - - - - - - - - - */
/*               LAYOUT                */
/* - - - - - - - - - - - - - - - - - - */

#printtop {display:none;}

#topbar 
{
	clear:both;
	margin:0 auto;
	overflow:auto;
	width:940px;
	height:20px;
}

#homebutton
{ 
	z-index:900;
	position:absolute;
	height:20px;
	width:60px; 
 	left:50%; 
 	margin-left:402px;
 	top:0px; 
 	text-align:right;
}

#masthead 
/* 1. The 'clear' statement disallows anything on either side outside of this container, but does allow other elements (e.g. logo & header)inside it */
/* 2. The 'margin:0 auto' statement is what centers this container */
/* 3. The 'overflow:auto' statement ensures that the masthead stretches to the same height as the longest element inside it */
/* 4. If there is no outer container, change the width to a fixed px value */
{
	clear:both;
	margin:0 auto;
	overflow:auto;
	width:960px;
	height:185px;
	background-image:url('../images/bckgr_masthead.jpg');
	background-repeat:no-repeat; 
}

#logo
{ 
	position:absolute;
	height:164px;
	width:166px; 
 	left:50%; 
 	margin-left:-440px;
 	top:37px; 
}

#navsbar
{
	clear:both;
	margin:0 auto;
	border-top:8px #444878 solid;
	border-bottom:2px #444878 solid;
	overflow:auto;
	width:960px;
	height:24px;
 	text-align:center; 
	vertical-align:middle;
	padding-top:4px;
	background-color:#887500;
}

#gopage
{ 
	z-index:900;
	position:absolute;
	height:20px;
	width:120px; 
 	left:50%; 
 	margin-left:328px;
 	top:270px; 
	text-align:right;
}

#base 
{
	clear:both;
	margin:0 auto;
	overflow:auto;
	width:960px;
	z-index:10;	
	background-color:#FFFFFF;
	background-image:url('../images/bckgr_base.jpg');
	background-repeat:repeat-y;
}

#contentleft 
{
	float:left;
	width:220px;
	min-height:540px;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
	line-height:150%;
}

#contentmain
{
	margin:0 auto;
	margin-left:270px;
	margin-right:30px;
	width:auto;
	vertical-align:top;
	line-height:150%;
	text-align:justify;
}
#column_left 
{
	float:left;
	width:300px;
	vertical-align:top;
	vertical-align:top;
	text-align:justify;
}
#column_right 
{
	float:right;
	width:300px;
	vertical-align:top;
	text-align:justify;
}

#footer 
{
	clear:both;
	margin:0 auto;
	overflow:auto;
	width:960px;
	border-top:8px #444878 solid;
	background-color:#FFFFFF;
	text-align:center;
}

#bottombar 
{
	clear:both;
	margin:0 auto;
	overflow:auto;
	width:956px;
	height:20px;
	text-align:center;
}

/* - - - - - - - - - - - - - - - - - - */
/*    ADDITIONAL FORMATTING AREAS      */
/* - - - - - - - - - - - - - - - - - - */

#box1
{
	margin-top:8px;
	border:2px solid #D1C9A2;
	width:auto;
	background-color:#FFFFFF;
	padding:4px;
}

#box2
{
	margin-top:8px;
	border:2px solid #D1C9A2;
	width:auto;
	background-color:#FFFFFF;
	padding:4px;
}

#box3
{
	margin-top:8px;
	border:2px solid #D1C9A2;
	width:auto;
	background-color:#FFFFFF;
	padding:4px;
}

#box4
{
	margin-top:8px;
	border:2px solid #D1C9A2;
	width:auto;
	background-color:#FFFFFF;
	padding:4px;
}

#box5
{
	margin-top:8px;
	border:2px solid #D1C9A2;
	width:auto;
	background-color:#FFFFFF;
	padding:4px;
}

#box6
{
	margin-top:8px;
	border:2px solid #D1C9A2;
	width:auto;
	background-color:#FFFFFF;
	padding:4px;
}

#sidebar1 
{
	float:right;
	margin-left:30px;
}


/* - - - - - - - - - - - - - - - - - - */
/*    INSOLVENCY CONFERENCE 2010      */
/* - - - - - - - - - - - - - - - - - - */

#infobox
{ /* Used to make an area with its own pic background - used for Conf2010 info */
	margin:0 auto;
	margin-top:10px;
	padding-top:10px;
	padding-right:15px;
	vertical-align:top;
	width:643px;
	height:640px;
	background-image:url('../2010conf/files/conf_bckg.jpg');
	background-repeat:no-repeat;
	background-color: #262D33;
	position:relative;
}

.infobox1 {color:#FFFFFF; font-size:20pt; font-weight:bold; text-align:center; padding-top:30px; padding-right:156px; margin-bottom:0px; font-family:Trebuchet MS, Helvetica, sans-serif;}
.infobox2 {color:#FFFFFF; font-size:16pt; font-weight:bold; text-align:center; padding-top:316px; padding-right:170px; margin-bottom:0px; line-height:130%; font-family :Trebuchet MS, Helvetica, sans-serif;}
.infobox3 {color:#FFFFFF; font-size:9pt; text-align:center; margin-bottom:0px; margin-top:0px; font-family:Trebuchet MS, Helvetica, sans-serif;}

#sponsorbox
{
	margin:0 auto;
	clear:both;
	overflow:auto;
	background-color: #262D33;
	width:648px;
}

/* - - - - - - - - - - - - */
/*    WORLD CUP BAFANA     */
/* - - - - - - - - - - - - */

#bafana
{ /* Used to make an area of its own */
	margin:0 auto;
	clear:both;
	overflow:auto;
	width:322px;
	height:180px;
	position:absolute;
 	left:50%; 
 	margin-left:-230px;
 	top:780px; 
	z-index:999;
}

/* - - - - - - - - - - - - - - - - - - */
/*         PRINT-RELATED               */
/* - - - - - - - - - - - - - - - - - - */

.screen {}
.print {display:none;}
.contact {display:none;}