/*
-----------------------------------------------------
Style Sheet
Developer - Ronald Rogers
Company - WEBY Systems
Website - www.weby.com.au
Contact - weby@weby.com.au

Edit in notepad to fix background images without the '  '
-----------------------------------------------------*/


/*-- BASE LAYOUT FEATURES ---------------------------*/
body {
  background: #000000;
  text-align: center; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  
  }

  a     { }
  a:link    { color: #CC0000; text-decoration: none; font-weight: bold;}
  a:visited { color: #CCCCCC; text-decoration: none; font-weight: bold;}
  a:active  { color: #CCCCCC; text-decoration: none; font-weight: bold;}
  a:hover   { color: #FFFFFF; text-decoration: none; font-weight: bold;}

  h1  {
    font-family: verdana, sans-serif;
    color: #FED085;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 1px;
    }
    
  h2  {
    font-family:  verdana, sans-serif;
    color: #FED085;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 4px 0px;
    font-size: 16px;
    line-height: 20px;
       letter-spacing: 1px;
    }
  h3  {
    font-family:  verdana, sans-serif;
    color: #FED085;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 4px 0px;
    font-size: 12px;
    line-height: 14px;
       letter-spacing: 1px;
    }

  h4  {
    font-family:  Arial, Verdana, sans-serif;
    color: #FED085;
    width: 95%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;   
    font-size: 10px;
    font-weight: normal;    
    line-height: 12px;
       letter-spacing: 0px;
    }

/*-- OUTSIDE CONTAINER CONTAIN ALL DIVS ---------------------------*/
#wrapper {
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  width: 750px;
  \width: 750px;
  w\idth: 750px;  
  background-color: #000000;
  }
  
#container {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  width: 750px;
  \width: 750px;
  w\idth: 750px;  
  }

/*-- BANNER DIV CONTAINS BANNER AT THE TOP OF THE PAGE--------------*/
#topsection {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  background-color: transparent;
  width: 750px;
  \width: 750px;
  w\idth: 750px;
  height: 60px;
      }
#banner {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  color: #0000FF;
  font-size: 24px;
  font-weight: bold;
  line-height: 82px;
  width: 750px;
  \width: 750px;
  w\idth: 750px;
  height: 82px;
      }

.bannertext {
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333366;
  font-size: 24px;
  font-weight: bold;
  line-height: 26px;
    background-color: transparent;
}
.bannerlogo {
  float: left;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  color: #333366;
  font-size: 24px;
  font-weight: bold;
  line-height: 26px;
    background-color: transparent;}


.prop{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 380px;
  width:  1px;
  float:  right;
  background-color: transparent;
  }
  
    
/*-- MENU NAVIGAITION PANEL---------------------------*/
#menubox {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left; 
  width: 750px;
  \width: 750px;
  w\idth: 750px;
  height: 55px;
  background-color: #000000;
  
}

.menu {
  margin: 0px 0px 0px 135px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  width: 480px;
 \width: 615px;
  w\idth: 480px;
  font-size: 11px;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  line-height: 50px;
  font-weight: bold;
}

.link {
 float: left;
 width: 120px;
 line-height: 50px;
 background-color: #000000;
 background: url('images/buttons.gif') top left no-repeat;
 font-size: 11px;
 font-weight: bold;
 font-family: Verdana, Arial, sans-serif;
 color: #FED085;
 text-decoration: none;
 text-align: center;
 cursor: pointer;
   }
.link a {
 float: left;
 width: 120px;
 line-height: 50px;
 background-color: #000000;
 background: url('images/buttons.gif') top left no-repeat;
 font-size: 11px;
 font-weight: bold;
 font-family: Verdana, Arial, sans-serif;
 color: #FED085;
 text-decoration: none;
 text-align: center;
 cursor: pointer;
   }
.uberlink  {
  float: left;
  width: 120px;
  line-height: 50px;
  background: url('images/buttons.gif') 0 -50px no-repeat;
  font-size: 11px;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  text-decoration: none;
  text-align: center;
  cursor: default;
}
.uberlink a {
  float: left;
  width: 120px;
  line-height: 50px;
  background: url('images/buttons.gif') 0 -50px no-repeat;
  font-size: 11px;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  text-decoration: none;
  text-align: center;
  cursor: default;
}

.uberlink a:link, .uberlink a:visited, .uberlink a:hover {
    color: #FED085;
  background: url('images/buttons.gif') 0 -50px no-repeat;
    cursor: default;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Arial, sans-serif;

}
.link a:link, .link a:visited {
   color: #FED085;
   text-decoration: none;
   cursor: pointer;
  text-align: center;   
  font-size: 11px;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif; 
  background: url('images/buttons.gif') top left no-repeat;
}
.link a:hover {
  color: #FED085;
  text-decoration: none;
  background: url('images/buttons.gif') 0 -50px no-repeat;
  cursor: pointer;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;  

}


/*-- Content part of the page---------------------------*/

#centerwide {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 750px;
  text-align: left;
  background-image: url('images/cbg.gif');
  background-repeat: repeat-y;
  }

#center {
  float:left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  width: 750px;
  background: transparent;
  }

.content {
  float:left;
  margin: 0px 0px 0px 0px;
  padding: 5px 42px 0px 42px;
  color: #FED085;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  }

.content p {
  color: #FED085;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  }



.leftfloat {
  padding: 5px  10px 5px 5px;
  float: left;
  text-align: left; 
}
.rightfloat {
  padding: 5px 5px 5px 10px;
  float: right;
  text-align: left; 
}


.content a { }
.content a:link    { color: #FFFFFF; text-decoration: underline; font-size: 12px; line-height: 16px; font-weight: bold;}
.content a:visited { color: #CCCCCC; text-decoration: underline; font-size: 12px; line-height: 16px; font-weight: bold;}
.content a:active  { color: #CCCCCC; text-decoration: underline; font-size: 12px; line-height: 16px; font-weight: bold;}
.content a:hover   { color: #CC0000; text-decoration: underline; font-size: 12px; line-height: 16px; font-weight: bold;}

.content a img{text-decoration: none;}

.btl{
  float: left;
  background-image: url('images/tl.gif');
  background-repeat: no-repeat;
  height:32px;
  width:32px;
}

.btop{
  float: left;
  background-image: url('images/top.gif');
  background-repeat: repeat-x;
  width: 685px;
  height:32px;
  }
.btr{
  float: left;
  background-image: url('images/tr.gif');
  background-repeat: no-repeat;
  height:32px;
  width:32px;
}


.bbr{
  float: left;
background-image: url('images/br.gif');
background-repeat: no-repeat;
height:32px;
width:32px;

}

.bbottom{
  float: left;
  background-image: url('images/bottom.gif');
  background-repeat: repeat-x;
  width: 685px;
  height:32px;
  }

.bbl{
float: left;
background-image: url('images/bl.gif');
background-repeat: no-repeat;
height:32px;
width:32px;

}

.gallery a { }
.gallery a:link    { color: #FFFFFF; text-decoration: none; font-size: 12px; line-height: 16px; font-weight: bold;}
.gallery a:visited { color: #CCCCCC; text-decoration: none; font-size: 12px; line-height: 16px; font-weight: bold;}
.gallery a:active  { color: #CCCCCC; text-decoration: none; font-size: 12px; line-height: 16px; font-weight: bold;}
.gallery a:hover   { color: #CC0000; text-decoration: none; font-size: 12px; line-height: 16px; font-weight: bold;}



/*-- Footer part of the page---------------------------*/
.footer {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 745px;
  float: left;
  }
  
.powered {
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 745px;
  float: center;
  display: block;
  color: #FED085;
  background-color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal ;
  text-align: center;
  }
  
.powered a:link, a:visited, a:active { color: #FED085; text-decoration: none; font-weight: bold;  font-size: 9px;}
.powered a:hover { color: #CCCCCC; text-decoration: none; font-weight: bold;  font-size: 9px;}

/*-- Contact Us Page---------------------------*/
.contacttable {
    width: 745px;
  font-size: 11px;
  font-weight: bold;
  vertical-align: top;
} 

.tablewrapper {
  float: left;
  
} 