/* 
-------------------------------------------------------------------------
Copyright (C) Webastonic CC 2006
All rights reserved
http://www.webastonic.co.za

The use of this style sheet and all content and images related to it
is strictly prohibited without the written concent from Webastonic CC.

If you have any questions or comments regarding our style sheet or web site, please
send an email to info@webastonic.co.za
-------------------------------------------------------------------------
*/
 
/*---Default settings---------------------------------------------------*/

:link, :visited {
  text-decoration:none;
}

ul, ol {
  list-style:none;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, body, html, p, blockquote {
  margin:0;
  padding:0;
}

/*---Body-------------------------------------------------------------------------*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#333333;
	background-position: 50%;
	background-color: #000066;
}
/*---Top Banner-------------------------------------------------------------------*/

#topbanner {
	width:637px;
	height:127px;
	margin:0px auto 10px;
	background-image:url(/img/tbanner.jpg);
	text-decoration:none;
	float: left;
	border: 2px solid #FFFFFF;
}

#topbanner li {
	position:absolute;
	top:116px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
}

#topbanner a:link {
    color:#336699;
    text-decoration:none;
}

#topbanner a:visited {
    color:#336699;
    text-decoration:none;
}

#topbanner a:hover {
    color:#FF0000;
    background-color:#FFFF99;
    text-decoration:none
}

#topbanner a:active {
	color:#FF0000;
	background-color:#FFFF99;
	text-decoration:none;
}

/*---Nav Main----------------------------------------------------------------------*/

#nmli0 {
    left:21px;
}

#nmli1 {
    left:77px;
}

#nmli2 {
    left:157px;
}

#nmli3 {
    left:249px;
}

#nmli4 {
    left:330px;
}

#nmli5 {
    left:441px;
}

#nmli6 {
    left:573px;
}

#nmli7 {
    left:355px;
}

/*---Content----------------------------------------------------------------------*/

#container {
	width:800px;
	background-color:#000066;
	top:0px;
	border:none;
	padding: 5px 15px;
	position: relative;
	margin: 0 auto;
}

#container div {
	margin: 0px;

}
#content {
	float: left;
	background-color:#FFFFFF;
	border: 2px solid #666666;
	background-image: url(/img/flags.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 40% 60%;
	width: 637px;
}

#content h1 {
	margin:10px 5px 5px;
	padding-left:15px;
	font:bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	background:#FFFFCC;
	color: #003300;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-transform: capitalize;
	border: 1px solid #CCCCCC;
}

#content h2 {
	top:10px;
	margin:5px 0 5px 5px;
	padding-left:18px;
	background:url(none);
	font-size:0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FF0000;
}

#content h3 {
	margin-left:23px;
	font:bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	background:url(none);
	margin-top: 10px;
	margin-bottom: 5px;
}
#content p {
	margin-left:18px;
	padding:5px 5px 6px 6px;
	font-size:0.7em;
	line-height:1.4em;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}

#content ol, #content ul {
    margin-left:0px;
    padding:14px 15px 6px 0px;
    font-size:0.8em;
    line-height:1.4em;
}

#content ol {
    list-style-type:decimal;
}

#content li {
    margin-left:20px;
}

#content a {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#333333;
}

#content a:hover {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#000066;
}

/*---Sub-Nav-----------------------------------------------------------------------*/

#sub-nav {
	float:right;
	width:123px;
	background-color:#CCFFFF;
	border: 1px solid #FF0000;
	left: 4px;
	position: relative;
}

#sub-nav div {
    margin:0 5px 30px;
}

#sub-nav p {
	margin:2px;
	padding-left:0px;
	font:normal 0.6em Arial, Helvetica, sans-serif;
	background:url(none);
	color:#000000;
	text-align: left;
}

#sub-nav h1 {
	font:bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	background:#FFFFCC;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 0;
	border: 1px solid #660000;
	padding: 5px;
	text-transform: capitalize;
}

#sub-nav h2 {
	font:bold 0.7em Verdana, Arial, Helvetica, sans-serif;

	color:#000066;
	padding-left: 4px;
	text-align: left;
	padding-bottom: 10px;
	color: #000066;
	margin-top: 5px;
	margin-bottom: 10px;
}

#sub-nav ul{
	padding:2px 10px 4px 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-image: none;
}

#sub-nav li ul {
    padding:0 0 4px 17px;
    border:none;
    background-image:url(none);
}

#sub-nav li a {
    padding-left:15px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    color:#666666;
}

#sub-nav li li a {
    padding-left:11px;
    font-weight:normal;
    background:url(none);
    color:#666666;
}

#sub-nav li a:hover {
    color:#000066;
    background:url(none);
}

#sub-nav li li a:hover {
    color:#000066;
    background:url(none);
}

/*---legal-info--------------------------------------------------------------------*/

#legal-info {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	background-color: #000000;
	border: 2px solid #FFFFFF;
	padding: 5px;
	float: left;
    clear:left;
	text-align: center;
	color: #99FFFF;
	text-decoration: none;
	width: 626px;
	
}

#legal-info a {
    color:#ffffff;
    padding:0 10px;
    background:url(none);
    text-decoration:none;
}

#legal-info a:hover {
    color:#FFFF00;
    background-color:#000066;
    text-decoration:none;
}

/*---End of Style Sheet------------------------------------------------------------*/
img {
	border: 0px;
}
table {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 20px;
}