/** Umgeni Water Amanzi - Ince New Media 2008 **/

/** BASIC SITE LAYOUT AND STYLE **/
body {font: 0.75em/1.3em arial, helvetica, sans, verdana, sans-serif; 
padding:0; margin:0; 
color:#000; width:100%; height:100%; text-align:left;}

h1 {color:#00BAEE;font-size:1.2em; margin-bottom:0.2em;}
h2 {color:#0072BC;font-size:1.2em; margin-bottom:1.6em;}
h3 {color:#0072BC;font-size:1.2em; font-weight:normal; margin:0.4em 0 0.3em 0;}
h4 {color:#2CBEE1;font-size:1.1em; font-weight:normal; margin:0.6em 0 0 0;}
h5 {color:#000;font-size:1.1em; margin:0.1em 0 0.1em 0;}

p {text-align:left; font-size:1em; }
td {font: 0.6em;}
th {background:#d6eef0; color:#000; font-size:1em; font-weight:bold; padding:5px;}
ul {margin:0; padding:0;}

/** TOP **/
#top {position:absolute; top:0; left:130px; margin:0; padding:0; background: url('../i/tb.gif') repeat-x; height:129px; width:836px;}
.links {position:absolute; top:-1px; right:0px; list-style-type:none; margin:0; padding:0 50px 0 0; z-index:5;}
.links li {list-style-type:none; float:left;padding:0; margin:5px 0 0 0; font-size:10px; color:#A5A8AA;}
.links a {color:#A5A8AA;text-decoration:none; font-size:0.85em; font-weight:bold;}
.links a:hover {color:#A5A8AA; text-decoration:underline; font-weight:bold;}
.links span {padding:0 5px 0 5px; margin:0;}
.search-field {position:absolute; top:3px; right:45px; height:14px; font-size:9px; width:130px; margin:0; padding:0; line-height:12px; z-index:5;}
.go_but {position:absolute; top:3px; right:23px;z-index:5;}



#logo {position:absolute;top:0;left:0px;padding:0;margin:0;}
#pright {position:absolute;top:0;right:0;padding-top:0;margin-top:0;}

.nmt {margin-top:0!important;}


/** LEFT **/
#left {position:absolute; top:0; left:0; z-index:6; margin:0; padding:0; width:130px;}


/** LEFT MENU **/
#left-wrap {position:absolute; left:131px; top:177px; width:130px; z-index:3;margin-left:5px;}
.left-wrap ul {list-style-type:none; margin:0; padding:0;}
.left-wrap li {list-style-type:none; margin:0; padding:5px 3px 5px 3px;}
.left-wrap a {color:#0072BC; text-decoration:none;}
.left-wrap a:hover {color:#949595; text-decoration:none;}
.left-wrap h1 {font-weight:bold; color:#62BFF2; text-transform:uppercase; font-size:15px; margin-bottom:23px;}
.left-wrap h2 {font-weight:bold; color:#62BFF2; text-transform:uppercase; font-size:15px; margin-bottom:6px;}
.selected {font-weight:bold;  color:#0072BC;}




/** BODY **/
#text-only {position:relative; top:42px!important; left:157px; padding:0 0 15px 0; margin:0; width:510px;}
#text-only ul {list-style-type:none; margin:0; padding:0;}
#text-only ol { margin:0; padding:0;}
#text-only ol li { margin:0 0 0 26px; padding:0;}
#text-only ul li {list-style-image:url('../i/bullet.gif'); margin:0 0 0 16px; padding:2px 0 2px 0;}
#text-only a {color:#2CBEE1; text-decoration:underline;}
#text-only a:hover {color:#0072BC; text-decoration:none;}
.space {padding:10px 0 10px 0; margin:0;}

.sub-list2  {list-style-type:none; margin:0; padding:0;}
.sub-list2 li {font-weight:normal!important;margin-left:15px; list-style-image:url('../i/bullet.gif');}

.icon {margin:0; padding:0; list-style-type:none!important;}
.icon li {margin:0 0 0 17px; padding:0 0 8px 0!important; list-style-image:url('../i/pdf_icon.gif')!important;}


.icon_top {margin:0; padding:5px 0 0 0; list-style-type:none!important;}
.icon_top li {margin:0 0 0 17px; padding:0 0 8px 0!important; list-style-image:url('../i/pdf_icon.gif')!important;}


.clear {list-style-type:none!important; margin:0; padding:0;}
.clear li {list-style-image:url('../i/none.gif')!important; margin:0 0 0 2px; padding:0;}

table.line {border-top:4px #D6EEF0 solid; padding:0; margin:0px;}
table.liner {border-top:4px #D6EEF0 solid;}

.blurb {color:#000;font-size:0.75em; font-weight:bold; font-style: italic }
.dirtor_heading {color:#000;font-size:0.75em; font-weight:bold;}

.b {border-bottom:1px #EEFDFF solid; border-right:1px #EEFDFF solid; background:#D6EEF0;}
.b2 {border-bottom:1px #D6EEF0 solid; border-right:1px #D6EEF0 solid;}
.b3 {border-bottom:1px #D6EEF0 solid;}
.b4 {border-right:1px #EEFDFF solid; background:#D6EEF0;}

.small {font-size:0.80em;}
.ar_split {border-bottom:1px #000 solid; margin-bottom:15px; padding:0 0 15px 0;}

/** RIGHT **/
#right {position:absolute; right:0; top:146px; width:150px; margin:0; z-index:2; text-align:left;}
.icons {padding:7px 2px 7px 0;}


/** MAIN  **/
#wrapper {width:966px; min-width:966px; margin:0; padding:0; position:relative; z-index:1;}
#main {text-align:left; padding:130px 0 0 130px; width:836px; margin:0; background:url('../i/bg.gif') repeat-y top;}
.site-tbl {width:480px;}
.site-tbl tr td {padding:0 5px 0 5px;}
.site{background:#d6eef0; color:#000; font-size:1em; font-weight:normal; padding:5px;}
.l {border-right:1px #d6eef0 solid;}
.nmt {margin-top:0!important;}

.float-r {float:right;padding:5px 0 0 10px;} 
.g_heading {color:#00BAEE; font-weight:normal;}


/** FOOTER  **/
#foot {position:relative; margin:40px 0 8px 0; padding:0; right:0; z-index:8; width:838px; height:25px; }
.i_links {margin:0; padding:5px 0 0 0; text-align:right}
.i_links a {color:#A5A8AA;text-decoration:none; font-size:11px; font-weight:bold;}
.i_links a:hover {color:#A5A8AA; text-decoration:underline;}
.i_links span {padding:0 5px 0 5px; margin:0;}



.float-r {float:right;}
.float-l {float:left; padding-left:158px;}