BODY		{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background: url(http://www.cape-town.info/data/cape-town-background1.gif);
	background-attachment: fixed;
	SCROLLBAR-FACE-COLOR: #409CDA;
	SCROLLBAR-TRACK-COLOR: #80BDE7;
	SCROLLBAR-DARKSHADOW-COLOR: #007BCE;
	SCROLLBAR-BASE-COLOR: #BFDEF3
	}
a:link		{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #007BCE
	}
a:visited	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #007BCE
	}
a:hover		{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #007BCE
	}
P		{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	}
TD		{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	}
TR		{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	}
radio		{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	}
checkbox	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	}
.SubTop:link	{
	color: #000000;
	font-size: 8pt;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 2px;
	border-right: 1px #000080 solid;
	border-top: 1px #BFDEF3 solid;
	border-left: 1px #BFDEF3 solid;
	border-bottom: 1px #000080 solid;
	visibility: visible;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #007BCE;
	}
.SubTop:visited	{
	color: #000000;
	font-size: 8pt;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 2px;
	border-right: 1px #000080 solid;
	border-top: 1px #BFDEF3 solid;
	border-left: 1px #BFDEF3 solid;
	border-bottom: 1px #000080 solid;
	visibility: visible;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #007BCE;
	}
.SubTop:hover	{
	color: #ffffff;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #007BCE;
	}
.SubActive	{
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 2px;
	border-right: 1px #000080 solid;
	border-top: 1px #BFDEF3 solid;
	border-left: 1px #BFDEF3 solid;
	border-bottom: 1px #000080 solid;
	visibility: visible;
	display: block;
	text-align: center;
	background-color: #007BCE;
	}
.BotPage	{
	color: #ffffff;
	font-size: 8pt;
	text-decoration: none;
	padding: 3px;
	visibility: visible;
	display: block;
	background-color: #007BCE;
	text-align: center;
	}
.BotPageLink:link	{
	color: #ffffff;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
	text-align: center;
	}
.BotPageLink:visited	{
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	}
.BotPageLink:hover	{
	color: #007BCE;
	font-size: 8pt;
	text-decoration: none;
	background-color: #ffffff;
	}
hr {
  color: #007BCE
}
.LeftLink:link	{
	color: #007BCE;
	font-size: 6pt;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-right: 1px #80BDE7 solid;
	border-top: 1px #80BDE7 solid;
	border-left: 1px #80BDE7 solid;
	border-bottom: 1px #80BDE7 solid;
	padding: 3px;
	visibility: visible;
	display: block;
	background-color: #BFDEF3;
	width: 100%;
	height: 100%;
	text-align: left;
	}
.LeftLink:visited	{
	color: #007BCE;
	font-size: 8pt;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-right: 1px #80BDE7 solid;
	border-top: 1px #80BDE7 solid;
	border-left: 1px #80BDE7 solid;
	border-bottom: 1px #80BDE7 solid;
	padding: 3px;
	visibility: visible;
	display: block;
	background-color: #BFDEF3;
	width: 100%;
	height: 100%;
	text-align: left;
	}
.LeftLink:hover	{
	color: #ffffff;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #007BCE;
	border-right: 1px #80BDE7 solid;
	border-top: 1px #80BDE7 solid;
	border-left: 1px #80BDE7 solid;
	border-bottom: 1px #80BDE7 solid;
	}
.BigMenu:link	{
	color: #000080;
	font-size: 8pt;
	text-decoration: none;
	padding-left: 3px;
	border-right: 1px #80BDE7 solid;
	border-top: 1px #80BDE7 solid;
	border-left: 1px #80BDE7 solid;
	border-bottom: 1px #000080 solid;
	background-color: #BFDEF3;
	visibility: visible;
	width: 135px;
	display: block;
	text-align: left;
	}
.BigMenu:visited	{
	color: #000080;
	font-size: 8pt;
	text-decoration: none;
	padding-left: 3px;
	border-right: 1px #80BDE7 solid;
	border-top: 1px #80BDE7 solid;
	border-left: 1px #80BDE7 solid;
	border-bottom: 1px #000080 solid;
	background-color: #BFDEF3;
	visibility: visible;
	width: 135px;
	display: block;
	text-align: left;
	}
.BigMenu:hover	{
	color: #ffffff;
	text-decoration: none;
	background-color: #409CDA;
	border-right: 1px #000080 solid;
	border-top: 1px #000080 solid;
	border-left: 1px #000080 solid;
	border-bottom: 1px #000080 solid;
	}
.BigMenuActive	{
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	padding-left: 3px;
	border-right: 1px #000080 solid;
	border-top: 1px #000080 solid;
	border-left: 1px #000080 solid;
	border-bottom: 1px #409CDA solid;
	background-color: #409CDA;
	visibility: visible;
	display: block;
	text-align: left;
	width: 135px;
	}
.BigMenuLine	{
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	border-bottom: 1px #007BCE solid;
	background-color: #ffffff;
	visibility: visible;
	display: block;
	text-align: center;
	}
.BlackBorder{
	border-right: 1px #000000 solid;
	border-top: 0px #409CDA solid;
	border-left: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
}
.TerstBorder{
	border-right: 1px #000080 solid;
	border-top: 0px #000080 solid;
	border-left: 1px #000080 solid;
	border-bottom: 1px #000080 solid;
}
.TerstLF{
	border-right: 1px #000080 solid;
	border-top: 0px #000080 solid;
	border-left: 1px #000080 solid;
	border-bottom: 0px #000080 solid;
}
.BlackBottom{
	border-right: 0px #000080 solid;
	border-top: 0px #409CDA solid;
	border-left: 0px #000080 solid;
	border-bottom: 2px #000080 solid;
}
.SmallBlackBottom{
	border-right: 1px #000080 solid;
	border-top: 0px #409CDA solid;
	border-left: 1px #000080 solid;
	border-bottom: 1px #000080 solid;
}
.Navi1:link	{
	color: #ffffff;
	font-size: 8pt;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 6px;
	padding-bottom: 1px;
	border-right: 2px #000080 solid;
	border-top: 1px #409CDA solid;
	border-left: 1px #409CDA solid;
	border-bottom: 2px #000080 solid;
	visibility: visible;
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
	background-color: #409CDA;
	}
.Navi1:visited	{
	color: #ffffff;
	font-size: 8pt;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 6px;
	padding-bottom: 1px;
	border-right: 2px #000080 solid;
	border-top: 1px #409CDA solid;
	border-left: 1px #409CDA solid;
	border-bottom: 2px #000080 solid;
	visibility: visible;
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
	background-color: #409CDA;
	}
.Navi1:hover	{
	color: #ffffff;
	font-size: 8pt;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #007BCE;
	}
.Navi1Active	{
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 3px;
	padding-bottom: 1px;
	border-right: 2px #000080 solid;
	border-top: 1px #409CDA solid;
	border-left: 1px #409CDA solid;
	border-bottom: 2px #000080 solid;
	visibility: visible;
	display: block;
	text-align: left;
	background-color: #007BCE;
	}
.Sub_Link:link	{
	color: #ffffff;
	font-size: 8pt;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	/*width: 100%;
	height: 100%;*/
	text-decoration: none;
	visibility: visible;
	}
.Sub_Link:visited	{
	color: #ffffff;
	font-size: 8pt;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	/*width: 100%;
	height: 100%;*/
	text-decoration: none;
	visibility: visible;
	}
.Sub_Link:hover	{
	color: #ffffff;
	font-size: 8pt;
	/*width: 100%;
	height: 100%;*/
	text-decoration: none;
	background-color: #000080;
	}
.Sub_Link_Active	{
	/*width: 100%;
	height: 100%;*/
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	visibility: visible;
	/*display: block;*/
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #000080;
	}
/**************** menu coding *****************/
#menu {
width: 100%;
background: #BFDEF3;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 140px;
float: left;
}

#menu a, #menu h2 {
font: 8pt verdana, arial, helvetica, sans-serif;
display: block;
	border-right: 1px #80BDE7 solid;
	border-top: 1px #80BDE7 solid;
	border-left: 1px #80BDE7 solid;
	border-bottom: 0px;
margin: 0;
padding: 3px;
}

#menu h2 {
	font-weight: bold;
}

#menu a {
color: #000080;
background: #BFDEF3;
text-decoration: none;
}

#menu a:hover {
color: #fff;
background: #409CDA;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

