/* -----------------------------------------------------
	Wood-ni Stylesheet
	Updated: Fri 21.03.07
	CSS Author: Paul McMaster
 ----------------------------------------------------*/



/* -----------------------------------------------------
	Universial Elements
 ----------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
}
a:link{
	text-decoration:none;
	color:#912727;
	}
a:visited{
	text-decoration:none;
	color:#912727;
}	
a:hover, a:active{
	text-decoration:none;
	color:#912727;
}
img{
	border:0;
}	
ul{
	list-style:none;
}
body{
	color:#333333;
	font: normal 62.5%/1.2 Arial, Helvetica, sans-serif;
	background-image:url(../images/background.jpg);
	background-position:center;
	background-position:top;
	background-color:#f8f5e6;
}

#outercontainer{
	margin-left: auto;
	margin-right: auto;
	width:93em;
}



/* -----------------------------------------------------
	Top Area with leaf and navigation included
 ----------------------------------------------------*/
#toparea{
	width:93em;
	float:left;
	padding:0 0 2em 0;
}
#leaf{
	width:19.5em;
	position: relative;
	display:block;
	left:8em;
	float:left;
	
}
#leafimage{
	width:19.3em;
	height:14em;
}
#navigation{
	width:65.5em;
	float:right;
	padding:3.8em 0 0 0;
}
#navigation ul{
	float:right;
	font-size:1.4em;
}
#navigation ul li{
	display: inline;
	float: left; 
	text-align: center;
	padding:0 0 0 0.8em;
}
#navigation ul li a{
	background-color:#912727;
	color:#f8f5e6;
	padding:0.3em 0.5em;
	display:block;
}
#navigation ul li a.active{
	background-color:#f8f5e6;
	color:#912727;
}
#navigation ul li a:hover{
	background-color:#f8f5e6;
	color:#912727;
}




/* -----------------------------------------------------
	Main container
 ----------------------------------------------------*/
#container{
	width:93em;
	float:left;
	clear:both;
	background-color:#f8f5e6;
	padding:2em 0 0 0;
	margin:-87px 0 0 0;
}
#logoarea{
	width:93em;
	float:left;
	clear:both;
}
#logoarea img{
	border-top:0.1em solid #c1c1c1;
	border-bottom:0.1em solid #c1c1c1;
}
.mainimage{
	width:93em;
	height:15.9em;
}
#mainimagehome{
	width:93em;
	height:22.9em;
}
#membersarea{
	width:93em;
	float:left;
	clear:both;
	margin:-3.4em 0 0 0;
}
#membersarea ul{
	padding:0 0 0 76em;
}
#membersarea ul li{
	background-image:url(/assets/images/members.png);
	background-repeat:no-repeat;
	width:11.1em;
	height:2.4em;
	padding:0.7em 0 0 1.1em;
}
#membersarea ul li a{
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
}




/* -----------------------------------------------------
	Content Area for all pages
 ----------------------------------------------------*/
#homecontent{
	width:86em;
	float:left;
	clear:both;
	padding:4em 3.5em 3.5em 3.5em;
}



/* -----------------------------------------------------
	Left Column content area
 ----------------------------------------------------*/
#leftcol{
	width:56em;
	float:left;
}
#leftcol h1{
	font-size:24px;
	color:#912727;
	padding:0 0 1em 0;
}
#leftcol h2{
	font-size:16px;
	color:#333333;
	font-weight:normal;
}
#leftcol h3{
	font-size:14px;
	color:#70523c;
	padding:0 0 0.5em 0;
}
#leftcol p{
	padding:0 0 1em 0;
	font-size:1.2em;
}
#leftcol p.homeabout{
	padding:2.5em 0 0 0;
}
#leftcol p.big{
	font-size:18px;
	padding:0.9em 0 1em 0;
}
#leftcol p.about{
	padding:1.7em 0 0 0;
	font-size:1.2em;
}
#leftcol h5{
	display:inline;
	font-size:1.2em;
	color:#735640;
	font-weight:normal;
}
#contact{
	width:50.2em;
	height:25.6em;
	border:4px solid #bdbcb4;
	background-image:url(/assets/images/contactbackground.jpg);
	background-repeat:repeat-x;
	padding:2.5em 2.5em 0 2.5em;
}
#memberscontainer{
	width:56em;
	clear:both;
	float:left;
	padding:3em 0 0 0;
}
#memberslogo{
	width:27em;
	float:left;
}
#logocontainer{
	width:25.5em;
	float:left;
	border:4px solid #c5c2b7;
	background-color:#FFFFFF;
}
#memberscontent1{
	float:left;
	padding:1em 0 0 0;
}
#memberslogoimage{
	width:21.5em;
	height:auto;
	padding:2em;
}
#memberscontact{
	width:27em;
	float: right;
}
#memberscontact ul{
	font-size:1.2em;
	padding:0 0 1.5em 0;
}
.bold{
	font-weight:bold;
}
.membershomeimage{
	width:11.5em;
	height:7.2em;
}





/* -----------------------------------------------------
	Right Column content area
 ----------------------------------------------------*/
#rightcol{
	width:27em;
	float:right;
}
#rightcol h2{
	color:#99846f;
	font-size:1.4em;
	padding:1.8em 0 0 0;
}
#rightcol h3{
	font-size:1.4em;
	color:#815557;
	padding:0.3em 0 0 0;
}
#rightcol ul{
	padding:1em 0 0 0;
}
#rightcol ul li{
	display:inline;
	padding:0 1em 0 0;
}
#rightcol ul li img{
	border:0.4em solid #c5c2b7;
}
#rightcol ul.sidenav li{
	display:block;
	font-size:1.4em;
	border-bottom:1px solid #dcdbd3;
	padding:0.3em 0;
}
#rightcol ul.sidenav li a.active{
	color:#454545;
}
#rightcol ul.contactside{
	padding:1em 0 1.5em 0;
}
#rightcol ul.contactside li{
	display:block;
	font-size:14px;
	border-top:1px solid #dcdbd3;
	border-bottom:1px solid #dcdbd3;
	padding:0.3em 0;
}
.brown{
	color:#826953;
	font-size:12px;
}
#rightcol p{
	padding:1.5em 0 0 0;
	font-size:1.2em;
}




/* -----------------------------------------------------
	Styling for members area
 ----------------------------------------------------*/
#memberscontent{
	width:86em;
	float:left;
	clear:both;
	padding:4em 3.5em 0 3.5em;
	background-image:url(/assets/images/membersbg.jpg);
	background-repeat:repeat-x;
	background-color:#cec3b1;
	margin:-0.2em 0 0 0;
	min-height:37em;
}
#memberscontent h3.membersh3{
	color:#f8f5e6;
	font-size:1.6em;
	padding:0 0 1em 0;
}
#memberscontent h2.membersh2{
	padding:0.3em 0 0 0;
	font-size:1.8em;
	font-size:1.6em;
	font-weight:normal;
}
#memberscontent h2.membersh2right{
	color:#f8f5e6;
}
#memberscontent #leftcol a{
	text-decoration:underline;
	color:#333333;
}
#memberscontent #rightcol a{
	text-decoration:underline;
}
#memberscontent p.register{
	color:#454545;
	font-size:1.4em;
}
#forgotpassword{
	width:56em;
	float:left;
	padding:2em 0 0 0;
}
.password{
	font-weight:bold;
	color:#56331d;
}




/* -----------------------------------------------------
	Bottom Red area containing links to news, events + faq
 ----------------------------------------------------*/
#redarea{
	width:86em;
	float:left;
	clear:both;
	background-color:#912727;
	padding:2.5em 3.5em 1.5em 3.5em;
}
.calls{
	width:27em;
	float:left;
	padding:0 2em 0 0;
}
.calls1{
	width:27em;
	float:left;
}
#redarea h3 a{
	font-size:14px;
	color:#f8f5e6;
}
#redarea ul{
	padding:0.5em 0 0 0;
}
#redarea ul li{
	border-top:1px solid #9d4e4e;
	font-size:1.2em;
	padding:0.3em 0;
}
#redarea ul li a{
	color:#f8f5e6;
}




/* -----------------------------------------------------
	Footer Area
 ----------------------------------------------------*/
#com{
	float:left;
	width:850px;
	color:#d29c99;
	font-size:1.1em;
	border-top:1px solid #a84e4a;
	margin:25px 0 0 0;
	padding:15px 0 0 0;
}
#com a{
	color:#d29c99;
	text-decoration:underline;
}
#com p{
	float:left;
	padding:14px 0 0 0;
}
#com img{
	float:right;
}


/* -----------------------------------------------------
	404 Error
 ----------------------------------------------------*/




#error {
width:66em;
height:100%;
float:left;
padding-left:16em;

}

#error p{
	padding:0 0 1em 0;
	font-size:1.4em;
	line-height:1.4;
}

#error p.big{
	font-size:1.6em;
	font-weight:bold;
	padding:0.9em 0 1em 0;
}



#sorry
{   float:left;
    width:100%;
	width:54em;
       }
    
#sorry img 
{
     
    float:left;
    width:30em;
   
    }

 
 
#sorryleftcol{
	width:24em;
	float:left;
} 
 
    
    
#sorryrightcol{
	width:38em;
	float:left;
}

#sorry h2
{
    font-size: 3em;
    color: #912727;
    padding-top: 2em;
    padding-right: 0pt;
    padding-bottom: 1em;
    padding-left: 0pt;
   
}