body{cursor:default;margin:0;font-family:arial;background:url(/i/l/g_bg.jpg) repeat-x left top #545454;overflow-x:hidden}
td{vertical-align:top}

a img{border:0}

.cont{width:1000;height:100%;border-collapse:collapse}
.contL,.contR{width:24;background:url(/i/l/gL.png) repeat-y top right}
.contL div,.contR div{width:24}
.contR{width:24;background:url(/i/l/gR.png) repeat-y top left}

.head{background:#FFF;margin:-5 0 0 0}
.head img{height:236}

.menu{width:956;border-collapse:collapse;border-style:solid;border-width:0 0 5 0;border-color:#FFF}
.menu td{background:url(/i/l/m_bg.jpg) center repeat-x;padding:0}
.menu a{text-decoration:none}
.menu img{height:86}

.toptex{width:956;border-collapse:collapse;border-style:solid;border-width:0 0 5 0;border-color:#FFF}
.toptex td{width:360;background:#888;border-style:solid;border-width:0 5 0 0;border-color:#FFF;padding:20 40 20 40;color:#FFF;font-size:14px}
.toptex td b{letter-spacing:-1;font-size:12pt}
.toptex td a.loz{display:block;color:#EEE;text-decoration:none;border-style:solid;border-width:1;border-color:#000;background:url(/i/l/m_bg.jpg) repeat-x #0D0D0D;padding:10 20 10 20;font-size:9pt}
.toptex td .loz b{letter-spacing:4;font-size:14px}
.toptex td .loz img{margin:4 0 4 0}
.toptex td .loz i{font-weight:bold;font-style:normal}
.toptex th{padding:0}
.toptex th img{width:570;height:360}

.midtex{width:956;border-collapse:collapse;border-style:solid;border-width:0 0 5 0;border-color:#FFF}
.midtex th{padding:0 0 0 22;background:url(/i/l/g_M.jpg) repeat-x left bottom #6D6D6D}
.midtex th a{display:block;width:140;height:170;float:left;margin:20 10 20 10;padding:10;text-decoration:none;font-size:14px;font-weight:bold;color:#FFF;border-style:solid;border-width:1;border-color:#FFF;background:url(/i/l/g_BL.jpg) repeat-x left bottom #B79E66}
.midtex a b{display:block;width:100%;border-style:solid;border-width:0 0 1 0;border-color:#FFF;letter-spacing:-1;line-height:100%;padding:0 0 4 0}
.midtex a img{display:block;margin:0 auto}
.midtex a i{font-style:normal;font-size:8pt}
.midtex th a:hover{background:url(/i/l/g_BL_h.jpg) repeat-x left bottom #B87666}

.bottex{width:956;border-collapse:collapse;border-style:solid;border-width:0 0 5 0;border-color:#FFF}
.bottex th{width:300;border-style:solid;border-width:0 5 0 0;border-color:#FFF;padding:0}
.bottex th img{width:100;height:100}
.bottex td{background:#888;padding:10 10 10 10;color:#FFF;font-size:14px}
.bottex td a{color:#DDD;text-decoration:none}
.bottex a:hover{color:#FFF}

.foot{width:956;background:url(/i/l/g_B.jpg) repeat-x left bottom #727272;font-size:8pt;font-weight:normal;color:#888}
.foot .seo{padding:20 40 0 40;text-align:center;letter-spacing:2}
.foot .seo a{color:#DDD;text-decoration:none}
.foot .seo a:hover{color:#FFF}
.foot .tail td,.foot .tail th{padding:0 40 20 40;font-weight:bold}
.foot .tail th{text-align:right}
.foot .tail th a{color:#888;text-decoration:none}
.foot .tail th a:hover{color:#FFF}

.mantex{width:956;border-collapse:collapse;background:#FFF}
.mantex .main{padding:20 40 20 40;font-size:12pt}
.mantex .panel{vertical-align:top;width:180;padding:20;font-size:9pt;font-weight:normal;border-style:dotted;border-width:0 0 0 1;border-color:#CCC;background:#EEE}

.main a{color:#c28d5d}

.etd,select,input,textarea{font-family:arial;font-size:8pt}

.boxes{border:1px solid #0b2f4b}

.form_field{font-family:arial;font-size:10px}

.error_message{font-family:arial;color:#FF0000;font-size:12px;text-align:center}

legend{font-family:arial;font-size:12px}

h1 {font-family:Arial; font-size:12pt; color:#c28d5d; font-weight:bold} 
h2 {font-family:Arial; font-size:14pt; color:#c28d5d; font-weight:bold} 
h3 {font-family:Arial; font-size:13pt; color:#c28d5d; font-weight:bold} 
h4 {font-family:Arial; font-size:12pt; color:#c28d5d; font-weight:bold} 

body { font-family:Arial; font-size:10pt; color:#000000;}
p { font-family:Arial; font-size:10pt; color:#000000;}
td { font-family:Arial; font-size:10pt; color:#000000;}
a:link {color:#c28d5d; text-decoration:none; font-weight: normal}
a:visited {color:#c28d5d; text-decoration:none; font-weight: normal;}
a:hover {color:#545454; text-decoration:none; font-weight: normal;}

ul { list-style-image: url(http://c4may.ttos1.co.za/i/images/bullet.gif); font-family:Arial; font-size:10pt; color:#000000;}
ul ul { list-style-image: url(http://c4may.ttos1.co.za/i/images/bullet2.gif); font-family:Arial; font-size:10pt; color:#000000;}
ul:td { font-family:Arial; font-size:10pt; color:#000000;}
ul:link {color:#000000; text-decoration:none; font-weight: normal;}
ul:visited {color:#000000; text-decoration:none; font-weight: normal;}
ul:hover {color:#000000; text-decoration:none; font-weight: normal;}

li { font-family:Arial; font-size:10pt; color:#000000;}
li:td { font-family:Arial; font-size:10pt; color:#000000;}
li:link {color:#000000; text-decoration:none; font-weight: normal;}
li:visited {color:#000000; text-decoration:none; font-weight: normal;}
li:hover {color:#000000; text-decoration:none; font-weight: normal;}


.progress_background{background:#ffffff}

.progress_border{background:#000000}

.progress_filled{background:#3151a2;color:#ffffff;text-align:center;font-size:10px}
  
input.txt{background:url(/i/images/bigshadow.gif) top left no-repeat #fff;color:#00008B;background-color:#e3f2f7;border:1px solid #999999;width:220px}
  
select.txt{background:url(/i/images/bigshadow.gif) top left no-repeat #fff;color:#00008B;border:1px solid #999999;width:222px}
  
input.btn{background:url(/i/images/smallshadow.gif) bottom right no-repeat #fff;padding:2px 3px 2px 3px;font-size:12px;color:#000}
  
form p{clear:left;margin:0;padding:0;padding-top:5px}
  
form p label{float:left;width:30%;font:bold 12px Arial, Helvetica, sans-serif}