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

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

h1 {color:#00BAEE;font-size:14px;}
h2 {color:#0072BC;font-size:1.2em; font-weight:bold;margin-bottom:0.4em;}
h3 {color:#0072BC;font-size:1.2em; font-weight:normal; margin:0.6em 0 0 0;}
h4 {color:#000;font-size:1em; font-weight:normal; text-decoration:underline; margin:0.6em 0 0 0;}
h5 {color:#0072BC;font-size:1.1em; font-weight:bold;margin-bottom:0.4em;}

p {text-align:left;}



/** 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;}

.slogan_h {color:#00BAEE; font-size:18px; text-align:right; font-weight:bold; padding:0 30px 0 0; margin-top:30px;}
.slogan {color:#2887C6;text-align:right;padding:0 30px 0 0; margin:0; font-size:11px;}
.nmt {margin-top:0!important;}


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


/** LEFT WEATHER **/
#left-weather {position:absolute; top:164px; left:130px; width:150px; text-align:left; padding:0; z-index:2; margin-left:0px;}


/** BODY **/
#text-only {position:relative; top:42px!important; left:157px; padding: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;}
table.line {border-top:4px #D6EEF0 solid; padding:0; margin:0px;}
table.liner {border-top:4px #D6EEF0 solid;}


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

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

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

.bullet {list-style-type:none; margin:0; padding:0;}
.bullet li {list-style-image:url('../i/bullet.gif'); margin:0 0 0 16px; padding:0;}

.sitemap {width:500px;}
.sitemap td {width:50%;}
.r {background:#d6eef0; border-bottom:1px #fff solid; padding:10px;}
.l {border-bottom:1px #d6eef0 solid; border-right:1px #d6eef0 solid; padding:10px;}
.tl {border-top:1px #d6eef0 solid; border-bottom:1px #d6eef0 solid; border-right:1px #d6eef0 solid; padding:10px;}

.home_tbl1 {font-size:1em; padding-left:2px}
.home_tbl1 td {padding-right:5px;}
td.home {background:#E6F4F7;border-top:1px #0072BC solid; border-right:1px #0072BC solid; height:25px; color:#0072BC; font-weight:bold; width:97%; font-size:1em;}
td.home_l {width:50%; margin-left:5px;}
td.home_head {font-weight:bold; color:#00AEEF;width:30%;}
td a {font-weight:bold; color:#70CFF7; text-decoration:underline;}
td a:hover {font-weight:bold; color:#0072BC;}

.heading {color:#70CFF7; font-weight:normal;}


.box_send {background: url('../i/submit.gif') repeat-x top;}
.submit {background: url('../i/submit.gif') repeat-x top;}


#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:#FFF; background:url('../i/bgh.gif') repeat-y top left;}



/** FOOTER  **/
#foot {position:relative; margin:50px 0 0 5px; border-top:1px #fff solid; z-index:8; width:827px; height:25px;}
.flinks {list-style-type:none; margin:0; padding:5px 0 0 0;}
.flinks li {list-style-type:none; margin:0; padding:0; float:left;}
.flinks a {color:#A5A8AA;text-decoration:none; font-size:10px; font-weight:bold;}
.flinks a:hover {color:#A5A8AA; text-decoration:underline;}
.flinks span {padding:0 5px 0 5px; margin:0;}


.i_links {margin:0; padding:5px 3px; 0 0; text-align:right}
.i_links a {color:#A5A8AA;text-decoration:none; font-size:10px; 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:132px}