text/css style.css 
 ASCII C program text 

/* CSS Document */

* { margin:0; padding:0; }

html, body { margin:0px; padding:0px; color:#000; text-decoration:none; text-align:center; font-family: Tahoma, Arial; font-size: 11px; line-height: 14px; background-color: #3D3C38; }

img { border-width:0px }

a { text-decoration:underline; color:#000; }

a:hover { text-decoration:none; }

a:focus { outline:0px; }

h1, h2 { font-weight:bold; color:#513434; font-family: Tahoma, Arial; font-size: 26px; line-height:25px; padding:0; margin:0; text-transform: uppercase; }

/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/


#header { width:1000px; float:left; background-image:url(images/Header_bg.jpg); background-position:bottom; background-repeat:no-repeat; height:190px; overflow:hidden; text-align: left; }
#logo { padding-right:160px; height: 145px; overflow: hidden; padding-top: 45px; }
</div></div>
</div>

                                </div>
                                <div class="span4">
                                    <a href="https://mail.eskom.co.za/owa">Webmail</a>
                                    <a 
 </div>
/* / MAIN MENU_TOP */
#mmenu { margin: 7px 0 0 0; overflow: hidden; padding-left: 86px; height: 78px; }

#mmenu a { float:left; text-decoration:none; font-family: Tahoma, Arial; font-size: 14px; text-transform: lowercase; width:164px; height:75px; font-style: normal; margin-right:2px; text-align: center; }

#mmenu a.but1 span { background-image: url(images/but_1.jpg); }

#mmenu a.but2 span { background-image: url(images/but_2.jpg); }

#mmenu a.but3 span { background-image: url(images/but_3.jpg); }

#mmenu a.but4 span { background-image: url(images/but_4.jpg); }

#mmenu a.but5 span { background-image: url(images/but_5.jpg); margin-right:0; }

#mmenu a span { display:block; width:164px; height:30px; padding-top:45px; float:left; cursor:pointer; color:#fff; }

#mmenu a.but1:hover span, #mmenu a.but1 span.sel { background-image: url(images/but_1_on.jpg); }

#mmenu a.but2:hover span, #mmenu a.but2 span.sel { background-image: url(images/but_2_on.jpg); }

#mmenu a.but3:hover span, #mmenu a.but3 span.sel { background-image: url(images/but_3_on.jpg); }

#mmenu a.but4:hover span, #mmenu a.but4 span.sel { background-image: url(images/but_4_on.jpg); }

#mmenu a.but5:hover span, #mmenu a.but5 span.sel { background-image: url(images/but_5_on.jpg); }

/*
================================================================================
|                                     MARKERS                                   |
================================================================================
*/
.marker1 { text-indent: 14px; line-height:18px; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: 0 9px; }

p.marker1 { color:#6a3308 !important; }

.marker1 a, .marker1 a:visited { color:#6a3308; text-decoration:underline; }

.marker1 a:hover { text-decoration:none; }

.read_more { background-image: url(images/rm_bg.gif); background-repeat: no-repeat; background-position: left top; height: 17px; width: 78px; float: right; margin-top: 14px; }

.read_more a { font:bold 10px/14px Arial, Helvetica, sans-serif, Tahoma; text-align:center; display:block; width:78px; color:#FFF; text-decoration:none; }

.read_more a:hover { text-decoration:none; }

.data { background:url(images/mrk_data.gif) no-repeat 0 12px; padding-left:6px; color:#000000; font:bold 11px/25px Tahoma; }

.news { padding-top:4px; }

.divider { height:1px; background:url(images/divider.gif) repeat-x; }

/*
================================================================================
|                                     CONTAINER                                |
================================================================================
*/


.hd, .fo { width:100%; float:left; text-align:left; background-repeat:no-repeat; background-position:top; }

.fo { background-position:bottom; }

#content { width:1000px; float:left; background:url(images/content_bg.gif) repeat-y; }

#content .hd { background:url(images/content_hd1.gif) left top no-repeat; }

#content .fo { padding-bottom:30px; }

#col { width:300px; float:left; overflow: hidden; padding-top: 20px; }

#con { width:450px; padding-top:20px; float: left; padding-left: 118px; padding-right: 33px; }

/*
================================================================================
|                                     SEARCH                                 |
================================================================================
*/
#search { width:222px; color:#6e6e6e; font-family: Tahoma; font-size: 16px; font-weight: bold; line-height: 25px; padding-left: 118px; float: left; padding-top: 43px; }

.input_search { float:left; color: #FFFFFF; border:0px; height:18px; width:132px; padding:0 5px 0 5px; font:normal 11px Tahoma; background-image: url(images/search_form_bg.gif); background-repeat: no-repeat; background-color: #000000; margin-right: 2px; }

.submit_search { width:24px; height:18px; border-width:0px; float:left; cursor:pointer; background:url(images/search_but.gif) no-repeat left top; }

/*
================================================================================
|                                     FOOTER                                   |
================================================================================
*/


#footer { width:1000px; text-align: center; float: left; color: #FFFFFF; background-image: url(images/footer_bg.jpg); background-repeat: no-repeat; background-position: left top; height: 270px; }

#footer a { color:#FFFFFF; }

#footer .f1 { font-size: 12px; line-height:15px; color: #af8548; text-transform: uppercase; }

#footer .f2 { font-size: 30px; line-height:30px; color: #fff; text-transform: uppercase; }