/********************************************************
 *  Hobart Assn Qld - Common page styles
 *  author : Tony van Lingen, 2014
 * *******************************************************/
/* General tag-oriented styles */

body {
   /* background-color: #e6fafd; */
   background-color: white;
   color           : navy;
   font-family     : Verdana, Geneva, sans-serif;
   font-size       : 10pt;
   margin          : 0px;
   padding         : 0px;
}

table {
    border         : 1px solid navy;
    border-collapse: collapse;
    padding        : 5px;
    width          : 500px;
}

td{
   vertical-align  : top;
   align           : left;
   padding-left    :.5em;
   padding-top     : 5px;
   padding-bottom  : 3px;
}

h1 {
   font-family     : Georgia, "Times New Roman", Times, serif;
   font-size       : 16pt;
   font-weight     : bold;
   text-align      : center;
}

h2 {
   font-family     : Georgia, "Times New Roman", Times, serif;
   font-size       : 14pt;
   font-weight     : bold;
   text-align      : center;
}

h3 {
   font-family     : Georgia, "Times New Roman", Times, serif;
   font-size       : 12pt;
   font-weight     : bold;
   text-align      : center;
}

h4{
   font-family     : Georgia, "Times New Roman", Times, serif;
   font-size       : 10pt;
   font-weight     : bold;
   text-align      : center;
}


dt{
   font-weight     : bold;
   padding-top     : .5em;
}

a {
   color           : navy;
}

a:hover{
   color           : skyblue;
}

/* ID-based sections */

#banner {
   font-family     : Georgia, "Times New Roman", Times, serif;
   font-size       : 16pt;
   font-weight     : bold;
   height          : auto;
   margin-top      : 0px;
   padding-bottom  : 20px;
   padding-top     : 20px;
   text-align      : center;
   width           : 100%;
}

#banner01{
   margin-top      : 150px:
}

#centreColumn, .centreColumn {
   padding-left    : 30px;
   padding-right   : 30px;
}

#content, .content {
   clear           : both;
   margin-top      : 0px;
   height          : auto;
   padding-top     : 0px;
   padding-right   : 30px;
   padding-bottom  : 0px;
   padding-left    : 30px;
   text-align      : left;
   width           : 780px;
}

#copyright, .copyright{
   font-size       : 7pt;
   padding         : 5px 2em 10px;
   margin          : 0;
   text-align      : center;
}

#copyright p {
   border-top      : 1px solid navy;
}

#Events caption {
   font-weight     : bold;
   font-family     : Georgia, "Times New Roman", Times, serif;
   font-size       : 12pt;
}

#footer{
   clear           : both;
   float           : none;
   margin-top      : 12px;
   margin-bottom   : 12px;
   text-align      : center;
}

#header {
   margin-top      : 40px;
   margin-bottom   : 0;
   padding         : 0;
}

#leftColumn, .leftColumn {
   float           : left;
   margin          : 0px;
   padding         : 0px;
   position        : relative;
   width           : 24%;
}

#navigation {
   height          : auto;
   padding-bottom  : 2;
   padding-left    : 0;
   text-align      : left;
   width           : 840px;
}

#rightColumn, .rightColumn {
   float           : right;
   margin          : 0px;
   padding         : 0px;
   position        : relative;
   text-align      : left;
   width           : 74%;
}

#Subcontent{
   padding-right   : 60px;
   padding-left    : 70px;
   text-align      : left;
   width           : 720px;
}

#wrapper{
   border-left     : 1px solid navy;
   border-right    : 1px solid navy;
   margin-top      : -30px;
   margin-bottom   : 0px;
   margin-left     : auto;
   margin-right    : auto;
   padding         : 0 2em 0 2em;
   width           : 840px;
}

/* classes */

.white{
   color:#FFFFFF;
}

.red{
   color:#F00;
}

.hilite{
   background-color:#ffffff
}

.italic{
   font-style:italic;
}

.center{
   text-align:center;
}

.contentPar { /* To be used to partition left and right columns */
   clear           : both;
   margin          : 0px;
   float           : none;
   height          : auto;
   padding         : 0px;
   text-align      : left;
   width           : 100%;
}

.pageSpread {
   clear           : both;
   position        : relative;
   width           : 100%;
}

.memberlist {
   border          : 1px solid navy;
   border-collapse : separate;
   width           : 90%;
}

.ral{
   text-align: right;
}

/* page menu group */

.mnuTop {
   height          : 3.25em ;
   box-shadow      : 0px 3px 3px gray;
}
.menu ul li ul {
   list-style-type : none;
   position        : absolute;
   z-index         : 9999;
}

.mnuTop, .mnuLvl0 {
   background-color: #4999d1;
   color           : white;
   display         : block;
   font-size       : 10pt;
   font-weight     : bold;
   margin          : 0;
   padding         : 0;
}

.mnuTop .mnuTitle a {
   color           : gold;
}

.mnuTop .mnuLvl0 a {
   color           : white;
}

.mnuTop li {
   display         : block;
   padding         : 0 1em 0.25em 1em;
}

.mnuTop a {
   color           : white;
   font-size       : 10pt;
   text-decoration : none;
}

.mnuLvl0 li {
   float           : left;
}

.mnuLvl0 :hover {
   background-color: #77b3dd;
   border-radius   : 5px;
   -moz-border-radius   : 5px;
}

.mnuLvl1 {
   padding-left    : 5px;
}

.mnuLvl1 li {
   float           : none;
   padding         : 0 0 0.25em 0;
}

.mnuLvl1 li a {
   padding         : 0 1em 0 1em;
}

.mnuPnl {
   box-shadow      : 2px 5px 8px gray;
   background-color: #77b3dd;
   position        : absolute;
   display         : none;
}

.mnuPnl ul {
   padding         : 0;
}

/* sub-menu */
.subMnu {
   background-color: #77b3dd;
   color           : #4999d1;
   padding-top     : .25em;
}

.subMnu .mnuLvl0 :hover ,
.subMnu .mnuPnl {
   background-color: #d1e5f3;
   color           : #28377e;
}

.subMnu .mnuPnl a {
   color           : rgba(122, 130, 167, 1);
}