﻿
/* MAIN BODY */
body {
	margin: 0px;
	background:#bebebe;
	text-align: center;
	height: auto !important;
}

#wrapper {
	width: 950px; 
	margin: 0 auto; 
}
	
#mainbody {
	width: 950px;
	height: 1053px;
	background-color: #ffffff;
}

#logo {
	width: 950px;
	height: 253px;
	background-image: url('images/logo.jpg');
}

#cont {
	width: 950px;
	height: 800px;
}

/* LEFT COLUMN */
#leftcol {
	float: left;
	width: 230px;
	height: 800px;
	position: relative;
	border-right: 1px #5ca581 solid;
	background-color: #adadad;
	background-image: url('images/butsbg.jpg');
	background-repeat: repeat-x;
}


/* RIGHT COLUMN */
#ritecol { /* right column */
	font: normal 10pt trebuchet ms;
	width: 719px;
	height: 800px;
	position: relative;
	float: left;
	background-color: #fff;
	text-align: left;
}

#ritecont { /* right content */
	width: 679px;
	margin: 20px;
	padding: 20xp;
}


/* COLOURS */
.color1 { color: #2f8d5e; } /* green */
.color2 { color: #b3466c; } /* pink  */
.color3 { color: #666666; } /* gray  */
.color4 { color: #ffffff; } /* white */


/* HEADINGS */
img.heading { margin-bottom: 10px; }

h1 {
	font: normal bold 14pt trebuchet ms;
	color: #289d63;
	margin: 1px 5px;
	margin-left: 0px;
}

h2 {
	font: normal bold 12pt trebuchet ms;
	color: #b3466c;
	margin: 1px 5px;
	margin-left: 0px;
}

h3 {
	font: normal bold 10pt trebuchet ms;
	color: #b3466c;
	margin: 1px 5px;
	margin-left: 0px;
}


/* PARAGRAPHS */
p {
	text-align: justify;
	margin: 10px 0px;
	color: #666666;
	font: normal 10pt trebuchet ms;
}

p.caption {
	font: italic 7pt trebuchet ms;
	margin: 0px;
	padding: 0px 2px;
	color: #999999;
}

p.open {
	font: normal 7pt trebuchet ms;
	margin: 5px;
	padding: 0px;
}


/* LISTS */
ul, dt {
	text-align: justify;
	font: normal 10pt trebuchet ms;
	color: #b3466c;
	margin-top:10px;
	margin-bottom: 0px;
}

ul { list-style-image: url('images/bullet.gif'); }
dt { font-weight: bold }

ol {
	text-align: justify;
	font: normal 10pt trebuchet ms;
	color: #b3466c;
	margin-top:10px;
	margin-bottom: 0px;
}

li, dd {
	margin: 5px 0px;
}

li.whishlist { margin: 20px 0px; }
.caption {
	font: italic 7pt trebuchet ms;
	margin: 0px;
	padding: 0px 2px;
	color: #999999;
}


li.home { margin: 0px; }

/* TABLES */
table.one { background-color: #15633c; width: 100%; }		/* dark green */
table.two { background-color: #80B89C; width: 100%; }		/* pink */
table.three { background-color: #9FDFBF; width: 100%; }	/* light green */
table.four { background-color: #ffffff; width: 100%; }	/* white*/

td.one { background-color: #2f8d5e; color: #ffffff; }
td.two { background-color: #80B89C; color: #ffffff; text-align: center; }
td.two h3 { color: #333333; }
td.three { background-color: #9FDFBF; color: #ffffff; text-align: center; }
td.four { background-color: #ffffff; color: #2f8d5e; text-align: left; }
td.four p { font-size: 10pt; margin: 5px; }

td h2 { color: #ffffff; font: normal bold 12pt trebuchet ms; }
td h3 { color: #ffffff; font: normal bold 10pt trebuchet ms; }
td.one p, td.two p { margin: 5px; color: #454545; }

td.one a:link, td.one a:visited, td.two a:link, td.two a:visited {
	text-decoration: none;
	color: #ffffff;
}

td.one a:hover, td.one a:active, td.two a:hover, td.two a:active {
	text-decoration: underline;
	color: #ffffff;
}


/* NAVIGATION HEADINGS */
p.navhd {color: #ffffff; text-align:center; text-decoration: none; font: bold 8pt trebuchet ms; /*background: #a72955;*/ background: #287B52; height: 20px; padding: 3px 5px 0px 6px; width: 170px; display:block; border:3px solid #ffffff; border-bottom: none; margin: 0px; text-transform: uppercase}

/* SIDE NAVIGATION */
.nav:link {color: #ffffff; text-align:left; text-decoration: none; font: bold 8pt trebuchet ms; cursor: hand; background: #289d63; height: 20px; padding: 3px 1px 0px 10px; width: 170px; display:block; border-top:3px solid; border-left:3px solid; border-right:3px solid; border-color:#ffffff;}

.nav:visited {color: #ffffff; text-align:left; text-decoration: none; font: bold 8pt trebuchet ms;  cursor: hand; background: #289d63; height: 20px; padding: 3px 1px 0px 10px; width: 170px; display:block; border-top:3px solid; border-left:3px solid; border-right:3px solid; border-color:#ffffff;}

.nav:active {color: #ffffff; text-align:left; text-decoration: none; font: bold 8pt trebuchet ms;  cursor: hand; background: #a72955; height: 20px; padding: 3px 0px 0px 11px; width: 170px; display:block; border-top:3px solid; border-left:3px solid; border-right:3px solid; border-color:#ffffff;}

.nav:hover {color: #ffffff; text-align:left; text-decoration: none; font: bold 8pt trebuchet ms;  cursor: hand; background: #a72955; height: 20px; padding: 3px 0px 0px 11px; width: 170px; display:block; border-top:3px solid; border-left:3px solid; border-right:3px solid; border-bottom: 0; border-color:#ffffff; }

a.bookmark:link, a.bookmark:visited {text-decoration: none; color: #b3466c;}
a.bookmark:active, a.bookmark:hover {text-decoration: underline; color: #b3466c; }

A.b:link {text-decoration: none; color: #460a1f;}
A.b:visited {text-decoration: none; color: #460a1f;}
A.b:active {text-decoration: none; color: #fff; }
A.b:hover {text-decoration: underline; color:#fff;}

A.c:link {text-decoration: none; color: #15633c;}
A.c:visited {text-decoration: none; color: #15633c;}
A.c:active {text-decoration: none; color: #15633c; }
A.c:hover {text-decoration: underline; color:#15633c;}

a.home { font: normal bold 8pt trebuchet ms; padding: 0px; margin: 0px;}
a.home:link {text-decoration: none; color: #2f8d5e;}
a.home:visited {text-decoration: none; color: #2f8d5e;}
a.home:active {text-decoration: none; color: #2f8d5e; }
a.home:hover {text-decoration: underline; color:#2f8d5e;}

a img { border: 0px; }

/* ACCORDION */
#accordion {
	margin: 0px;
	padding: 2px;
	border: 1px solid #15633c;
}

h5.toggler {
	cursor: pointer;
	border-bottom: 1px solid #ffffff; 
	font: normal bold 12pt trebuchet ms;
	color: #ffffff;
	margin: 0px;
	padding: 3px;
	background-color: #2f8d5e;
}

div.element p, div.element h4 {
	margin:0px;
	padding:0px;
}

/* BLOCKS */
#block1 { /* green block */
	color: #fff;
	width: 615px; 
	height: 140px; 
	border: 3px solid #15633c; 
	display: block; 
	padding: 3px 10px 0px 10px; 
	text-align:center;
	text-decoration: none;
	background-color: #2f8d5e;
}

#block2 { /* pink block */
	color: #fff;
	width: 615px; 
	height: 140px; 
	border: 3px solid #460a1f; 
	display: block; 
	padding: 3px 10px 0px 10px; 
	text-align:center;
	text-decoration: none;
	background-color: #b3466c;
}

#block1 p, #block2 p {
	margin: 10px 5px;
	font: bold 11 pt trebuchet ms;
	color: #ffffff;
}

#block3 { /* white block */
	font: bold 10pt trebuchet ms; 
	color: #2f8d5e;
	width: 615px; 
	height: 140px; 
	border: 3px solid #2f8d5e; 
	display: block; 
	padding: 3px 10px 0px 10px; 
	text-align:center;
	text-decoration: none;
	background-color: #ffffff;
}

#groups { /* green block */
	color: #fff;
	text-decoration: none;
	font: bold 12pt trebuchet ms; 
	text-align:center;
	background-image: url('images/groups.gif');
	height: 140px; 
	padding: 3px 10px 0px 10px; 
	width: 265px; 
	display:block; 
	border:3px solid #15633c; 
}


#credits {
	color: #15633c;
	text-decoration: none;
	font: bold 8pt trebuchet ms; 
	text-align:center;
	background-image: url('images/credits.gif');
	height: 19px; 
	padding-top: 6px; 
	width: 950px; 
	display: block;
	position: relative;
}

.adverts {
	width: 170px;
	border: 1px red solid;
	margin: 0 auto;	
	display: block;
}

.dates { color: #460a1f; text-decoration: none; font: bold 10pt trebuchet ms; text-align:center; height: 190px; padding: 3px 0px 3px 0px; width: 300px; display:block; border:3px solid #460a1f; background-color: #A72955; margin: 0px; margin-bottom: 10px; }


/* FORMS */
/* ----- */
input, textarea, select
{
	margin: 0px 2px;
	border: 1px #b3466c solid;
	color: #666666;
	font: normal 9pt trebuchet ms;
}