body {
	font-family: Arial, Helvetica;
	background-color: #ffffff;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	border: 0px;
}

td {
font-family: Arial, Helvetica;
font-size:  0.9em;
}

a:link    {
color: #1063A5;
font-weight: normal;
}

a:visited {
color: #1063A5;
font-weight: normal;
}

a:active  {
color: #000099;
font-weight: normal;
}

a:hover   {
color: #000099;
font-weight: normal;
}

#pageall {
position: relative;

width: 100%;
background-color: #fff;
}

/*  
pageall2 is just to add the LH background column image
to make the left column appear to go all the way
to the bottom of the page
*/
 
#pageall2 {
position: relative;

width: 100%;

}

#pageleft {
position: relative;
float: left;
top: 0px;
left: 0px;
width: 120px;
background-image: url('../images/side_fade_down_120.jpg');

background-repeat: no-repeat;
height: 600px;
min-height: 600px;
}


#pageright {
position: relative;
float: right;
width: 120px;
background-image: url('../images/side_fade_down.jpg');

background-repeat: repeat-x;
text-align: center;
}


#pagetextback {
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px;
}


#pagetext {
position: relative;
margin: 0px 140px 0px 180px;
padding: 200px 0px 0px 20px;
}

#rhboxcol {
position: relative;

float: right;
width: 150px;
margin: 0px 10px 50px 10px;
}

.rhbox {
position: relative;

border: 1px solid #324496;
margin: 0px 0px 20px 0px;
padding: 3px;
}

#pagefooter {
clear: both;
text-align: center;
margin: 0px 0px 30px 0px;
}

#pagefooter ul {
list-style-type: none;
margin: 0px;
}

#pagefooter ul li {
list-style-type: none;
display: inline;
margin: 0px 10px 0px 10px;
}

#pagefooter ul li a {
text-decoration: none;
font-size: 90%;
	}
	

.rightbanner {
margin: 20px 0px 0px 0px;
position: relative;
}

.rightphotos {
margin: 10px 0px 0px 0px;
font-weight: bold;
color: #666;
}

.rightphoto {
margin: 30px 0px 0px 0px;
border: 2px solid #fff;
}


/* hack for IE float padding error to make heading edges position correct*/
*html .edgel {
margin: 0px -3px 0px -3px;
}

*html .edger {
margin: 0px -3px 0px 0px;
}

	
.menut {
position: absolute;
top: 0px;
left: 0px;
}

.menub {
position: absolute;
top: 492px;
left: 0px;
}

.welcomeleft {
font-weight: bold;
font-style: italic;
position: relative;
margin: 40px 2px 30px 2px;
text-align: center;
color: #fff;
}

.datetime {
font-size: 85%;
position: relative;
text-align: center;
font-weight: bold;
margin: 20px 0px 60px 0px;
color: #fff;
}

.wmblogo {
margin: 20px 0px 0px 0px;
text-align: center;
}

#menulist {
position: relative;
margin: 10px 0px 0px 0px;
padding: 0px;
left: 0px;
}


#menulist li {
position: relative;
list-style-type: none;
width: 140px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}

#menulist a {
position: relative;
margin: 0px;
display: block;
width: 140px;
height: 23px;
text-align: right;
}

.menulink {
margin: 0px 30px 0px 0px;
padding: 4px 0px 0px 0px;
display: block;
height: 23px;
cursor: pointer;
}

#menulist a:link    {
font-size: 90%;
color: #fff;
text-decoration: none;
font-weight: bold;
background-image: url('../images/button-off.gif');

background-repeat: no-repeat;
}

#menulist a:visited {
font-size: 90%;
color: #fff;
text-decoration: none;
font-weight: bold;
background-image: url('../images/button-off.gif');

background-repeat: no-repeat;

}

#menulist a:active  {
font-size: 90%;
color: #fff;
text-decoration: none;
font-weight: bold;
background-image: url('../images/button-off.gif');

background-repeat: no-repeat;

}

#menulist a:hover   {
font-size: 90%;
color: #fff;
text-decoration: none;
font-weight: bold;
background-image: url('../images/button-on.gif');

background-repeat: no-repeat;

}

#menulist  a:link.thispage {
background-image: url('../images/button-on.gif');
background-repeat: no-repeat;
}

#menulist  a:visited.thispage {
background-image: url('../images/button-on.gif');
background-repeat: no-repeat;
}


.buslink {
text-align: center;
font-size: 90%;
width: 120px;
top: 10px;
position: relative;
left: 0px;
}

.buslinklogo {
margin: 3px 0px 3px 0px;
border: 0px;
}

.message {
font-weight: bold;
color: #990000;
}

#sitemap {
list-style-type: none;
margin: 0px 0px 0px 200px;
}

#skiplinks {
position: absolute;
left: -1000px;
}


.floatl {
float: left;
}

.floatr {
float: right;
}

.imagel {
clear: both;
float: left;
margin: 0px 10px 5px 0px;
position: relative;
}

.imager {
float: right;
margin: 0px 0px 5px 10px;
}


.wclogodiv {
position: absolute;
top: 5px;
width: 100%;
text-align: center;
z-index: 100;
}

.wclogo {
border: 0px;
}

.phototitle {
font-weight: bold;
font-style: italic;
display: block;
}


.centre {
text-align: center;
}

.left {
text-align: left;
}

.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

.boldred {
font-weight: bold;
color: #f00;
font-size: 120%;
margin-left: 10px;
}

h1 {
display:inline;
font-size: 160%;
font-weight: bold;
color: #324496}

h2 {
display:inline;
font-size: 130%;
font-weight: bold;
color: #324496}

h3 {
display:inline;
font-size: 120%;
font-weight: bold;
color: #324496}

h4 {
display:inline;
font-size: 120%;
font-weight: bold;
color: #324496}

h5 {
display:inline;
font-size: 110%;
font-weight: bold;
color: #324496}

h6 {
display:inline;
font-size: 100%;
font-weight: bold;
color: #324496}

.bottomlink:link {
font-size: 10pt;
}

.bottomlink:visited {
font-size: 10pt;
}

.bottomlink:active {
font-size: 10pt;
}

.bottomlink:hover {
font-size: 10pt;
}

.header {
background-color: #168630;
color: #FFFFFF;
}

.button {
cursor: pointer;
color: #fff;
font-weight: bold;
background-color: #666;
border: 1px solid #ffb200;
margin: 3px;
}

.button100 {
width:100px;
cursor: pointer;
color: #000000;
font-size: 9px;
font-weight: bold;
border-top: #168630 thin solid;
background-color: #28DD1B;
border-right: #168630 thin solid;
border-bottom: #168630  thin solid;
border-left: #168630 thin solid;
}

form {
display:inline;
} 
input, select {
border: 1px solid #ffb200;
font-size: 9pt;
color: #000099;
}

textarea {
border: 1px solid #ffb200;
font-size: 9pt;
color: #000099;
}

.radio {
border: 0px;
}

.radio2 {
border: 0px;
margin: 0px 0px 0px 5px;
}

label {
font-weight: normal;
cursor: pointer;
}

.mandatory {
color: #cc0000;
}

.searchlink {
margin: 0px 0px 0px 100px;
}

.marginl50 {
margin: 0px 0px 0px 50px;
}

.fl {
float: left;
}

.fr {
float: right;
}

/*  Events List and display */
#eventslist {
text-align: left;
}

#eventslist ol {
list-style-type: none;
margin: 0px 0px 30px 30px;
}

#eventslist ol li {
position: relative;
display: block;
overflow: auto;
margin: 0px 0px 5px 0px;
}

#eventslist ol li a {
display: block;
float: left;
width: 350px;
}

#eventhtml {
text-align: left;
}

#eventhtml h2,#eventhtml h3,#eventhtml h4 {
display: block;
margin: 0px 0px 5px 0px;
}

#eventhtml h4 {
font-size: 90%;
}

/*  news List and display */
#newslist {
text-align: left;
}

#newslist ol {
list-style-type: none;
margin: 0px 0px 30px 30px;
}

#newslist ol li {
position: relative;
display: block;
overflow: auto;
margin: 0px 0px 5px 0px;
}

#newslist ol li a {
display: block;
float: left;
width: 350px;
}

#newshtml {
text-align: left;
}

#newshtml h2,#newshtml h3,#newshtml h4 {
display: block;
margin: 0px 0px 5px 0px;
}

#newshtml h4 {
font-size: 90%;
}


/* Members category listing div */
.catlist {
position: relative;
width: 400px;
font-size: 100%;
font-weight: bold;
text-align: left;
padding: 0px 0px 0px 5px;
margin: auto;
}

.catlist a:link    {
font-size: 120%;
color: #0a0a0a;
text-decoration: none;
}

.catlist a:visited {
font-size: 120%;
color: #0a0a0a;
text-decoration: none;
}

.catlist a:hover {
font-size: 120%;
color: #12127d;
text-decoration: underline;
}


.catlisttable {
	padding: 2px 3px 3px 3px;

	text-align: left;
	margin: auto;
	}

.catlistrow {
padding: 0px 0px 2px 0px;
}

.catlistrow td.catlistcoll {
text-align: left;
padding: 0px 3px 0px 3px;
vertical-align: top;
}

.catlistrow td.catlistcolr {
text-align: left;
padding: 0px 3px 0px 3px;
vertical-align: top;
} 

.catlistrow td.catlistcollm {
text-align: left;
padding: 0px 3px 0px 3px;
vertical-align: top;
font-size: 90%;
}

.catlistrow td.catlistcolrm {
text-align: left;
padding: 0px 3px 0px 3px;
vertical-align: top;
font-size: 90%;
} 

div.catlisttable2 {
	width: 450px;

	padding: 2px 3px 3px 3px;

	text-align: center;
	margin: auto;
	}

	

div.catlistrow span.catlistcoll a:link    {
font-size: 110%;
color: #0a0a0a;
text-decoration: none;
}

div.catlistrow span.catlistcoll a:visited {
font-size: 110%;
color: #0a0a0a;
text-decoration: none;
}

div.catlistrow span.catlistcoll a:hover {
font-size: 110%;
color: #12127d;
text-decoration: underline;
}

.joinlisttable {
	padding: 2px 3px 3px 3px;

	text-align: left;
	margin: auto;
	border: 1px solid #f00;
	}

td.joincoll {
padding: 2px 3px 3px 3px;

	text-align: left;
vertical-align: top;
}

td.joincolr {
padding: 2px 3px 3px 3px;

	text-align: left;
}

	
	
.catlisttablem {
	width: 440px;

	padding: 2px 3px 3px 3px;

	text-align: left;
	}

.catlistrowm {
padding: 0px 0px 2px 0px;
}

td.catlistcollm {
width: 110px;
text-align: left;
vertical-align: top;
}

td.catlistcolrm {
width: 330px;
text-align: left;
vertical-align: top;
} 
/*  News Listings */
div.newslisttable {
	padding: 2px 3px 3px 3px;

	text-align: left;
	}

div.newslistrow {
padding: 0px 0px 2px 0px;
}

div.newslistrow span.newslistcoll {
float: left;
width: 150px;
text-align: left;
font-size: 120%;
}

div.newslistrow span.newslistcolr {
float: right;
width: 490px;
text-align: left;
} 

/* Events listing div */
.eventready {
position: relative;
top: 0px;
left: 100px;
}

.eventtickets  {
border: 1px solid #006;
} 
.eventtickets td {
font-size: 80%;
padding: 2px 2px 2px 2px;
} 
.eventlisttable {
	padding: 2px 3px 3px 3px;

	text-align: left;
	border: 0px;
	}

.eventlistrow {
padding: 0px 0px 2px 0px;
}

.eventlistrow td.eventlistcoll {
width: 130px;
text-align: left;
vertical-align: top;
}

.eventlistrow td.eventlistcolr {
text-align: left;
vertical-align: top;
} 
div.eventlistrow span.eventbolcoll {
width: 130px;
text-align: left;
}

div.eventlistrow span.eventbolcolr {
width: 510px;
text-align: left;
} 

/* Offers listing div */
div.offerlisttable {
	width: 600px;

	padding: 2px 3px 3px 3px;

	text-align: left;
	}

div.offerlistrow {
clear: both;
padding: 0px 0px 2px 0px;
}

div.offerlistrow span.offerlistcoll {
float: left;
width: 100px;
text-align: left;
font-size: 120%;

}

div.offerlistrow span.offerlistcolr {
float: right;
width: 490px;
text-align: left;
} 
.offerlist {
position: relative;
width: 100%;
overflow: auto;
margin: 0px 0px 10px 0px;
}


/* Log In Table settings */
div.ptablelog {
	width: 200px;

	border: 1px solid #548AA0;

	padding: 2px 3px 3px 3px;

	text-align: left;
	}

div.prowlog {
clear: both;
padding: 0px 0px 2px 0px;
}

div.prowlog span.columnl {
float: left;
width: 110px;
text-align: left;
}

div.prowlog span.columnr {
float: right;
width: 80px;
text-align: left;
} 
/*  lost login password email form */
div.ptableloglost {
	width: 400px;

	border: 1px solid #548AA0;

	padding: 2px 3px 3px 3px;

	text-align: left;
	}

div.prowloglost {
clear: both;
padding: 0px 0px 2px 0px;
}

div.prowloglost span.columnl {
float: left;
width: 110px;
text-align: left;
}

div.prowloglost span.columnr {
float: right;
width: 280px;
text-align: left;
} 

/*  bulk email form */
div.ptablebulke {
	width: 500px;

	border: 1px solid #548AA0;

	padding: 2px 3px 3px 3px;

	text-align: left;
	}

div.prowbulke {
clear: both;
padding: 0px 0px 2px 0px;
}

div.prowbulke span.columnl {
float: left;
width: 150px;
text-align: left;
}

div.prowbulke span.columnr {
float: right;
width: 340px;
text-align: left;
} 
/* search form table settings */

.ptablesearch {
	width: 400px;

	border: 1px solid #548AA0;

	padding: 2px 3px 3px 3px;

	text-align: left;
	font-size: 100%;
	}

.prowsearch {
padding: 0px 0px 2px 0px;
}

.prowsearch td.columnl {
width: 150px;
text-align: left;
}

.prowsearch td.columnr {
width: 245px;
text-align: left;
} 
div.ptableuseramend {
	width: 500px;

	border: 1px solid #008484;

	padding: 2px 0px 3px 2px;

	position: relative;
	left: 20px;
	background: #B6CFDA;
	overflow: auto;
	}

	
div.ptableuserdisplay {
	width: 500px;

	border: 1px solid #008484;

	padding: 2px 3px 3px 3px;

	position: relative;
	left: 10px;
	background: #AFCDCD;
	}

	
div.prowuseramend {
padding: 0px 0px 0px 0px;
margin: 2px 0px 0px 0px;
overflow:auto;
width: 100%;
}

div.prowuseramend span.columnl {
float: left;
width: 150px;
text-align: left;
}

div.prowuseramend span.columnr {
float: right;
width: 345px;
text-align: left;
} 
.searchresults  {
border-collapse: collapse;
font-size: 130%;
}

.searchresults td {
border: 1px solid #000099;
border-collapse: collapse;
padding: 3px;
}

.resultheader {
background: #98cff4;
font-weight: bold;
}

.searchresultsuser  {
border-collapse: collapse;
font-size: 100%;
}

.searchresultsuser td {
padding: 0px 10px 0px 10px;
}

.nextlinks {
width: 500px;
font-weight: bold;
}

.nextlinks a {
font-weight: normal;
}

/*  Rates table in Join page */
.ptablerates {
	width: 300px;

	padding: 2px 3px 3px 3px;

	position: relative;
	left: 20px;
	}

.prowrates {
padding: 0px 0px 3px 0px;
margin: 2px 0px 2px 0px;
}

.prowrates td.columnl {
float: left;
width: 220px;
text-align: left;
}

.prowrates td.columnr {
float: right;
width: 50px;
text-align: right;
} 
/*  Contact details table in contact page */
.ptablecontact {
	width: 500px;

	padding: 2px 3px 3px 3px;

	position: relative;
	left: 20px;
	}

.prowcontact {
position: relative;
width: 100%;
padding: 0px 0px 3px 0px;
margin: 2px 0px 2px 0px;
overflow: auto;
}

.prowcontact .columnl {
float: left;
width: 100px;
text-align: left;
vertical-align: top;
}

.prowcontact .columnr {
float: right;
width: 390px;
text-align: left;
vertical-align: top;
} 
/*  Contact form table in contact page */
.ptcontact {
	width: 450px;

	padding: 2px 3px 3px 3px;

	position: relative;
	left: 20px;
	border: 1px solid #ffb200;
	font-size: 100%;
	}

.ptrowcontact {
padding: 0px 0px 3px 0px;
margin: 2px 0px 2px 0px;
}

.ptrowcontact td.columnl {
width: 100px;
text-align: left;
}

.ptrowcontact td.columnr {
width: 340px;
text-align: left;
} 
.enqform {
padding: 3px;
margin: 3px;
}

a:link.terms {
font-size: 80%;
}

a:visited.terms {
font-size: 80%;
}

a:active.terms {
font-size: 80%;
}

a:hover.terms {
font-size: 80%;
}

a:link.plainlink  {
text-decoration: none;
}

a:visited.plainlink  {
text-decoration: none;
}

a:active.plainlink  {
text-decoration: none;
}

a:hover.plainlink  {
text-decoration: none;
}

/*
.banner01 {
position:absolute;
top: 0px;
text-align: center;
}

*/
.wba {
color: #A8A9AC;
margin: 0px 0px 20px 0px;
font-weight: bold;
display: block;
text-decoration: none;
}


/*  Rates Display tables */
.ratest {
position: relative;
width: 500px;
overflow: auto;
}

.ratestableleft {
float: left;
}

.ratestableright {
float: right;
}

.ratestable {
	width: 220px;

	padding: 2px 3px 3px 3px;

	position: relative;
	border: 1px solid #324496;
	font-size: 100%;
	}

	
.ratesrow {
padding: 0px 0px 3px 0px;
margin: 2px 0px 2px 0px;
overflow: auto;
width: 100%;
}

.ratesrow span.ratescoll {
width: 150px;
text-align: left;
float: left;
}

.ratesrow span.ratescolr {
width: 60px;
text-align: right;
float: right;
} 
/* Auto generated by Apps Builder - an MBWS toolset */
/* award_votes table css  */
/* Change width values to suit */
div.form_award_votes {
	width: 600px;
	border: 1px solid #008484;
	padding: 2px 0px 3px 2px;
	position: relative;
	background: #D5D8E9;
	margin-bottom: 10px;
	overflow: auto;
	}

div.form_award_votes_row {
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 15px 0px;
	overflow:auto;
	width: 100%;
	}

div.form_award_votes_row span.coll {
	float: left;
	width: 250px;
	text-align: left;
	}

div.form_award_votes_row span.colr {
	float: right;
	width: 335px;
	text-align: left;
	margin: 0px 10px 0px 0px;
	}

div.form_award_votes2 {
	width: 600px;
	border: 1px solid #008484;
	padding: 2px 0px 3px 2px;
	position: relative;
	background: #D5D8E9;
	overflow: auto;
	}

div.form_award_votes_row2 {
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 10px 0px;
	overflow:auto;
	width: 100%;
	}

div.form_award_votes_row2 span.coll {
	float: left;
	width: 145px;
	text-align: right;
	}

div.form_award_votes_row2 span.colr {
	float: right;
	width: 435px;
	text-align: left;
	margin: 0px 10px 0px 0px;
	}

.required {
font-weight: bold;
color: #a00;
margin: 0px 0px 0px 3px;
}

.logodownload {
float: left;
margin : 0px 5px 0px 0px;
}