html, body {
    height: 100%; 
    padding: 0;
}
body {  margin:0;
        background-image:url(background.jpg)
        }

p, ul, table {
    font-family: Arial, Helvetica, sans-serif;
}



#fullcontent {
    background-color:#fff;
    width: 100%;
    float: left;
    padding-bottom:20px;
}

#main a { text-decoration: underline;}
#main a:hover { text-decoration: none; }

#margin {
    width: 1012px;
    background-color:#fff;
    margin:auto;
    }

 /*** Start Header elements for different banners ***/

#header {
    height:135px;
    background-position:right top;
    background-repeat:no-repeat;
    margin: 0;
}
.wHead{ 
    background-image:  url("wyreena_right.jpg");
    }
.cHead { 
    background-image:  url("culture_right.jpg");
    }
.fHead { 
    background-image:  url("fedestate_right.jpg");
    }
.gHead { 
    background-image:  url("gallery_right.jpg");
    }
.hHead { 
    background-image:  url("home_right.jpg");
    }

 /*** End Header elements for different banners ***/

#breadcrumb { background-color:#fff; }
#breadcrumb ul{
    text-align:right;
    font-size: 0.7em;
    margin:0;
    padding: 0 .3em 15px 0;
                }
#breadcrumb li {
    display: inline;
    list-style-type: none;
      
}
#outer_wrapper {}

#wrapper {
    margin-left: 230px;
    
}
#main { 
    padding: 0 .5em 30px 0;
 
}

#main.withRHS {
    margin-right: 210px;
    }
#main p{
    
    margin:0 0 .9em 0;
    font-size: 0.9em;
    line-height:1.2em;
}

#main li {
    font-size: 0.9em;
}

    
#main table{
    font-size: 0.9em;
    border-collapse:collapse;
    margin:0 0 1em;
    padding:0;
    width:90%;

}

#main td {
    vertical-align:top;
    padding: 2px;
}




 /*** Right Content Area ***/

#right {
    float:right;
    width:186px;
    margin-right: 10px;
    padding-bottom: 10px;
    padding-top:42px;
    background-repeat: no-repeat;
    }

#right img {
    margin:0;
}
#right p {
    font-size: 0.8em;
    color: #000;
    margin: 2pt 0 .5em 0;
    
}
#right ul {
    font-size: 0.8em;  
}


#right a { text-decoration: none;}
#right a:hover { text-decoration: underline; }



ul.downloads{
    margin: 0;
    padding:0 0 6px 0;
    list-style: none;
}
li.downloads {
    padding-bottom: 3px;
    }
.filesize {
    font-size: 85%;
    color:#999999;
    }

#rightContent {
    padding: 4px;
    background-color:#E6E6E6;
    border-right: 1px solid #6D6D6F;
    border-bottom: 1px solid #6D6D6F;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.utility {
    margin-top: 10px;
    padding:2px 0 0 5px;
    border-top:1px solid #6D6D6F;
}


/*** End Right Content Area ***/


.topLevel {        
            padding: 0 0 1em 0 ;
            margin:0;
            list-style-image:none;
            list-style-type:none;}

#footer {
    clear: both;
    padding: .5em ;
    border-top: 1px #ccc solid;
    font-size:.7em;
    }
#Address {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    float:left;
    width:65%;
    }
#footerLinks {
    text-align:right;
    width: 30%;
    float:right;
    }
#footer ul{ text-align:right; margin:0 }
#footer li {
    display: inline;
    list-style-type: none;
    padding-left: 8px;
    
}
#footer a { padding:0 2px;}


img    {
        border: 0;
        }
#main img  {
            padding:4px;
            }
H1{ font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif; 
    font-size: 1.9em;    
    }

H2{ font-family: Geneva, Arial, Helvetica, sans-serif; 
    font-size: 1em;
    }

H3{ font-weight: bold; 
    font-family: Arial, Tahoma, Verdana; 
    font-size: 85%;
    margin:0; 
    }

H4{ font-weight: bold; 
    font-family: Arial, Tahoma, Verdana; 
    font-size: 80%;
    margin:0; 
    }

.last {
    margin-bottom: 0;
}
.clearing {
    height: 0;
    clear: both;
}
.structurelabel
{
position: absolute;
left: -5000px;
width: 4000px;
overflow: hidden;
}



/* -------------Left Navigation style----------------*/
#leftnav {
    float:left;
    width:190px;
    padding: 0 0 0 25px;
    margin-bottom: 1em;
    font-size: 75%;
}


#leftnav ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: none;
}


#leftnav li a
{
    display: block;
    padding: 5px;
    background-color: #6D6D6F;
    color: #fff;
    text-decoration: none;
}
#leftnav li li {
    border-top: 1px solid #fff;
    border-bottom: 0;
    margin: 0;
}

#leftnav li {
    border-bottom: 1px solid #fff;
    margin: 0;
}



#leftnav li li .active  {
    font-weight: bold;
    }








 /* START Coloured mouseover for specific sections */
#home a:hover  {
    background-color: #8C67AB;
    }
#culture a:hover {
    background-color: #FFAC06;
    color: #333;
    }
#wyreena a:hover {
    background-color: #ABBC3A;
    }
#gallery a:hover {
    background-color:#D40139;
    }
#federation a:hover {
    background-color: #2D6BB6;
    }
 /* END Coloured mouseover for specific sections */



#leftnav ul.menuOff {
 display: none;
}






/************************************ Event Summary Styles */

.Events {
    background-color:#FFFFFF;
    border-bottom:1px dotted #E2EBD8;
    float:left;
    margin-bottom:10px;
    overflow:hidden;
    width:100%;
    padding-top: 10px;
    
}
.EventsImage {
    float:left;
    
}
.EventSummary {
    margin-left: 170px;
   
}
.eventAddress {
    font-size:80%;
    }


.blurb {
    font-weight: bold;
    padding-bottom: 20px;
    font-size:.9em;
}

.eventImage {
    padding: 0 0 0 10px;
}

.eventDateDetails {
    color: #666;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size:0.9em;
}

/* Clearfix, a class to clear floated elements */
/*ClearFix for good browsers*/
html > body .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* clearfix for IE/mac */
.clearfix {display: inline-block;}
/* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/************************************ End Event Summary Styles */







/*-------------IE Fix Styles-----------------*/
* html #mainSection #left{
 width:240px;
}
* html #mainSection #center {
 width:435px;
 height:400px;
}
* html #topNavigation{
 width:677px;
}