/* ------------------------------------------------------- GLOBAL */


body{
color: #666666;
font-family: Arial, Helvetica, Tahoma;
font-size: 12px;
margin: 0px auto;
text-align: center;
padding: 0px;
background-color: #002759;
background-image: url("/images/bg-body.jpg");
background-repeat: repeat-x;
background-position: top center;
}

a:link {color: #005ba6; text-decoration: none;}
a:visited {color: #005ba6; text-decoration: none;} 
a:active {color: #005ba6; text-decoration: none;}
a:hover {color: #005ba6; text-decoration: underline;}
a img {border: none;}

.clear{clear: both;}
span.author{font-size: 9px;}

h1{
margin: 0px;
padding: 0px;
font-size: 25px;
font-weight: normal;
color: #115ea8;
text-align: left;
font-family: Arial;
}

h2{
margin: 0px;
padding: 9px 0px 0px 0px;
font-size: 20px;
font-weight: normal;
color: #414042;
text-align: left;
font-family: Arial;
}

h3 {
font-size: 16px;
font-weight: bold;
color: #414042;
text-align: left;
font-family: Arial;
}

h3.left-header{
margin: 0px;
padding: 9px 0px 0px 10px;
font-size: 13px;
font-weight: bold;
color: #414042;
text-align: left;
font-family: Arial;
height: 31px; 
background-image: url("/images/bg-left-header.jpg");
background-repeat: no-repeat;
background-position: top center;
}

h3.mainleft-header{
margin: 0px;
padding: 9px 0px 0px 10px;
font-size: 13px;
font-weight: bold;
color: #414042;
text-align: left;
font-family: Arial;
height: 33px; 
background-image: url("/images/bg-mainleft-header.jpg");
background-repeat: no-repeat;
background-position: top center;
}

h3.mainright-header{
margin: 0px;
padding: 9px 0px 0px 10px;
font-size: 13px;
font-weight: bold;
color: #414042;
text-align: left;
font-family: Arial;
height: 33px; 
background-image: url("/images/bg-mainright-header.jpg");
background-repeat: no-repeat;
background-position: top center;
}

h4 {
color:#6D6E71;
font-family:Arial;
font-size:15px;
font-weight:normal;
margin:0;
padding:0;
text-align:left;
}

h5{
margin: 0px;
padding: 9px 0px 0px 0px;
font-size: 16px;
font-weight: normal;
color: #414042;
text-align: left;
font-family: Arial;
height: 33px; 
}

h6{
margin: 0px;
padding: 5px 0px;
font-size: 12px;
font-weight: normal;
color: #6d6e71;
text-align: left;
font-family: Arial;
}

hr{
margin: 20px 0px 20px 0px;
_margin: 13px 0px 13px 0px;
color: #e2dfdc;
background-color: #e2dfdc;
height: 1px;
border: 0px;
}

p{
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 12px;
font-weight: normal;
text-align: justify;
line-height: 18px;
}


/* ------------------------------------------------------- TOP */


#topmenu{
margin: 0px auto;
padding: 0px 0px 0px 50px;
width: 850px;
height: 54px;
background-image: url("/images/bg-topmenu.jpg");
background-repeat: no-repeat;
background-position: top center;
text-align: left;
line-height: 50px;
color: #ffffff;
font-size: 8pt;
}
#topmenu a:link {color: #ffffff; text-decoration: none;}
#topmenu a:visited {color: #ffffff; text-decoration: none;} 
#topmenu a:active {color: #ffffff; text-decoration: none;}
#topmenu a:hover {color: #ffd900; text-decoration: none;}

#banner{
margin: 0px auto;
padding: 0px;
width: 900px;
height: 226px;
background-repeat: no-repeat;
background-position: top center;
}
.banner-WC{background-image: url("/images/bg-banner-WC.jpg");}
.banner-EC{background-image: url("/images/bg-banner-EC.jpg");}
.banner-M{background-image: url("/images/bg-banner-M.jpg");}
.banner-L{background-image: url("/images/bg-banner-L.jpg");}
.banner-KZN{background-image: url("/images/bg-banner-KZN.jpg");}


#logo{
float: left; display: inline;
margin: 0px;
padding: 0px;
width: 206px;
height: 226px;
}

#slides{
float: left;
margin: 0px;
padding: 0px;
width: 633px;
height: 226px;
}


/* ------------------------------------------------------- PAGE */


#page{
margin: 0px auto;
padding: 14px;
width: 862px;
background-color: #ffffff;
background-image: url("/images/bg-page.jpg");
background-repeat: repeat-x;
background-position: top center;
}


/* ------------------------------------------------------- LEFT */


#left{
float: left; display: inline;
margin: 0px;
padding: 0px;
width: 209px;
background-color: #ffffff;
background-image: url("/images/bg-left.jpg");
background-repeat: no-repeat;
background-position: top center;
}

#leftmenu{
margin: 0px;
padding: 8px 0px 0px 0px;
width: 209px;
}

a.leftnav:link, a.leftnav:visited {
display: block;
background: url('/images/bg-leftnav.png') no-repeat;
background-position: bottom left;
font-size: 11px;
color: #414042;
text-align: left;
margin: 0px;
padding: 0px 0px 0px 20px;
height: 20px !important;
height: 20px;
width: 189px;
text-decoration: none;
line-height: 19px;
}
a.leftnav:hover {
background-position: bottom right;
text-decoration: none;
}

a.blognav:link, a.blognav:visited {
display: block;
background: url('/images/bg-blognav.jpg') no-repeat;
background-position: top left;
font-size: 11px;
color: #ffffff;
text-align: left;
margin: 0px 0px 2px 0px;
padding: 0px 0px 0px 10px;
height: 22px !important;
height: 22px;
width: 199px;
text-decoration: none;
line-height: 22px;
}
a.blognav:hover{
background-position: 0px -22px;
text-decoration: none;
}

.left-footer{
margin: 0px;
padding: 0px;
width: 209px;
height: 18px;
background-image: url("/images/bg-left-footer.jpg");
background-repeat: no-repeat;
background-position: top center;
}

.members{
margin: 0px;
padding: 10px;
width: 189px;
background-image: url("/images/bg-members.jpg");
background-repeat: no-repeat;
background-position: top center;
text-align: right;
}

.logfield{
margin: 0px 0px 3px 0px;
padding: 2px;
color: #000000;
background: #ffffff;
border: 1px ridge #cccccc;
font-size: 8pt;
width: 100px;
font-family: Arial;
}

.button{
color: #ffffff;
background: #808285;
font-size: 13px;
border: 1px solid #dad7d4;
cursor: pointer;
height: 22px;
}
@-moz-document url-prefix()
{
.button { padding: 1px 5px 4px 5px; }
}

/* ------------------------------------------------------- MAIN */


#main{
float: left; display: inline;
margin: 0px;
padding: 0px 0px 0px 14px;
width: 638px;
text-align: left;
}


/* ------------------------------------------------------- MAIN TOP */


#maintop{
/* height: 60px; */
padding-bottom: 12px;

}

.search{
float: right; display: inline;
text-align: right;
}


/* ------------------------------------------------------- MAIN LEFT */

#mainleft{
float: left; display: inline;
margin: 0px;
padding: 0px 0px 0px 0px;
width: 387px;
}

.news{
clear: both;
margin: 0px auto;
padding: 0px 0px 2px 0px;
width: 385px;
height: 98px;
background-image: url("/images/bg-news.jpg");
background-repeat: repeat-x;
background-position: top center;
}

.news-thumb{
float: left;
margin: 0px;
padding: 0px;
width: 98px;
height: 98px;
background-color: gray;
}

.news-text{
float: left;
margin: 0px;
padding: 6px;
width: 275px;
text-align: justify;
color: #3a606e;
}

.news-title{
margin: 0px;
height: 41px;
text-align: left;
color: #5c574a;
}
.news-title a:link {color: #5c574a; font-weight: bold; text-decoration: none;}
.news-title a:visited {color: #5c574a; font-weight: bold; text-decoration: none;} 
.news-title a:active {color: #5c574a; font-weight: bold; text-decoration: none;}
.news-title a:hover {color: #005ba6; font-weight: bold; text-decoration: none;}



/* ------------------------------------------------------- MAIN RIGHT */


#mainright{
float: right; display: inline;
margin: 0px;
padding: 0px;
width: 238px;
}

.searchfield{
width: 160px;
border: 1px solid #cccccc;
font-family: Arial;
}

.searchbutton{
color: #ffffff;
background: #004d80;
border: 1px solid #004d80;
}

.newsletterblock{
margin: 0px 0px 1px 0px;
padding: 0px;
width: 238px;
height: 41px;
}

.newsletterblockpic{
float: left; display: inline;
margin: 0px;
padding: 0px;
width: 40px;
height: 41px;
}

.newsletterblockbutton{
float: left;
}

a.newsletterblocknav:link, a.newsletterblocknav:visited {
display: block;
background: url('/images/bg-newsletterblocknav.jpg') no-repeat;
background-position: top left;
font-size: 11px;
color: #ffffff;
text-align: left;
margin: 0px;
padding: 0px 0px 0px 8px;
height: 41px !important;
height: 41px;
width: 189px;
text-decoration: none;
line-height: 41px;
}
a.newsletterblocknav:hover{
background-position: 0px -41px;
text-decoration: none;
}

a.facebooknav:link, a.facebooknav:visited {
display: block;
background: url('/images/bg-facebooknav.jpg') no-repeat;
background-position: top left;
font-size: 11px;
color: #ffffff;
text-align: left;
margin: 0px;
padding: 0px 0px 0px 47px;
height: 41px !important;
height: 41px;
width: 190px;
text-decoration: none;
line-height: 41px;
}
a.facebooknav:hover{
background-position: 0px -41px;
text-decoration: none;
}

.mainright-footer{
margin: 0px;
padding: 0px;
width: 237px;
height: 18px;
background-image: url("/images/bg-mainright-footer.jpg");
background-repeat: no-repeat;
background-position: top center;
}

a.helpnav:link, a.helpnav:visited {
display: block;
background: url('/images/bg-helpnav.jpg') no-repeat;
background-position: top left;
font-size: 11px;
color: #ffffff;
text-align: left;
margin: 0px 0px 2px 0px;
padding: 0px 0px 0px 10px;
height: 22px !important;
height: 22px;
width: 227px;
text-decoration: none;
line-height: 22px;
}
a.helpnav:hover{
background-position: 0px -22px;
text-decoration: none;
}
.expressToUser {
	display: none;
}



/* ------------------------------------------------------- BOTTOM */


#footer{
margin: 0px auto;
padding: 0px;
width: 890px;
height: 71px;
background-image: url("/images/bg-footer.jpg");
background-repeat: no-repeat;
background-position: top center;
text-align: center;
line-height: 40px;
color: #ffffff;
font-size: 11px;
}
#footer a:link {color: #ffffff; text-decoration: none;}
#footer a:visited {color: #ffffff; text-decoration: none;} 
#footer a:active {color: #ffffff; text-decoration: none;}
#footer a:hover {color: #ffd900; text-decoration: none;}


/* ------------------------------------------------------- CONTENT */

#acrobaticon{
float: left; display: inline;
margin: 0px;
padding: 0px;
}

.accord{
display: none;
margin: 0px 0px 0px 20px;
}

a.down:link, a.down:visited{
clear: both;
float: left;
display: block;
background: url('/images/down.gif') no-repeat;
background-position: top right;
color: #8caddb;
text-align: center;
margin: 0px;
padding: 0px 15px 0px 0px;
height: 18px !important;
height: 18px;
text-decoration: none;
}
a.down:hover{
background-position: bottom right;
color: #7ed0ff;
text-decoration: none;
}