/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

iframe {
overflow-x: hidden;
}

* { padding: 0; margin: 0; }

p {
 padding-bottom: 0px;
}

td {
 padding: 0px;
 font-weight: regular;
}

table {
 background: #150700;
 padding: 0px;

}

a img {
 text-decoration:none;
 border: 0; 
}

h2 {
 padding: 0;
}

body {
 font-family: VERDANA;
 font-size: 0.5em;
 background: #150700;
 color: #FFF;
 line-height: 1.7em;
}
#wrapper { 
 margin: 0 auto;
 width: 822px;
}

#navigation {
 float: left;
 width: 748px;
 height: 20px;
 color: #a51228;
 padding: 60px 5px 5px 5px;
 border: 0px solid #a51228;
 margin: 5px 0px 0px 0px;
 background: #150700;
 text-transform:lowercase;
 font-stretch: expanded;
}
#leftcolumn { 
 color: #FFF;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 298px;
 width: 252px;
 float: left;
}
#content { 
 float: left;
 color: #FFF;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 12px;
 height: 294px;
 width: 252px;
 display: inline;
}
#rightcolumn { 
 color: #FFF;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 60px 11px 10px;
 height: 248px;
 width: 252px;
 float: left;
}
#footer { 
 width: 800px;
 clear: both;
 color: #999999;
 border: 0px solid #ccc;
 margin: 0px 0px 2px 0px;
 padding: 5px 10px 0 10px;
 text-align:right;
}

#wrapmember {
 background: #53301A;
 height: 1470px;
}

/* ------ [ Front Page ] ------ */

#front {
 background: #111;
}

.splash {
 margin-top: 60px;
}

.enter {
 margin-top: 40px;
}

/* ------ [ Headers ] ------ */

#header {
 color: #333;
 width: 820px;
 float: left;
 padding: 0;
 border: 1px solid #ccc;
 height: 160px;
 margin: 0px 0px 0px 0px;
 background: #111 url(/images/headimage1.jpg) no-repeat;
}

#headerfood {
 color: #333;
 width: 820px;
 float: left;
 padding: 0;
 border: 1px solid #ccc;
 height: 160px;
 margin: 0px 0px 0px 0px;
 background: #111 url(/images/headfood.jpg) no-repeat;
}

#headeramber {
 color: #333;
 width: 820px;
 float: left;
 padding: 0;
 border: 1px solid #ccc;
 height: 160px;
 margin: 0px 0px 0px 0px;
 background: #111 url(/images/headerfire.jpg) no-repeat;
}

#headermember {
 color: #333;
 width: 820px;
 float: left;
 padding: 0;
 border: 1px solid #ccc;
 height: 160px;
 margin: 0px 0px 0px 0px;
 background: #111 url(/images/headcouple.jpg) no-repeat;
}

/* ------ [ Content ] ------ */

#whatson {
 width: 272px;
 float: left;
 padding: 10px;
 height: 170px;
}

#headimage {
 float: left;
 border: 3px solid #ccc;
 background: #111;
 padding: 0;
 height: 180px;
 width: 600px;
}

#navigation a {
text-decoration: none;
border-bottom: 0;
font-size: 110%;
}

/* ------ [ Whats Happening ] ------ */

.brown {
 background: #53301A;
}

.orange {
 background: #F47836;
}

.red {
 background: #C20000;
}

.orange a:link, a:visited, a:active {
 color: #111;
 text-decoration: none;
 border-bottom: 1px dotted #111;
}

.orange a:hover {
 color: #111;
 text-decoration: underline;
 border-bottom: 0;
}

.orange .date {
 padding-right: 15px;
 font-style: italic;
 font-weight: bold;
 color: #111;
}

.brown .date {
 padding-right: 15px;
 font-style: italic;
 font-weight: bold;
 color: #F47836;
}

.brown a:link, a:visited, a:active {
 color: #F47836;
 text-decoration: none;
 border-bottom: 1px dotted #F47836;
}

.brown a:hover {
 color: #FFF;
 text-decoration: underline;
 border-bottom: 0;
}

.red .date {
 padding-right: 15px;
 font-style: italic;
 font-weight: bold;
 color: #F47836;
}

.red a:link, a:visited, a:active {
 color: #F47836;
 text-decoration: none;
 border-bottom: 1px dotted #F47836;
}

.red a:hover {
 color: #FFF;
 text-decoration: underline;
 border-bottom: 0;
}

/* ------ [ Page classes ] ------ */

.about {
 background: #53301A;
}

.amber {
 background: #F47836;
}

.zenya {
 background: #C20000;
}

.bottle {
 background: #53301A;
}

.food {
 background: #53301A;
}

.dance {
 background: #C20000;
}

.functions {
 background: #F47836;
}

.membership {
 background: #53301A;
}

.happening {
 background: #C20000;
}

.contact {
 background: #F47836;
}


    .bars {
    SCROLLBAR-ARROW-COLOR: #FFEBCD;
SCROLLBAR-BASE-COLOR: #236313;
SCROLLBAR-FACE-COLOR: #236313;
SCROLLBAR-TRACK-COLOR: #215f12;
SCROLLBAR-DARKSHADOW-COLOR: #006400;

           }
		   
		   

/* ------ [ Headings ] ------ */

#abouttitle {overflow: hidden;  text-indent: -9000px;  background: url('images/about_illawarra.gif') no-repeat;  height: 90px; }

#ambertitle {overflow: hidden;  text-indent: -9000px;  background: url('images/amber_bar.gif') no-repeat;  height: 90px; }

#bottletitle {overflow: hidden;  text-indent: -9000px;  background: url('images/bottle_shop.gif') no-repeat;  height: 90px; }

#contacttitle {overflow: hidden;  text-indent: -9000px;  background: url('images/contact.gif') no-repeat;  height: 90px; }

#foodtitle {overflow: hidden;  text-indent: -9000px;  background: url('images/food.gif') no-repeat;  height: 90px; }

#functionstitle {overflow: hidden;  text-indent: -9000px;  background: url('images/functions.gif') no-repeat;  height: 90px; }

#happeningtitle {overflow: hidden;  text-indent: -9000px;  background: url('images/whats_on.gif') no-repeat;  height: 90px; }

#happeningtitlea {overflow: hidden;  text-indent: -9000px;  background: url('images/happening_o.gif') no-repeat;  height: 90px; }

#happeningtitleb {overflow: hidden;  text-indent: -9000px;  background: url('images/happening_b.gif') no-repeat;  height: 90px; }

#membertitle {overflow: hidden;  text-indent: -9000px;  background: url('images/membership.gif') no-repeat;  height: 90px; }

#zenyatitle {overflow: hidden;  text-indent: -9000px;  background: url('images/zenya_garden.gif') no-repeat;  height: 90px; }

#dancetitle {overflow: hidden;  text-indent: -9000px;  background: url('images/zenya_dance.gif') no-repeat;  height: 90px; }