body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:”; }
abbr,acronym { border:0; }

html {font-size: 62.5%; background-color:#FFFFFF; background-image:url(images/edges.jpg); background-repeat:repeat;}
div#mainContainer {
	width:100%; margin:0 auto; text-align:center;
}
div#siteContainer {
	width:900px; margin:0 auto; text-align:center;
}
div#bannerContainer {
	width:100%; height:160px;
	background-image:url(images/top_mast.jpg); background-repeat:no-repeat;
}
div#lowerBanner {
	width:870px; height:130px; margin:0 auto; text-align:center; 
	background-image:url(images/lower_mast.jpg); background-repeat:no-repeat;
}

div#mainMenuContainer {
	width:100%; height:30px;
}
div#mainMenuContainer ul {
	list-style-type:none;
}
div#mainMenuContainer li {
	height:100%; width:146px; float:left;
}
div#mainMenuContainer li.div {
	height:30px; width:4px; float:left;
	background-image:url(images/button_divider.jpg); background-repeat:no-repeat;
}
div#mainMenuContainer li a {
	height:100%; width:100%;
	display:block; float:left;
	text-align:center; color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold;
	line-height:30px; text-decoration:none;
	background-image:url(images/button.jpg); background-repeat:no-repeat;
}
div#mainMenuContainer li a:hover, div#mainMenuContainer li a.selected {
	background-image:url(images/button_roll.jpg);
}

div#subMenuContainer {
	width:100%; height:30px;
	background-color:#F04A11;
}
div#subMenuContainer ul {
	list-style-type:none;
}
div#subMenuContainer li {
	height:100%; width:150px; float:left;
}
div#subMenuContainer li a {
	height:100%; width:100%;
	display:block; float:left;
	text-align:center; color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold;
	line-height:30px; text-decoration:none;
}
div#subMenuContainer li a:hover, div#subMenuContainer li a.selected {
	background-color:#943722;	
}


div#bodyContainer {
	height:2000px;
	padding-top:15px;
	width:100%; text-align:center; margin:0 auto;
	background-color:#FFFFFF;
}

div#bodyContainer iframe {
	float:left; margin-left:15px; margin-top:15px;
	width:185px; height:1800px;
}

div#rightContainer {
	width:164px; border-left:1px solid #F04A11;
	float:left; text-align:left; margin-left:15px;
	background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; 
}

div#leftContainer {
	width:185px; 
	float:left; text-align:left;
	background-color:#C2BEBD; font-family:Arial, Helvetica, sans-serif; 
}
div#leftContainer h2 {
	font-weight:bold; font-size:1.8em;
	margin-left:10px; margin-top:10px; 
}
div#leftContainer h1 {
	font-weight:bold; font-size:2.6em;
	margin-left:10px;
}
div#leftContainer h3 {
	font-weight:bold; font-size:1.2em;margin-right:10px;
	margin-left:10px; margin-top:15px;
}
div#leftContainer h4 {
	font-weight: normal; font-size:1.2em;
	margin-left:10px; margin-bottom:10px;
}
div#leftContainer p {
	margin-left:10px; margin-right:10px;
	font-size:1.2em;
}
div#leftContainer p a {
	font-weight:bold; margin-bottom:15px; color:#000000; text-decoration:none;
	border-bottom:1px dotted #000000; 
}
div#leftContainer p a:hover { border-bottom:1px solid #000000;  }

div#contentContainer {
	width:665px; height:300px;
	float:left; margin-left:20px; margin-top:15px; text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}
div#contentContainer h1 {
	font-weight:bold; font-size:4em; color:#F04A11;
}
div#contentContainer h2 {
	font-weight:bold; font-size:1.8em; color:#F04A11; margin-top:15px;
}
div#contentContainer p {
	font-size:1.2em; color:#000000; margin-top:20px;
}
div#contentContainer ul {
	font-size:1.2em; margin-left:20px; list-style-type:square;
}
div#contentContainer ol {
	font-size:1.2em; margin-left:30px; list-style-type:decimal; 
}

div#contentContainer li { line-height:20px;}
div#contentContainer ol li { margin-top:10px;}
div#contentContainer img {border:1px solid #F04A11;}


div#event {
	width:164px; 
}
div#eventkaelo2010 {
	width:144px; height:100px; float:right;
	background-image:url(images/kaelosc_home.jpg); background-repeat:no-repeat;
}
div#eventeskom {
	width:144px; height:100px; float:right;
	background-image:url(images/eskom_home.jpg); background-repeat:no-repeat;
}
div#eventgil {
	width:144px; height:100px; float:right;
	background-image:url(images/gil_rt_home.jpg); background-repeat:no-repeat;
}
div#event0 {
	width:144px; height:100px; float:right;
	background-image:url(images/Gil_main.jpg); background-repeat:no-repeat;
}
div#event1 {
	width:144px; height:100px; float:right;
	background-image:url(images/right01.jpg); background-repeat:no-repeat;
}
div#event2 {
	width:144px; height:100px; float:right;
	background-image:url(images/right02.jpg); background-repeat:no-repeat;
}
div#eventdesc {
	width:144px; float:right; background-color:#F04A11; padding-bottom:5px;
	margin-bottom:10px;
}
div#eventdesc h1 {
	font-size:1.1em; font-weight:bold; color:#000000; margin-left:5px;
}
div#eventdesc p {
	font-size:1.1em; color:#000000; margin-top:0px; margin-left:5px;
}
div#eventdesc p a { color:#000000; font-weight:bold; text-decoration:none; }
div#eventdesc p a:hover { text-decoration:underline;}

.gallery {
	font-family:Arial, Helvetica, sans-serif; font-size:1.2em;
}
.gallery strong {
	font-weight:bold; text-decoration:underline;
}
.gallery td {
  	vertical-align:top; padding-bottom:20px;padding-top:20px;
	border-bottom:2px dashed #F04A11;
}