/** 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:#F7941E;font-size:1.2em;}
h4 {color:#F7941E;font-size:1.1em; font-weight:normal; margin:0.6em 0 0.4em 0;}

p {text-align:left; font-size:1em; }
td {font: 0.6em;}

/** 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:0.85em; 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:1.5em; text-align:right; font-weight:bold; padding:0 30px 0 0; margin:40px 0 0 0;}
.slogan {color:#2887C6;text-align:right;padding:0 30px 0 0; margin:0;}

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


/** LEFT MENU **/
#left-wrap_water {position:absolute; left:131px; top:146px; width:130px; z-index:3;margin-left:5px;}
.left-wrap_water ul {list-style-type:none; margin:0; padding:0;}
.left-wrap_water li {list-style-type:none; margin:0; padding:3px 0 4px 0;}
.left-wrap_water a {color:#0072BC; text-decoration:none;}
.left-wrap_water a:hover {color:#949595; text-decoration:none;}
.heading {font-weight:bold; color:#307DC0; text-transform:uppercase; font-size:1.2em;}
.selected {font-weight:bold; padding-top:50px; color:#F7941E;}
.head1 {text-align:center; font-size:1.2em; color:#307DC0; }
.head {text-align:center; font-size:1.4em;color:#307DC0; font-weight:bold; padding:0; margin:-15px 0 20px 0;}



/** BODY **/
#text-only {position:relative; top:30px!important; left:148px; padding:0 0 15px 0; margin:0; width:400px;}
#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;}
.nmt {margin-top:0!important;}

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

.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 22px; padding:0 0 8px 0!important; list-style-image:url('../i/pdf_icon.gif')!important;}



/** RIGHT **/
#right {position:absolute; right:5px; top:150px; width:270px; margin:0;padding:0; text-align:left; z-index:4;}
#right a {color:#2CBEE1; text-decoration:underline;}
#right a:hover {color:#0072BC; text-decoration:none;}



/** 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/bgwe.gif') repeat-y top;}



/** FOOTER  **/
#foot {position:relative; margin:40px 0 0 0; padding:0 0 8px 0; right:0;  z-index:8; width:836px; 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: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:147px}