@charset "UTF-8";
/* CSS Document */

/* redberry.css

Author:  			Peter Richman
E-mail:				peter@plugandplaydesign.co.uk
Company: 			Plug and Play Design
Date:				06/06/2009

Version:			1.0
Designed for:		FireFox 3

CSS file:			Design One 

------------------------------------------------------------------------------*/

/* =RESET
------------------------------------------------------------------------------*/

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, table, caption, thead, tfoot, tbody, tr, th, td, ul, ol, li, dl, dd, dt, form, fieldset{
	margin:				0px;
	padding: 			0px;
}

/* =USUAL SUSPECTS
------------------------------------------------------------------------------*/

body {
	font-family:		verdana;
	font-size:			12px;
	letter-spacing:		0.1em;
	line-height:		2em;
	background:			url(images/wrapperBottomShadow.jpg) bottom center no-repeat	#e7e7e8;
	
}
ul {
	list-style-type: 	none;
}
img{
	border:				none;
}
a{
	text-decoration:	none;
	outline:			none;
}
a:hover {
	text-decoration: 	none;
}

.wrapper{
width:					1059px;
margin-left:			auto;
margin-right:			auto;
background:				url(images/bodyBG.gif) top center repeat-y scroll #e7e7e8;
margin-bottom:			25px;
}

.clear{
clear:					both;
}

/* =LOGO
------------------------------------------------------------------------------*/

.logo a{
background:				url(images/LOGO.gif) top left no-repeat;
height:					85px;
width:					239px;
display:				block;
text-indent:            -3000px;
}

.logo{
height:					85px;
width:					239px;
margin:					20px 0px 0px 15px;
float:					left;
}


/* =TOP
------------------------------------------------------------------------------*/

.top{
background:				url(images/topBG.jpg) top left no-repeat;
width:					1039px;
height:					123px;
margin-left:			10px;
}

*html .top{
_margin-left:			28px;
}

.top p{
color:					#FFF;
float:					right;
font-size:				1.2em;
margin:					50px 30px 0px 0px;
text-align:				right;
}

.top p span{
color:					#CCC;
}

.top a{
color:					#FFF;
}


/* =MENU =NAV =SUCKERFISH
------------------------------------------------------------------------------*/

*html body .wrapper .nav .selected a{
  background:			url(images/menuOn.gif) top left repeat-x;
  color: 				#FFF;
  }

.wrapper .nav .selected a{
  background:			url(images/menuOn.gif) top left repeat-x;
  color: 				#FFF;
}		



.nav, .nav ul { 
	list-style: 		none;
	margin: 			0;
	padding:            0;
}

.nav {
  font-family: 			Arial, Helvetica, sans-serif;
  z-index: 				100;
  position: 			relative;
  margin-left:			10px;
  height:				25px;
}


*html .nav{
_margin-left:			28px;
}

.nav li {
  float: 				left;
  margin: 				0;
  padding: 	            0;
  position: 			relative;
  
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: 				bold 1.22em/25px Arial, Helvetica, sans-serif;
  background: 			#FFF;
  color: 				#959595;
  display: 				block;
  padding:              0px 25px 0px 25px;
  text-decoration: 		none;
}



.nav li a:hover {
  background:			url(images/menuOn.gif) top left repeat-x;
  color: 				#FFF;
}


#nav-one li:hover a, 
#nav-one li.sfHover a {
  background:			url(images/menuOn.gif) top left repeat-x;
  color: 				#FFF;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: 			#a8181c;
  color: 				#FFF;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: 			#7c0003;
  color: 				#FFF;	
}

.nav ul {
  background: 			#a8181c;
  list-style: 			none;
  margin: 				0;
  
  position: 			absolute;
  top: 					-999em;
  left: 				-1px;
}

*html .nav ul{
_width: 				100px;
}

.nav li:hover ul,
.nav li.sfHover ul {
  top: 					25px;
}
.nav ul li {
  border: 				0;
  float: 				none;
}
.nav ul a {
  border: 				1px solid #a8181c;
  border-bottom: 		0;
  padding-right: 		20px;
  
  white-space: 			nowrap;
}

*html .nav ul a {
_width: 				80px;
}


.nav ul a:hover {
  background: 			#ccc;
  color: 				#000;
}


/* =BANNER
------------------------------------------------------------------------------*/

.banner{

width:					1039px;
height:					255px;
margin-left:			10px;
}
.imageMask{
	position:			absolute;
	z-index:			50;
}

.bgImage{
	height:				255px;
	width:				1039px;
}

*html .banner{
_margin-left:			28px;
}

.banner img{
margin:					0px 0px 0px 0px;
}

.banner .bannerText{
font-size:				3.2em;
color:					#ed1e2b;
font-weight:			lighter;
/* background:				url(images/bannerTransparency.png) top left no-repeat; */
margin:					20px 0px 0px 12px;
padding:            	170px 150px 30px 20px;
position:				absolute;
}
.banner .black{
color:					#000;
}
.banner .white{
color:					#FFF;
}

.banner .grey{
color:				#959595;
}

.banner .bgWhite{
background:				url(images/bannerTransparency.png) top left ;
}


/* =THREE =COLS
------------------------------------------------------------------------------*/

.threeColLayout{
width:					1039px;
float:					left;
margin:					30px 0px 50px 0px;
}

.left{
width:					240px;
float:					left;
margin:					4px 9px 0px 20px;
}

*html .left{
	_width:				230px;
	_margin-right:		4px;
}

.middleAndRight{
width:					769px;
float:					right;
}

*html .middleAndRight{
	_width:				765px;
}

.middle{
width:					470px;
float:					left;
margin:					4px 10px 0px 30px;
}

*html .middle{
	_width:				450px;
}

.right{
width:					239px;
float:					right; 
margin:					4px;
}


*html .right{
	_width:				219px;
}

/* =HEADERS
------------------------------------------------------------------------------*/

h3{
color:					#ed1e2b;
font-weight:			lighter;
font-size:				1.9em;
border-bottom:			1px solid #CCC;
padding:                0px 0px 8px 0px;
}

.left h3{
margin-left:			20px;
}

.middle h4{
	margin-top:			20px;
}


/* =FOOTER
------------------------------------------------------------------------------*/

.footer{
width:					1039px;

}

.footerMenu{
float:				     left;
background:				url(images/footerBG.jpg) top left no-repeat;
height:					35px;
width:					1039px;
padding-top:            87px;
margin-left:			10px;
}



*html .footerMenu{
_margin-left:			14px;
}

.footerMenu li{
float:					left;
margin:					3px 10px;
}

.footerMenu li a{
color:					#666666;
}

.footerPara{
float:					left;
font-size:				8px;
margin:					15px 15px 0px 20px;
clear:					both;
width:					1039px;
}

.footerPara span{
color:					#ED1E2B;
}

.footerPara a{
color:					#000;
}

.pnp{
	font-size:			0.8em;
	margin-left:		20px;
	width:				1039px;
	text-align:			center;
}

.pnp a{
	color:				#ed1e2b;
	text-decoration:	underline;
}

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


/* =BULLETS
------------------------------------------------------------------------------*/

.bulletList{
margin:					30px 0px 0px 30px;
}

.bulletList li{
background:				url(images/bullets.gif) center left no-repeat;
padding:                4px 0px 4px 25px;
}

.bulletList li a{
color:					#ed1e2b;
}


/* =PARA
------------------------------------------------------------------------------*/

.middle p{
margin-top:				20px;
margin-bottom:			20px;
color:					#666;
text-align:				justify;
}

.middle p a{
	color:				#ed1e2b;
	text-decoration:	underline;
}


.middle p a:hover{
	text-decoration:	none;
}

.middle p span{
color:					#ed1e2b;
}


.middle ul, .middle ol{
	padding-left:       20px;
	margin-top:			20px;
	margin-bottom:		20px;
	margin-left:		10px;
	color:				#ed1e2b;
}

.middle ul li, .middle ol li{
	color:				#ed1e2b;
}

.middle ul li span, .middle ol li span{
	color:				#666;
}

.middle ul{
	list-style:			disc;
}

.middleAndRight .middle .noListStyle{
	list-style:			none;
}
.middle blockquote{	
	padding-bottom:		20px;
	font-style:			italic;
	color:				#666666;
}
.middle cite{
	display:			block;
	padding-bottom:		20px;
	font-style:			normal;
	font-weight:		bold;
	color:				#666666;
}
.providers li{
margin-bottom:			20px;
}

/* =WIDGETS
------------------------------------------------------------------------------*/

.widget{
	width:				155px;
	float:				right;
	margin:				0px 20px 20px 0px;
}

.widget h4 a{
	color:				#ed1e2b;
	width:				135px;
	display:			block;
	text-align:			right;
	line-height:		1.4em;
	padding:            10px 20px 0px 0px;
}

* .widget h4 a{
	* font-size:		12px;
}


.widget h4 a strong{
	text-decoration:	underline;
}

.widget h4 a:hover strong{
	text-decoration:	none;
}

.widget h4 a span{
	font-size:			0.55em;
	line-height:		1.2em;
	color:				#ed1e2b;
	display:			block;
	width:				70px;
	float:				right;
	margin:				8px 0px 0px 0px;
}
	


.tellUs h4 a{
	background:			url(images/widget_calendar.jpg) top left no-repeat;
	height:				130px;
}

.workshop h4 a{
	background:			url(images/widget_workshop.jpg) top left no-repeat;
	height:				126px;
}

/* =FORM
------------------------------------------------------------------------------*/

.contactForm{
	margin-top:			30px;
	background-color:	#f2f2f2;
}

.contactForm label{
	font-size:			0.8em;
	display:			block;
	margin:				10px 5px 10px 5px;
	line-height:		1em;	
}
.contactForm .radioButtons label{
	display:			inline;
}
.contactForm tr{
}
.submit{
	float:				right;
}