body { 
	background: url(../img/layout/bg_img.gif) repeat-x; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#container { width:950px; margin:0 auto; position:relative;}
#container.homepage { background:url(../img/layout/home_bg_summer.jpg) no-repeat; }

#header {
	height:147px;
	background: url(../img/layout/header_bg.gif) no-repeat;
	position:relative;
}
#logo { width:245px; height:130px; background:url(../img/layout/header_bg.gif) no-repeat -11px 0; overflow:hidden; padding:0; position:relative; left:11px; cursor:pointer; }
#footer p, #logo { text-indent:-9000px;}

.quicklinks {
	position:absolute;
	top:110px;
	right:130px;
}

#main_nav {
	width:202px;
	background:url(../img/layout/left_menu_top.gif) no-repeat top left #8DC63D;
	float:left;
	display:inline;
}
#content { float:left; display:inline; width:700px; padding:0 20px;}

#main_content {	background:url(../img/layout/content_bg.gif) repeat-y;min-height:460px; position:relative; width:950px; overflow:hidden;}
.txt_full { float:left; width:700px; padding:15px 20px; }

.txt_left, .txt_right {	float:left;	width:324px;padding:15px 20px; display:inline;}

.txt_left {	border-right: 1px dashed #666666;width:323px;}

#footer { background: url(../img/layout/footer_bg.gif) no-repeat white;	height:85px;clear:both;	}
#container.homepage #footer { display:none; }

#testimonial {
	width:70%;
	padding:5px 10px 5px 10px;
	text-align:center;
	border:1px solid #8cc63f;
	font-size:1.0em;
	font-style:italic;
	color:#666666;
	left:15%;
	position:relative;
}

#testimonial_stretch {
	padding:5px 10px 5px 10px;
	text-align:center;
	border:1px solid #8cc63f;
	font-size:1.0em;
	font-style:italic;
	color:#666666;
	margin-left:212px;
	margin-right:10px;
	clear:left;
}



/* Font Styles */

h1 {
	font-size:1.6em;	
	color: #008ca8;
	font-weight: bold;
	padding:10px 0 0 217px;
}
#content h1 { padding:10px 0; }

h2 {
	font-size:1.2em;
	color: rgb(229, 64, 151);
	font-weight:bold;
	padding:0 0 .5em 0;
}

p, ul, legend, label { 
	font-size:1.2em;
	line-height:1.4em;
}
p, ul {padding:0 0 1em 0;}

a {
	color:#3e89b5;
	text-decoration:underline;
}

a:hover {color:#8cc63f;	text-decoration:none;}

ul {list-style:disc outside;}

li {margin:0 0 0 1em;}
li.pdf { background:url(../img/layout/pdf_icon.gif) no-repeat; list-style:none; padding-left:25px; line-height:1.6em;}
li.podcast { background:url(../img/layout/podcast_icon.jpg) no-repeat; list-style:none; padding-left:25px; line-height:1.7em;}
strong { font-weight:bold;}
.subtitle { font-size:80%; font-style:italic; font-weight:normal; list-style-position:inside;}
.emailAlert { background:#E54097; padding:5px; color:#fff; }
.topSpace { padding-top: 1em;}


/* Images */

#testimonial img {padding:10px;}



/* Form Styles */

.info label, #ContactContactUsForm label { width:250px; float:left; display:block;	font-size:1.2em; padding-right:10px;}
#ContactContactUsForm label { width:110px; }
#ContactContactUsForm .text input, #ContactContactUsForm .text textarea { width: 210px;font-size:12px;	border: 1px solid #8cc63f;	background-color: #eeeeee; padding: .2em;}
#ContactContactUsForm .text input:focus, #ContactContactUsForm .text textarea:focus { background-color: #FFC;}
#ContactContactUsForm .submit input {float:right;margin:10px 20px 0 0;}	
#DownloadIndexForm div.input { float:left; }
#DownloadIndexForm div.input label  { padding-right:10px; }
div.input { padding:5px; position:relative; }
div.submit { padding:4px; }
.error-message { padding:5px; color:#900; clear:both; }
div.textarea label { float:none; width:auto;}
.textarea textarea { width:500px; }

/* Online Survey */

#SurveyIndexForm { clear:both; }
div.altrow { background: #EFEFEF; }
div.choice { padding:20px 10px; position:relative;}
div.choice label { padding-right:30px; }
div.choice legend { padding-bottom:10px; }
div.choice p { font-weight:bold; }
p.raised { 
	display:block; 
	width:198px; 
	height:71px; 
	background:url(../img/layout/raised_bg.png) no-repeat; 
	padding:10px 15px 15px 10px; 
	font-size:16px; 
	text-align:center; 
	float:right; 
	margin: 0 15px 10px 10px;
}
span.raised_total { display:block; font-size:22px; font-weight:bold;}
#your_info { border:1px solid #333; padding:30px 20px 20px 20px; margin:10px 0;}
#your_info legend { font-size:14px; font-weight:bold; padding:0 5px; }
img.survey_image { float:right; margin:0 0 10px 10px;}
.survey_form .textarea label { font-weight:bold; }
#submit_survey { font-size:2em; }

/* Validation Messages */
.answer_req, label.error, div.textarea label.error { 
	background: url(../img/layout/ans_req.png) no-repeat; 
	color:#fff; 
	position:absolute; 
	bottom:10px;
	right:5px; 
	width:119px; 
	height:30px; 
	line-height:26px; 
	text-align:right;
	padding-right:20px;
	font-size:10px;
}
label.error { top:2px; }
.answer_done { 
	background: url(../img/layout/ans_done.png) no-repeat; 
	position:absolute; 
	top:15px; 
	right:5px; 
	width:42px; 
	height:42px; 
}
input.form-error { border-color: #ff0000;}


/* Meet the team flyout */

#team_wrapper { 
	width:666px; 
	height:404px; 
	position:absolute;
	right:1px;
	top:8px;
	z-index:20;
	overflow:hidden;
	display:none; /* dont display if js is not on */
}
#meet_the_team { 
	width:666px; 
	height:404px; 
	background:url(../img/layout/team_bg.png) no-repeat; 
	position:relative;
	left:0px;
	top:0px;
}
.team_member { position:relative;}
#hp_meet:hover { cursor:pointer;background:url(../img/layout/hp_meet.gif) no-repeat 0 0; }
#hp_meet { text-indent:-9000px; width:14px; height:124px; position:absolute; left:8px; top:15px; background:url(../img/layout/hp_meet.gif) no-repeat 0 -131px;}
#hp_hide { height:16px; width:49px; position:absolute; bottom:10px; right:15px;  background:url(../img/layout/hp_hide.gif) no-repeat; }
#hp_hide:hover { cursor:pointer; background:url(../img/layout/hp_hide.gif) no-repeat 0 -18px; }
a.hp_pic { color:#EBBD05; text-decoration:none; display:block; padding:3px 0 0 7px; font-size:10px; line-height:1.0em; }
a.hp_pic, #team_list .team_member { height:100px; width:95px;}
a.hp_pic:hover { color:#fff; }
#team_list .team_member { float:left; margin:10px 13px;}
#team_list { list-style:none; padding:10px 10px 10px 40px;}

#hp_matt { background-image:url(../img/layout/hp_matt.jpg); background-repeat:no-repeat;}
#hp_van { background-image:url(../img/layout/hp_van.jpg) ; background-repeat:no-repeat; }
#hp_ednie { background-image:url(../img/layout/hp_ednie.jpg) ; background-repeat:no-repeat;}
#hp_lou { background-image:url(../img/layout/hp_lou.jpg) ; background-repeat:no-repeat;}
#hp_mike { background-image:url(../img/layout/hp_mike.jpg) ; background-repeat:no-repeat;}
#hp_gary { background-image:url(../img/layout/hp_gary.jpg) ; background-repeat:no-repeat;}
#hp_mark { background-image:url(../img/layout/hp_mark.jpg) ; background-repeat:no-repeat;}
#hp_annette { background-image:url(../img/layout/hp_annette.png) ; background-repeat:no-repeat; }
#hp_pault { background-image:url(../img/layout/hp_pault.jpg) ; background-repeat:no-repeat; }
#hp_alison { background-image:url(../img/layout/hp_alison.jpg) ; background-repeat:no-repeat; }
#hp_jamie { background-image:url(../img/layout/hp_jamie.jpg) ; background-repeat:no-repeat; }
#hp_lindsay { background-image:url(../img/layout/hp_lindsay.jpg) ; background-repeat:no-repeat; }
#hp_marke { background-image:url(../img/layout/hp_marke.png) ; background-repeat:no-repeat; }
#hp_joanne { background-image:url(../img/layout/hp_joanne.png) ; background-repeat:no-repeat; }
#hp_chris { background-image:url(../img/layout/hp_chris.png) ; background-repeat:no-repeat; }
#hp_niall { background-image:url(../img/layout/hp_niall.png) ; background-repeat:no-repeat; }
#hp_keith { background-image:url(../img/layout/hp_keith.png) ; background-repeat:no-repeat; }
a.hp_pic:hover { background-position: 0 -115px; }

.hp_menu { 
	background:url(../img/layout/team_bg.png) no-repeat -50px 0;
	position:absolute; 
	border-radius:10px;	-moz-border-radius:10px; -webkit-border-radius:10px;
	z-index:30;
	top:90px;
	left:0;
	width:230px;
	list-style:none; padding:10px 10px 10px 5px; font-size:10px;
}
.hp_menu a { color:#fff; text-decoration:none; }
.hp_menu a:hover { color: #FC0;}
.hp_menu #closeMenu { color:#fff; font-size:14px; font-weight:bold; position:absolute; top: 5px; right:10px; z-index:31; }
.hp_menu #closeMenu:hover { color:#EBBD05; cursor:pointer; }

/* About Us Menu */

#about_menu {	position:relative;	background-color:white;}
#about_menu, #team_menu {list-style-type:none;padding:0;}
#team_menu {margin-left:10px;font-size:1em;}
#team_menu li a {width:290px;}
#about_menu	li{	background:url(../img/layout/subnav_green_2.gif) no-repeat;	margin:5px 0;}

#about_menu li a {
	text-decoration:none;
	color:black;
	border:1px solid #999999;
	border-left:none;
	margin-left:15px;
	padding-left:10px;
	width:300px;
	display:block;
}

#about_menu li a:hover {
	background:#8CC63F;
	color:white;	
}

/* Tables */
table {
	background: #fff;
	border:1px solid #000;
	border-right:0;
	border-bottom:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 90%;
	border-collapse:collapse;
}
th {
	background: #008CA8;
	color:#fff;
	border:1px solid #000;
	border-top: none;
	border-left: none;
	text-align: center;
	padding: 4px 6px;
}
th a {
	background:#f2f2f2;
	display: block;
	/*padding: 2px 4px;*/
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: #fff;
	border-right: 1px solid #000;
	border-bottom:1px solid #000;
	padding: 4px;
	text-align: center;
	vertical-align: top;
	
}
table tr.altrow td {
	background: #f4f4f4;
}
table td { line-height:1.4em; }
table td.title { text-align:left; font-size:12px;  font-weight:bold;  }
table th { font-size:14px; }
table th.title  { text-align:left;}
table#downloads { margin-top:10px; }

/* Javascript enabled */

#team_menu.pop {
	border:1px solid #999999;
	margin:0;
	width:150px;
	overflow:hidden;
	position:absolute;
	background-color:white;
	top:20px;
	right:30px;
}
#team_menu.border {	border:1px solid #999999;}
#team_menu.pop li {	background-image:none;	margin:0;}
#team_menu.pop li a {
	border:none;
	color:#999999;
	padding:.1em .2em;
	margin:0;
	font-size:.9em;
}
#team_menu.pop li a:hover {	color:white;}



/* Misc */

#flashMessage { width:200px; position:absolute; background:#eac8c8; border:1px solid #ff0000; height:auto; z-index:20; padding:10px; top:30px; left:200px;}
.clear { clear:both; }
.homepage #container {background:url(../img/layout/home_bg.jpg); height:615px;}
.homepage #header {background:none;}
.homepage #main_nav {background:none;}
.homgepage #footer {background:none;}
.homepage #main_content {background:none; position:relative;}
#footerhack { 
	background: none; 
	height:85px;
	clear:both;	
}


/**** Side Menu *****/

#side_menu { list-style:none; padding:20px 15px; width:172px;}
#side_menu li a {	
	text-decoration:none;
	color:#FFFFFF;
	width:157px;
	line-height:18px;
	vertical-align:middle;
	padding:3px 0;
	background:url(../img/layout/menu_bg.png) no-repeat right center;
	display:block;
	font-size:1.1em;
}
#side_menu li a:hover { color:#FFFF00; }

.homepage #side_menu { background:url(../img/layout/team_bg.png) no-repeat -50px 0; overflow:hidden; padding:10px; margin:25px 15px; }
li.divider { border-bottom: 1px solid #fff;}
#side_ads { text-align:center;}

/* Top navigation colour circles */

.logolink{
	width:270px;
	height:130px;
	text-indent:-9000px;
	display:block;
}

.top_menu {
	position:absolute; top:0px;	right:0px;
	width:490px; height:87px;
	padding:15px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
}
.top_menu li { width:86px; height:86px; padding:0 5px; margin:0;  }
.top_menu li, .top_menu li a { float:left; display:inline; text-align:center; text-decoration:none; color:#FFFFFF; vertical-align:middle; }
.top_menu li a { width:66px; height:66px; padding:10px; line-height:66px; }
.top_menu li a:hover { color:#fff; }
.topnavred a {	background:url(../img/layout/topnav_red.gif) no-repeat; }
.topnavred a:hover {background:url(../img/layout/topnav_green.gif) no-repeat;}
.topnavblue a {background:url(../img/layout/topnav_blue.gif) no-repeat;}
.topnavblue a:hover {background:url(../img/layout/topnav_pink.gif) no-repeat;}
.top_menu .topnavgreen a, .top_menu .topnavpink a, .top_menu .topnavorange a { line-height:1.1em; height:26px; padding:30px 10px;  }
.topnavgreen a {background:url(../img/layout/topnav_green.gif) no-repeat;}
.topnavgreen a:hover {background:url(../img/layout/topnav_red.gif) no-repeat;}
.topnavpink a {background:url(../img/layout/topnav_pink.gif) no-repeat;}
.topnavpink a:hover {background:url(../img/layout/topnav_blue.gif) no-repeat;}
.topnavorange a {background:url(../img/layout/topnav_orange.gif) no-repeat;}
.topnavorange a:hover {background:url(../img/layout/topnav_green.gif) no-repeat;}

.subnav_green li  {
	list-style:none;
	background:url(../img/layout/subnav_green_2.gif) no-repeat;
	width:250px;
	min-height:17px;
}

.subnav_green li a {
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:16px;
	text-decoration:none;
	color:black;
	width:250px;
	min-height:16px;
	margin:0px 0px 5px 15px;
	padding-left:8px;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}

.subnav_green li a:hover { background-color:#8CC63F;color:#FFF;}