/*  
Layout CSS

(c) www.bradleymason.co.uk/web
	
------------
BASIC STUFF
----------*/

* { /* Reset the margins */
	margin: 0px;
	padding: 0px;
	}
	
div, td {
	border: red solid 0px;
}

li {
	position: relative;
	left: 30px;
	padding-right: 30px;
	color: #555555;
	padding-bottom: 10px;
	
}
	
body {
	background-color: #0A7E6A;
	background-image: url(../images/elements/element_01.jpg);
	background-repeat: repeat-x;
}


img, img:link,img:visited {
	border: 0px;
}
	
/* default opacity for IE */
img {
	filter:alpha(opacity=100);
	}

/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:30000;
	visibility:hidden;
	}


/*----------
LINKS
----------*/

A:link, A:visited, A:active, A:hover {
	text-decoration: underlined;	
	color: #333333;
}

A.noline:link, A.noline:visited, A.noline:active {
	text-decoration: none;	
	color: #555555;
}

A.nolinewhite:link, A.nolinewhite:visited, A.nolinewhite:active {
	text-decoration: none;	
	color: #ffffff;
}

A.noline:hover, A.nolinewhite:hover {
	text-decoration: underline;	
}

A.leftmenutextbold:link, A.leftmenutextbold:visited, A.leftmenutextbold:active {
	text-decoration: none;	
	color: #333333;
}


A.leftmenutextbold:hover {
	text-decoration: underline;	
	color: #333333;
}


A.white:link, A.white:visited, A.white:active {
	text-decoration: none;	
	color: #ffffff;
}

A.white:hover {
	text-decoration: underline;
	
}


/*-------------
PAGE LAYOUT
-------------*/

#mainwrapper {
	background-image: url(../images/elements/element_07.jpg);
	width: 976px;
	/width: 978px; /* ie only */
	border: 1px white solid;
	margin-top: 20px;
}



#wrapper03 /* top menu and pic */
{
	background-color: #ffffff;
	border: 0px white solid;
	height: 143px;
	/*background-image: url(../images/elements/element_04.jpg);*/
	background-repeat: no-repeat;
}

		#wrapper03a /* top menu */
			{
				width: 600px;
				/width: 600px; /* ie only */
				height: 20px; 
				float: right;
				position: relative;
				top: -135px;	
				text-align: right;
				margin-right: 13px;
				
			}
			
			
	
#wrapper04 {
	border: 0px;
	background-image: url(../images/elements/element_07.jpg);
	background-repeat: repeat-y;
	
	
	
	
		
}

			#wrapper04a /* menu */
			{
				
				width: 153px;
				/width: 153px; /* ie only */
				height: 213px; /* 223 */
				float: left;
				text-align: right;
				position: relative;
				top: -90px;
				height: 100%;
				
			}
			
			#wrapper04a a {
				display: block;
				font-size: 1.0em; 
				font-weight: normal;

				line-height: 1.3em;
				vertical-align: middle;
				text-decoration: none;
				color: #666;
				padding: 5px 10px 5px 5px;
				
			}
			
									
			#wrapper04a a:hover {
				color: #111;
				background-image: url(../images/elements/element_08.jpg);
				text-decoration: none;
				
				
			}
			
			
				
			
			
			
		#wrapper04b { /* main area */
				
				width: 645px;
				float: left;
				position: relative;
				top: -90px;
				}
			
			#wrapper04b1 { /* content */
				
				border: 0px white solid;
				width: 415px;
				float: left; 
				padding: 3px 0px 20px 20px;
				
			}
			
			#wrapper04b2 { /* right adverts */
				
				border: 0px white solid;
				width: 185px;
				float:right;
				 
			}
			
			#wrapper04b21 /* get involved bg */
			{
				background-color: #E9e9e9;
				margin: 3px 1px 1px 1px;
				padding: 10px 10px 10px 27px;
				text-align: left;
			}
			
			#wrapper04c { /* far right wrapper */
				
				border: 0px red solid;
				width: 160px;
				float:right;
				margin-right:9px;
				position: relative;
				top: -87px;
			}
			
			#wrapper04c1 { /* testimonials */
				
				border: 1px white solid;
				background-image: url(../images/elements/testimonials-box.jpg);
				width: 158px;
				height: 300px;
				}
				
			#wrapper04c2 { /* events */
				
				border: 1px white solid;
				background-image: url(../images/elements/events-box.jpg);
				width: 158px;
				height: 300px;
				margin-top: 12px;
				}
			
			.testtext {
				border: 0px red solid;
				position: relative;
				top: 50px; left: 0px;
				width: 140px;
				height: 230px;
			}
				
				
			
#wrapper05 {
	width: 818px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: 0px white solid;
}
			

.wrapper_newsitem {
	width: 360px; 
	/width: 400px; /* ie only */
	border: #fff solid 1px; 
	text-align: left;
	padding: 20px;
	background: #E0DFB1;
	}
	
	
	
	#wrapper06 /* footer menu */
{
	background-color: #057BFB;
	border-top: 1px white solid;
	height: 22px;
	background-image: url(../images/elements/top-menubar-wales.gif);
	text-align: left;
}

			#wrapper06 a {
				
				font-size: 0.9em; 
				font-weight: normal;
				height: 20px;
				line-height: 20px;
				vertical-align: middle;
				text-decoration: none;
				color: #8ABFF9;
				
			}
			
			#wrapper06 a:hover {
				color: #fff;
				text-decoration: none;
			}



/*-------------
LEFT MENU BITS
-------------*/

.leftmenubox {
	padding:0px;
	background-repeat: repeat-y;
	width: 258px;
}

.leftmenutextwrapper {
	text-align: left;
}

.leftmenutext {
	font-size: 0.9em;
	line-height: 1.0em;
	letter-spacing: 0.01em;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #444444;
}
	
.leftmenutextbold {
	font-size: 0.9em;
	letter-spacing: 0.0em;
	line-height: 1.7em;
	font-weight: bold;
	margin-top: 10px;
	color: #444444;
}

.leftad_banner {
	position: relative;
	left: 1px;
}

.leftmenu_greyboxwrapper {
	position: relative;
	left: 16px;
	height: 40px;
	width: 228px;
	background-image: url(../images/elements/left-menu-grey-box.gif);
	background-repeat: no-repeat;
	margin: 10px 0px 10px 0px;
}

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

.leftmenu_greyboxtext {
	margin: 0px 10px 0px 5px;
}


/*-------------
LOGIN BOX
-------------*/

.loginbox, #loginbox {
	width: 325px; 
	text-align: left; 
	margin: 0px auto 0px auto;
	background-color: #ffffff;
}


/*-------------
CONTENT LAYOUTS
-------------*/

.wrapper_previewitems {
	width: 325px; 
	text-align: left; 
	margin: 0px auto 0px auto;
}

.wrapper_item {
	width: 375px; 
	text-align: left; 
	margin: 0px auto 0px auto;
}

.contentpicwrapper  {
	margin: 0px auto 0px auto;
	}
	


.previewtext {
	font-size: 0.9em;
	line-height: 1.1em;
	letter-spacing: 0.01em;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #444444;
}
	
.previewtextbold {
	font-size: 0.9em;
	letter-spacing: 0.0em;
	line-height: 1.7em;
	font-weight: bold;
	margin-top: 10px;
	color: #444444;
	
}

.textleft  {
	 margin: 20px;
	 padding: 0px;
	 text-align: right;
}
 
.textright {
	 margin: 20px;
	 padding: 0px;
	 text-align: left;
}
 
.textfull {
	 width: 440px;
	 margin: 20px 0px 20px 20px;
	 padding: 0px;
	 text-align: left;
}
 
.picright {
	 margin: 20px 20px 20px 20px;
	 padding: 0px;
	 text-align: right;
	 float: right;
	 border: 0px;
}
 
.picleft {
	 margin: 20px 20px 20px 20px;
	 float: left;
	 padding: 0px;
	 text-align: left;
	 border: 0px;
}

 
.picfull {
	 text-align: center;
}
 
.clear {
	 clear: both;
	
}







/*-------------
FORMS
-------------*/

.formquestion {
	text-align: right; 
	padding: 0px 10px 0px 0px;
	width: 180px;
}

.formredtext {
	color: red;
	font-weight: bold;
}


/*-----------
IMAGE FLOATER
-----------*/

#trailimageid {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	
	height: 1px;
	z-index: 1000;
}