/* stylesheet for http://www.eisa.org.za */
/* webmaster alka at eisa dot org dot za */
/* 3 col layout with header and footer */

/*HEADER*/
#header {
  width:92%;
	height:110px;
	margin-top:0;
	padding:0;
	align:left;
	background:url("../images/banner.gif") no-repeat top right;
	}

#header .banlinktop a	{
	text-decoration:none;
	font-weight:bolder;
	}
#header .banlinktop a:link	{color:#fff;}
#header .banlinktop a:visited	{color:#fff;}
#header .banlinktop a:hover	{
	color:#669900;
	background-color:#fff;
	}
#header .banlinktop a:active	{color:#fff;}
	
#header img	{align:left;margin-right:0.5em;margin-top:-10px;}

#header .banlinktop	{
	z-index:999;
	margin-top:0px;
	padding-top:0px;
	padding-right:5px;
	background:transparent;
	text-align:right;
	color:#fff;
	font-weight:bolder;
	font-size:small;
	font-variant:small-caps;
	}
	
#header .vision	{
	width:50%;
	float:auto;
	text-align:center;
	margin-top:-70px;
	margin-left:20%;
	font-size:15pt;
	font-weight:bolder;
	}
/*END HEADER*/

/*LEFT COL*/
#subnav  {
	clear:both;
	float:left;
	margin-top:0;
	margin-left:0;
	padding:0;
	width:15%;
	text-align:left;
	font-size:8pt;
	line-height:1em;
	}

#subnav .head	{
	display:block;
	background:#fff;
	line-height:1.5em;
	margin-top:0px;
	font-weight:bolder;
	color:#d45008;
	}
	
#subnav ul	{
	list-style-type:none;
	padding:0;
	margin:0;
	display:block;
	line-height:1.5em;
	}
#subnav ul ul	{padding:0;}
#subnav ul li	{margin-left:0;}
#subnav ul ul li	{margin-left:0;}
#subnav ul ul ul li {margin-left:10px;}

#subnav a	{
	display:block;
	text-decoration:none;
	border-bottom:1px solid #fff;
	color:#666633;
	}
#subnav a:hover	{
	display:block;
	text-decoration:none;
	border-bottom:1px solid #d3c887;
	background-color:#f3f2de;
	}

/*left col rnd cnrs*/
.snrbroundbox	{background:url("../images/mnt.gif") repeat;}
.snrbtop div	{background:url("../images/mtl.gif") no-repeat top left;}
.snrbtop	{background:url("../images/sntr.gif") no-repeat top right;}
.snrbbot div	{background:url("../images/mbl.gif") no-repeat bottom left;}
.snrbbot	{background:url("../images/snbr.gif") no-repeat bottom right;}
	/*height and width*/
.snrbtop div, .snrbtop, .snrbbot div, .snrbbot	{
	width:100%;
	height:7px;
	font-size:1px;
	}
.snrbcontent	{margin:0 1px;}
.snrbroundbox	{
	width:100%;
	margin:0.5em 0 0 0;
	}
/*end left col rnd cnrs*/
/*END LEFT COL*/

/*CENTER COL STYLES*/
#main {
  width:56%;
  min-height:550px;
	height:auto !important;
	float:left;
	margin-right:2%;
	margin-top:0;
	margin-left:2%;
	padding:0;
	text-align:left;
	font-variant:none;
 	border:none;
	}

#main img.m	{
	border:1px solid #d3c887;
	margin:0px 10px 10px 10px;	
	}
	
#main img	{
	border:1px solid #d3c887;
	margin:0;
	}

#main img.frt	{
	border:1px solid #d3c887;
	margin:0px 10px 10px 10px;
	float:right;
	}
	
#main img.flt	{
	border:1px solid #d3c887;
	margin:0px 10px 10px 10px;
	float:left;
	}

#main img.rnb	{
	border:none;
	float:right;
	margin:0px 10px 10px 10px;
	}

#main img.lnb	{
	border:none;
	float:left;
	margin:0px 10px 10px 10px;
	}
	
#main ul	{
	margin-top:0;
	margin-left:1em;
	padding-left:1em;
	list-style:square;
	}
#main ul ul	{list-style:disc;}

#main ol	{
	margin-left:1.5em;
	padding-left:1.5em;
	list-style:decimal inside color:#d45008;
	}

/*rnd cnr center col*/
.mrbroundbox	{background:url("../images/mnt.gif") repeat;}
.mrbtop div	{background:url("../images/mtl.gif") no-repeat top left;}
.mrbtop	{background:url("../images/mtr.gif") no-repeat top right;}
.mrbbot div	{background:url("../images/mbl.gif") no-repeat bottom left;}
.mrbbot	{background:url("../images/mbr.gif") no-repeat bottom right;}
/*height and width*/
.mrbtop div, .mrbtop, .mrbbot div, .mrbbot	{
	width:100%;
	height:7px;
	font-size:1px;
	}
.mrbcontent	{margin:0 1px; }
.mrbroundbox	{
	width:100%;
	margin:0.5em 0 0 0;
	}
/*end rnd cnr center col*/
/*END CENTER COL*/

/*RIGHT COL*/
#feature {
  width:17%;
  float:left;
  background:transparent;
	margin-top:0;
	margin-right:0;
	margin-left:0;
	border:0;
	text-align:left;
	font-variant:none;
	}

#feature img	{
	border:1px solid #d3c887;
	margin:0px 10px 10px 10px;
	}
	
#feature img.lnb	{
	border:none;
	margin:0px 10px 10px 10px;
	}
	
#feature ul	{
	margin-left:1em;
	padding-left:1em;
	list-style:square;
	}
#feature ul ul	{list-style:disc;}

#feature ol	{
	margin-left:1em;
	padding-left:1em;
	list-style:decimal inside color:#d45008;
	}

/*begin round cnr rt col*/
.rbroundbox	{background:url("../images/nt.gif") repeat;}
.rbtop div	{background:url("../images/tl.gif") no-repeat top left;}
.rbtop	{background: url("../images/tr.gif") no-repeat top right;}
.rbbot div	{background: url("../images/bl.gif") no-repeat bottom left;}
.rbbot	{background: url("../images/br.gif") no-repeat bottom right;}
	/*height and width*/
.rbtop div, .rbtop, .rbbot div, .rbbot	{
	width:100%;
	height:7px;
	font-size:1px;
	}
.rbcontent	{margin:0;}
.rbroundbox	{
	width:100%;
	height:100%;
	margin:0.5em 0 0 0;
	}
/*end round cnr rt col*/
/*END RIGHT COL*/

/*FOOTER*/
#footer	{
	clear:both;
	padding-top:10px;
	width:94%;
	text-align:center;
	font-size:x-small;
	font-variant:none;
	margin-bottom:10px;
	}
/*END FOOTER*/

/*XHTML TAGS*/
body {
		margin-top:0;
		font-family:trebuchet MS,verdana,sans;
		font-size:small;
		background-color:#fff;
		color:#666633;
		font-variant:none;
		margin-left:5px;
		background:url("../images/bg.jpg") repeat-y;
		}

blockquote	{
		width:80%;
		color:#404118;
		}
		
p,h1,h2,h3,h4,img {margin:0px 10px 10px 10px;}

h1	{
	font-size:16pt;
	color:#d45008;
	}

h2 {
	font-size:14pt;
	color:#d45008;
	}

h3	{
	font-size:13pt;
	color:#d45008;
	}

h4 {
	font-size:11pt;
	color:#d45008;
	}

table	{
  border-collapse:collapse;
  border:1px solid #666633;
  margin:0px 10px 10px 12px;
	line-height:1.5em;
  }			
th	{
  padding:2px;
  border:1px solid #666633;
  background-color:#d45008;;
	color:#fff;
	font-size:11pt;
	padding:5px;
	font-weight:bolder;
  }
tr	{
	margin:5px;
  padding:1px;
  border:1px solid #666633;
	}		
td	{border:1px solid #666633;}
/*END XHTML TAGS*/

/*SPECIAL CLASSES*/
/*background colour*/
.cola	{background-color:#f3f2de;}			
.colb	{background-color:#d3c887;}
.colc	{background-color:#f1ebde;}
.rev	{background-color:#d3c887;}
/*end background colour*/

/*4 mini columns*/
.col1	{
	float:left;
	margin-left:0px;
	}
.col2	{
	float:left;
	margin-left:10px;
	}
.col3	{
	float:left;
	margin-left:10px;
	}	
.col4	{
	float:left;
	margin-left:10px;
	}
/*end 4 mini columns*/

/*2 columns*/
.col5	{
	float:left;
	margin-left:0px;
	width:45%;
	max-width:45%;
	}
.col6	{
	float:left;
	margin-left:5%;
	width:45%;
	max-width:45%;
	border-left:1px solid #f3f2de;
	}
/*end 2 columns*/

.frt	{float:right;}
.flt	{float:left;}
.rt	{text-align:right;}
.lt	{text-align:left;}

.sc	{font-variant:small-caps;}

.pull	{
	background-color:#f3f2de;
	font-weight:bold;
	float:right;
	padding:2px 2px 2px 2px;
	margin:2px 2px 2px 2px;
	font-size:12pt;
	line-height:1.5em;
	width:30%;
	border-bottom:1px solid #d3c887;
	}	
.pull p {margin-left:5px;}

.pagenav  {
	text-align:right;
	margin-bottom:2%;
	margin-right:5%;
	font-variant:small-caps;
	}

/*begin kml map classes*/
p.map,h1.map,h2.map,h3.map,h4.map,img.map {margin:0px 10px 10px 10px;}

h4.map {
	font-size:10pt;
	font-family:trebuchet MS,verdana,sans;
	margin-left:2px;
	color:#d45008;
	}

table.map	{
  border-collapse:collapse;
  border:1px solid #666633;
  margin:0px 5px 5px 6px;
	line-height:1em;
  }			
th.map	{
  padding:2px;
  border:1px solid #666633;
  background-color:#d45008;;
	color:#fff;
	font-family:trebuchet MS,verdana,sans;
	font-size:9pt;
	padding:2px;
	font-weight:bolder;
  }
tr.map	{
	margin:5px;
  padding:1px;
  border:1px solid #666633;
	}		
td.map	{
	border:1px solid #666633;
	font-size:9pt;
	font-family:trebuchet MS,verdana,sans;
	margin-left:2px;
	}
/*end kml map classes*/

/*END SPECIAL CLASSES*/

/*MAIN LINKS*/
a:link	{
	text-decoration:none;
	color:#11829E;
	}
a:visited	{
	text-decoration:none;
	color:#11829E;
	}
a:hover	{
	text-decoration:none;
	color:#26C3EA;
	}
a:active	{
	text-decoration:none;
	color:#11829E;
	}
/*END MAIN LINKS*/