﻿body 
{
  background-color : rgb(0,138,171);
  font-family : Arial;
  font-size : 12px;
  color : White;
  padding-top : 0px;
  margin-top : 0px;
}

input, select, textarea
{
  font-family : Arial;
  font-size : 12px;
}

td.menu
{
  width : 260px;
  vertical-align : top;
  text-align : left;
  background-color : White;
}

td.content
{
  width : 700px;
  vertical-align : top;
  text-align : left;
  background-color : White;
}

.padContent
{
  padding-left : 25px;
  padding-right : 25px;
}

.pnlHome
{
  background-image  : url('Images/Home/pnlHome.gif');
  background-repeat : no-repeat;
  width : 410px;
  height : 379px;
  text-align : left;
  vertical-align : top;
  color : White;
}

.pnlAbout
{
  background-image  : url('Images/About/pnlAbout.gif');
  background-repeat : no-repeat;
  width : 410px;
  height : 378px;
  text-align : left;
  vertical-align : top;
  color : White;
}

.pnlContact
{
  background-image  : url('Images/Contacts/pnlContacts.gif');
  background-repeat : no-repeat;
  width : 410px;
  height : 377px;
  text-align : left;
  vertical-align : top;
  color : White;
}

.pnlEC
{
  background-image  : url('Images/EC/pnlEC.gif');
  background-repeat : no-repeat;
  width : 410px;
  height : 379px;
  text-align : left;
  vertical-align : top;
  color : White;
}

.pnlNC
{
  background-image  : url('Images/NC/pnlNC.gif');
  background-repeat : no-repeat;
  width : 410px;
  height : 378px;
  text-align : left;
  vertical-align : top;
  color : White;
}


.pnlWP
{
  background-image  : url('Images/WP/pnlWP.gif');
  background-repeat : no-repeat;
  width : 410px;
  height : 379px;
  text-align : left;
  vertical-align : top;
  color : White;
}


.pnlMP
{
  background-image  : url('Images/MP/pnlMP.gif');
  background-repeat : no-repeat;
  width : 409px;
  height : 379px;
  text-align : left;
  vertical-align : top;
  color : White;
}


.pnlKZN
{
  background-image  : url('Images/KZN/pnlKZN.gif');
  background-repeat : no-repeat;
  width : 409px;
  height : 378px;
  text-align : left;
  vertical-align : top;
  color : White;
}


.pnlGP
{
  background-image  : url('Images/GP/pnlGP.gif');
  background-repeat : no-repeat;
  width : 409px;
  height : 379px;
  text-align : left;
  vertical-align : top;
  color : White;
}


.pageHeading
{
  font-size : 16px;
  font-weight : bold;
  padding-top : 15px;
  
}

.legal
{
  padding-top: 6px;
  padding-right : 25px;
  text-align : right;
}

a:link     { color: White; font-weight:bold; text-decoration: none }
a:visited  { color: White; font-weight:bold; text-decoration: none }
a:active   { color: White; font-weight:bold; text-decoration: none }
a:hover    { color: White; font-weight:bold; text-decoration: underline }

a.noBold:link     { color: White; font-weight:normal; text-decoration: none }
a.noBold:visited  { color: White; font-weight:normal; text-decoration: none }
a.noBold:active   { color: White; font-weight:normal; text-decoration: none }
a.noBold:hover    { color: White; font-weight:normal; text-decoration: underline }

a.treasure:link     { color: rgb(80,80,80); font-weight: normal; text-decoration: none }
a.treasure:visited  { color: rgb(80,80,80); font-weight: normal; text-decoration: none }
a.treasure:active   { color: rgb(80,80,80); font-weight: normal; text-decoration: none }
a.treasure:hover    { color: rgb(80,80,80); font-weight: normal; text-decoration: underline }

a.back:link     { color: rgb(0,138,171); font-weight: bold; font-size: 14px; text-decoration: none }
a.back:visited  { color: rgb(0,138,171); font-weight: bold; font-size: 14px; text-decoration: none }
a.back:active   { color: rgb(0,138,171); font-weight: bold; font-size: 14px; text-decoration: none }
a.back:hover    { color: rgb(0,138,171); font-weight: bold; font-size: 14px; text-decoration: underline }

.Heading {font-family : Arial, Helvetica, sans-serif; font-size : 16px; font-weight : bold; color : rgb(239,166,37);}

.SubHeading 
{
  font-family  : Arial, Helvetica, sans-serif; 
  font-size : 14px; 
  font-weight : bold; 
  text-transform: uppercase; 
  color : rgb(1,138,172);
}

.treasureData
{
  color : rgb(80,80,80);
}

.padData
{
  padding-left : 25px;
  padding-right : 25px;
  
}

.padLeft15
{
  padding-left : 15px;
}


.padLeftMap
{
  padding-left : 5px;
}

.modalBackground 
{
  background-color : Gray;
  filter           : alpha(opacity=80);
  opacity          : 0.80;         
}