/* CSS Document */

/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Default screen display styles
LAST UPDATED:	13th September 2008
AUTHOR:			Ed Fryer, Andrew Routledge

NOTES:			The 1st section will reset any variance
			across all browsers making them all
			appear very similar, however it also means
			everything needs its own custom style!
			Retrieved from various sources over the net

-- CONTENTS -----------------------------------------------

	=1:		[STANDARDS / HTML]
	=2:		[LINKS]
	=3:		[COMMON ELEMENTS]
	=4:		[MAIN.TPL COLUMN]
	=5:		[SIDEBAR COLUMN]
	=6:		[FOOTER]
	=7:		[LISTS]
	=8:		[FORMS]
	=9:		[IMAGES]
	=10:	[MISC]	
	
---------------------------------------------------------*/


/*------=1:	[STANDARDS / HTML] -----------------------------*/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	background: white;
	color: black;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3 { padding: 4px 4px 8px 4px; }

h1 { font-size: 14pt; font-weight: bold; }
h2 { font-size: 13pt; font-weight: bold; }



#text { font-size:15px; }	

/*------=2:	 [LINKS] ---------------------------------------*/

a {text-decoration: none;}

a:link {color: #cc0000;}
a:visited {color: #cc0000;}
a:hover {color: #7d0000;}


a.style1 a.style1:visited {
	color: #000000;
	text-decoration: none;
}
a.style1:hover {
	color: #CB8C41;
	text-decoration: underline;
}


/*------=3:	 [COMMON ELEMENTS] -----------------------------*/
h1 {
	color: #473823;
	font-size: 15pt;
}
h2 {
	font-size: 12pt;
	color: #473823;
}
h3 {
	font-size: 11pt;
	color: #473823;
	font-weight: bold;
}

p {
	padding: 0px 4px;
	margin-bottom: 8px;
	line-height: 18px;
}
	p#address {
		float: right;
		text-align: right;
	}
	p.products { font-size: 8pt; }

hr {
	height: 1px;
	background-color: #ccc;
	color: #ccc;
	border: 0px;
	width: 90%;
}

li p {
	margin-bottom:0px;
}

.floatLeft { float: left; }
.floatRight { float: right; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.clearBoth {
	clear: both;
}

.bold {	font-weight: bold; }


caption, th, td {
	font-weight: normal;
	text-align: left;
}


/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/*------=4:	 [MAIN.TPL] ------------------------------*/

#background {
	background:url('../images/tile-background-sides.jpg') repeat-y center top;
	margin: 0 auto;
	width: 100%;
	z-index: 0;
}

#container {
	background:url('../images/background.gif') no-repeat;
	margin:0 auto;
	width:780px;
	
	
}
#topnav {
	padding: 2px 0px;
}
#strap { float: left; padding: 0px 5px; }	
#lang { float:right; }		

#header {
	float: left;
	width: 780px;
	margin: 0px;
}
	#header.index {
		background: url('../images/header.jpg') no-repeat;
		width: 780px;
		height: 211px;
	}
	#header.page, .page {
		background: url('../images/blank-header.jpg') no-repeat;
		width: 780px;
		height: 126px;
	}
	#header .title {
		position: absolute;
		bottom: 25px;
		left: 25px;
	}
	

#menu {
    float: left;	
    width: 100%;
	background: url('../images/menu_bg.gif') repeat-x;
	height: 49px;
}
	#menu ul {
		margin: 0px;
		padding: 0px;
		list-style: none;		
	}
		#menu ul li { 
			float: left;
			list-style: none;
			height: 49px;
			margin: 0px;
			padding: 0px;
			text-align: center;
		}

		* html #menu ul li.size60 { width: 60px; } 
		* html #menu ul li.size80 { width: 80px; } 
		* html #menu ul li.size100 { width: 100px; } 
		* html #menu ul li.size120 { width: 120px; } 
		
		#menu ul li.end { float: right; }
		
	#menu a {	
		font-size: 9pt; 
		color: #000; 
		font-weight: bold; 
		height: 23px; 
		display: block; 
		padding: 10px 12px 0px 12px;
		margin: 0px;
		background:url(../images/nav-divider.jpg) no-repeat left center;
	}
		
	#menu a:hover, #menu a.selected { 
		color: #ffffff; 
		background: url('../images/nav-on.jpg') repeat-x;
		position:relative;
		left:1px;
	}
	
	#menu span.first + li a {
		background-image:none;	
		position:relative;
		left:0px;
	}
	
	#menu span.first + li a:hover {
		background: url('../images/nav-on.jpg') repeat-x;
		position:relative;
		left:1px;
	}
	
	#menu span.first + li a.selected {
		background: url('../images/nav-on.jpg') repeat-x;
		position:relative;
		left:1px;
	}
	
	#menu a:hover { 
		position:relative;
		left:1px;
	}	
		
#maintext {
	float: left;
	width: 400px;
}	

.linkBody { float: left; margin-left: 10px; }

/* -- MEMBER.PHP styles IE6 -- */
* html #bodyLHSWrapper { height: 550px; }
* html #logoWrapper {  height: 550px; }
/* -- END (IE6 fix)         -- */

#bodyLHSWrapper, #logoWrapper {
	float:left;
	width:100%;
	padding-bottom:50px;
}

#bodyLHS { 
	float: left;
	margin: 10px 0 0 10px;
	width:390px;
}

.normalLHS {
	width: 390px;
}

.memberLHS { 
	width: 490px; 
	min-height: 580px;
}
		
	#text, .newsHolder {
		float: left;
		width:100%;
	}
	
	#text a {
		font-weight:bold;
		color:#664f2b;	
	}
	
	#text p {
		font-size:12px;	
		line-height:20px;
	}
	
		#text h1 {
			height:31px;
			width:96%;
			background:url(../images/welcome-bk.jpg) repeat-x;	
			color:#fff;
			padding-left:10px;
		}
		
	* html #text { 
		margin-left: 10px;
	}
	
	#join {
	    float: left;
		margin: 50px 0 0 85px;
	}
	
	* html #join { 
		margin-left: 40px;
	}
	
	.newsHolder h2 {
		color:#80653d;	
		width:100%;
		border-bottom:2px solid #e8e4de;
		padding:0 0 5px 0;
		margin:10px 0 10px 0;
	}

	
#bodyRHS {
	float:right;
	min-height: 400px;
	margin:2px 10px 0 0;
}
	* html #bodyRHS { padding-left: 10px; }		
	.normalRHS { width: 358px; }
	.memberRHS { width: 358px; }

.dotLine {
	width:100%;
	height:1px;
	border-bottom:1px dotted #383838;
	margin:20px 0 20px 0;
}

#bodyRHS .advertHolder h1, #address h1 {
	height:31px;
	width:96%;
	background:url(../images/featured-bk.jpg) repeat-x;	
	color:#fff;
	padding-left:10px;	
}

#bodyRHS .advert {
	width:358px;
	height:348px;
	margin-bottom:20px;
}

#bodyRHS .events h1 {
	height:31px;
	width:96%;
	background:url(../images/events-bk.jpg) repeat-x;	
	color:#393939;
	padding-left:10px;	
}
	
#news {
    float: left;
    margin: 30px 0 0 40px;
}
#table {
    float: left;
	width: 280px;
	height: 130px;
}	
#bottext {
    float: left;
	width: 310px;
	margin: 0 0 0 40px;
}
#bottomspacer {
    margin:0 auto;
    padding: 0px;
	background:url(../images/main-bot-divider.jpg) no-repeat center top;
	width:670px;
	height:20px;
	margin-top:20px;
}
#logos {
    /* float: left; */
	margin: 30px 0 0 120px;
	width: 540px;
	height: 88px;
	overflow: hidden;
}	
	* html #logos { margin: 30px auto; }	

#logoMsg { margin: 15px 0px 0px 300px; }
	* html #logoMsg { margin: 15px auto; }
	
	

#fullPage {
	width: 98%;
	padding: 10px 10px 0px 10px;
	float: left;
	min-height: 300px;
}

/**                      EVENT SCREEN                     **/

#searchBox {
	width: 265px;
	float: right;
	background: url('../images/line_v1.gif') top left no-repeat;
	padding: 0 10px;
	text-align: right;
}
	#searchBox.smaller { width: 130px; }
	#searchBox select { width: 90%; padding: 0px; }
	#searchBox input { width: 100px; }
	#searchBox label { padding: 4px;}
	
	
/**                      MEMBER DETAILS SEARCH SCREEN                     **/

#search {
	width: 265px;
	float: left;
	text-align: left;
}
	#search select { width: 230px; margin: 4px 0px; padding: 0px 0px; }

	
	
	

/**                     CONTACT SCREEN                    **/
table#contact td  { vertical-align: top; }

#contactDetails { width: 100%; }
	#contactDetails td.title {
		font-weight: bold;
		text-align: right;
		vertical-align: top;
	}
	#contactDetails td.description { font-size: 8pt; }
	#contactDetails input[type='text'] { width: 148px; }
	 
	#contactDetails img#securityCode {
		border: 1px solid #ccc;
	}

	
ul#formErrors {
	list-style-image: url('../images/icon-exclamation.gif');
}

ul#formSuccess {
	list-style-image: url('../images/icon-tick.gif');
}

div#map {
	width: 350px;
	height: 270px;
	margin: 0 auto;
	border: 1px solid #ccc;
}

/**                      LOGIN SCREEN                     **/

table#login {
	margin: 10% auto;
}

table.details {
	margin: 5px auto;
}
	table.details td { font-size: 8pt; }

	
td#buttons, td#messages {
	text-align: center;
}

td#messages {
	background-color: #FFFFC0;
	border: 1px solid #C00000;
	padding: 3px 3px 3px 19px;
	background-image: url('../images/error.png'); 
	background-repeat: no-repeat;
	background-position: left;
}

td.label {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

td.full {
	background-color: #fff;
	border: 1px solid #444;
	padding: 2px;
}
	table.details td.remote { width: 90%; line-height: 20px; }
	table.details td.remote table td { font-size: 12pt; }
	table.details td.remote a { color: #0000cc; }
	table.details td.remote a.p { display: none; }
	
	
td.register {
	text-align: left;
}

/**                      NEWS SCREEN                      **/

div.newsListing {
	width: 95%;
	margin: 0 auto;
	border-bottom: 1px solid #ddd;
	padding: 2px;
}
	div.newsListing img {
		float: left;
		padding: 2px;
		border: 1px solid #eef;
		width: 100px;
		margin-right: 5px;
	}
	
	div.newsListing p {
		line-height: 11pt;
		padding: 3px;
	}
		div.newsListing p.title a{
			font-weight: bold;
			color: #000;
		}
		
		div.newsListing p.date {
			color: #cc0000;
			font-weight: bold;
		}





/*------=5:	 [TABLES] ------------------------------*/
table.eventTable, table.stdTable {
	width: 100%;
	float: left;
	margin-bottom: 5px;
}
	table.stdTable { margin-top: 5px; }
		table.stdTable td {
			height: 20px;
			padding: 5px;
			margin: 2px;
			border-right:1px solid #fff;
			border-bottom:2px solid #fff;
			vertical-align: middle;
		}	
		table.stdTable tr.highlight td {
			color: #FFFFCC;
			font-weight: bold;
		}
		table.stdTable tr.highlight2 td { color: #CC9966; }

	table.stdTable thead a { color: #FFFFCC; }
	table.stdTable thead a:hover { text-decoration: underline; }
	
	table.stdTable thead td {
		background-color: #a27d4d;
		color: #FFF;
		font-weight: bold;
		font-size: 10pt;
		text-align: center;
	}			
	tr.smalltxt td { font-size: 8pt; }
	table.stdTable tbody tr.row1 td { background-color: #fff; }
	table.stdTable tbody tr.row2 td { background-color: #f1f1f1; }
	table.stdTable tbody tr.rowPending td { background-color: #b9bffa; }


#eventTable {  }

	#eventTable .eventRow {
		padding: 2px;
		margin: 4px 0px;		
		vertical-align: middle;
		float: left;
		width:98%;
		font-weight:bold;
		color:#535353;
	}
	
		#eventTable .eventRow.header {
			color: #000;
			font-size: 10pt;
			background:#e9e9e9;
			font-weight:bold;
		}
		#eventTable .eventRow .cell80 { float: left; padding: 0px 4px; width: 80px;}
		#eventTable .eventRow .cell125 { float: left; padding: 0px 4px; width: 125px;}
		#eventTable .eventRow .cell103 { float: left; padding: 0px 4px; width: 103px;}
			
		#eventTable .row2 { background-color: #f1f1f1; }
		#eventTable .row1 { background-color: #f1f1f1; }
		#eventTable .highlight2 { background-color: #fbebec; }

	
	
/*------=6:	 [FOOTER] --------------------------------------*/

#footer {
	position: relative;
    height: 230px;
	width: 780px;
	background: url('../images/footer.png');
	float: left;
	margin: 0px;
}	



/*------=7:	 [LISTS] ---------------------------------------*/
ol, ul {
	list-style: none;
}

ul.languagelinks  {
  margin: 0px;
  padding: 1px 2px;
  list-style: none;
}
	ul.languagelinks li  {
		float: right;
	    padding: 0px 2px;
	    margin: 0px;
	    list-style: none;
	}
	ul.languagelinks a, ul.languagelinks a:visited { color: #473823; }
	ul.languagelinks a:hover {text-decoration: underline; }
	
	
ul.news {	
	list-style-image: url('../images/wigit.jpg');
}

ul.news li a {
	color:#485eb1;
	font-weight:bold;
}

ul.memberNews li a {
	color:#de6f4d;
}

#bodyRHS ul {
	margin-left: 10px;
	margin-bottom: 8px;
	list-style-type: disc;
	list-style-position: inside;
	padding: 2px;
}	
	
ul#botnav  {
	position: absolute;
	margin: 0px;
	font-size: 8pt;
	bottom: 4px;
	left: 10px;
	list-style: none;
	z-index: 100;
}

	ul#botnav li  {
		float: left;
		list-style: none;
		margin: 0px;
		padding: 0px 5px;
	}
	ul#botnav a, ul#botnav a:visited { color: #000; }
	ul#botnav a:hover { text-decoration: underline; }


/*------=8: [FORMS] ---------------------------------------*/
fieldset {
	-moz-border-radius: 10px;
	background-color: #eee;
}
form {margin-bottom: 0px;}

input.checkbox { width: 15px;}
.text { width: 220px; }

.tiny { width: 40px; }

.small { width: 100px; }
.medium	{ width: 200px; }
.xlarge { width: 350px; }
.large { width: 275px; }


textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

li {
	margin-left: 10px;
	list-style-type: disc;
	list-style-position: inside;
	padding: 2px;
}

.underline { text-decoration: underline; }
input.tinytext { width: 25px; }


.relative { position: relative; }

a.editPage {
	position: absolute;
	top: 0;
	right: 10px;
}

p.feedback {
	margin: 0 20px;
	background-color: #eee;
	border: 1px dashed #888;
	text-align: center;
	color: #449;
}
div.fckComment { display: none; }
	
/*------=9: [IMAGES] --------------------------------------*/

img {border: 0px; display: block;}	
img.inline { display: inline; }

img.imgBox { margin: 3px; padding: 2px; border: 1px solid #404040; }


img.floatImg {
	float: right;
	margin: 5px;
	clear: both;
}

img#newsImage {
	float: right;
	height: 175px;
	padding: 2px;
	border: 1px solid #ddd;
}

img#memcomps {	float: left;  }

img.complogo {
	height: 15px;
	display: inline;
	padding: 3px 3px 3px 3px;
}

.paddme5 { padding: 5px; }


/*------=10: [MISC] ----------------------------------------*/

.red { color: #cc0000; }
.green { color: #00FF00; }
.blue { color: #00CC00; }
.black { color: #000000; }
.white { color: #FFFFFF; }
.grey { color: #666666; }
.amber { color: #FF6600; }
.brown { color: #473823; }
.lightBlue { color: #b9bffa; }


div.fckComment {
	display: none;
}


/*  PADDING  */

.pad05 { padding: 5px; }
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.pad30 { padding: 30px; }

/*   MARGIN  */

.mar05 { margin: 5px; }
.mar10 { margin: 10px; }
.mar20 { margin: 20px; }
.mar30 { margin: 30px; }

/*  CALENDAR */

#jsCalendar {
	width: 757px;
	height: 420px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}


/*	=11: [RESULT BROWSING] -------------------------------*/

div.viewResults {
	float: left;
}

div.resultBox {
	width: 100%;
	float: left;
}

div.viewPage {
	float: right;
}


#bodyLHS li {
	font-size: 10pt;
	margin-top: 6px;
}