/*==========================================================================

Basic CSS Style Sheet
---------------------

Supports Browsers = ie7 and above, firefox 2 and above, netscape v7 and above
(Browser support site:- http://centricle.com/ref/css/filters/)

Version:		1.0
Type:			screen
Author:			Andrew Bexx
Email:			info@a-bexx.co.uk
Website:		http://www.stress3hire.co.uk
Created Date:	2007/12/21
Updated Date:	2008/01/13

KEY - (For comments in this file)
---------------------------------
:BUG: 	 A CSS rule breaks in certain browser.
:TODO:	 I need to do something, e.g. remove this rule when site goes live.
:KLUDGE: A nasty workaround.

COLOUR REF:
-----------

#FFFFCC = BUTTON HOVER COLOR

===========================================================================*/



body{
	background:white;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	}

/* =Global Styles
----------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	}
	
br {
	float:left;
	text-indent:9000px;
	clear:both;	
	}

hr{
	display:none;
	}

u{
	text-decoration:none;
	}

acronym, abbr{
	color:red;
	cursor:help;	
	border-bottom:1px dotted red;
	}
	
.noListStyle{
	list-style:none;
	}

.width85perc {
	width:84%;
	}
	
.width75perc {
	width:74%;
	}
	
.width50perc {
	width:49%;
	}

.width25perc {
	width:24%;
	}
	
.floatLeft {
	float:left;
	}
.floatRight {
	float:right;
	}
.alignLeft {
	text-align:left;
	}
.alignRight {
	text-align:right;
	}
	
.clearBoth {
	clear:both;
	}

a img {
	margin:0;
	border:none;
	padding:3px;
	}

img.imgDescription {
	margin:0;
	padding:0px 15px 40px 15px;
	}
	
a[href^="http:"] {
	background: url(../images/design/external_icon_black.gif) no-repeat left 70%;
	padding-left:12px;
	}
	
#footer a[href^="http:"] {
	background: url(../images/design/external_icon_white.gif) no-repeat left 70%;
	padding-left:12px;
	}

a[href^="http://www.Stress3"],
a[href^="http://www.stress3"],
#footer #footer_banners a[href^="http:"]
{
	background-image:none;
	padding-left:0;
	}
		
#body_container{
	margin:0 auto;
	width:66em;
	}

/* =Bug Fixes
------------------------------------------------------------------------*/
/* This Fixes a bug in firefox, to be used on the styled submit buttons 
where the cursor flashes outside the button when tabbing through input 
fields */
.firefoxCursorFix{ 
	overflow:auto; 
	clear:both;
	}

/* =topBar
------------------------------------------------------------------------*/

#topBar	{
	position:relative;
	left:0;
	top:0;
	z-index:2;
	float:left;
	width:100%;
	height:130px;
	}

#topBar #topBarLeft {
	float:left;
	width:350px;
}

.phonenumber {
	text-align:right;
	font-size:85%;
	margin:-10px 0 10px 10px;
	padding:0 15px 0 0;
	clear:both;
	letter-spacing:0.2em;
	color:#000;
	font-weight:bold;
	}

#topBar img#s3hLogo {
	float:left;
	border:0;
	padding:15px 0 0 10px;
	}

#topBar p.hidden,
#topBar h1.hidden, 
.hidden {
	float:left;
	text-indent:-9000px;
	display:none;
	}
		
#topBar h2 {
	float:right;
	}

/* =search */

#search {
	float:right;
	height:63px;
	margin:0;
	padding:22px 0 15px 0;
	width:270px;
	}
	
#topBar #search label a{
	text-align:center;
	display:block;
	color:#666666;
	height:18px;
	line-height:30px;
	}
	
#topBar #search form input.searchbox{
	height:18px;
	padding:5px 2px;
	margin:0px;
	border:1px solid inherit;
	line-height:18px;
	font-size:16px;
	letter-spacing:0.1em;
	width:185px;
	float:left;
	}
	
#topBar #search form input.searchbutton{
	background:black url(../images/design/button_go.gif) top right no-repeat;
	color:white;
	width:60px;
	height:30px;
	line-height:30px;
	border:none;
	margin-left:5px;
	margin-right:10px;
	cursor:pointer;
	font-size:14px;
	float:right;
}

#topBar #search form input.searchbutton:hover{
	color:black;
	font-weight:bold;
	border:0px !important;
	background: #FFFFCC url(../images/design/button_go_over.gif) top right no-repeat;
	}


/* =mainNav 
------------------------------------------------------------*/
#topBar #mainNav {
	float:left;
	margin:0 0 0 0;
	background:black url(../images/design/horiz_black_repeat.gif) top left repeat-x;
	height:30px;
	line-height:30px;
	width:100%;
	}
	
#topBar #mainNav ul	{	
	margin:0 0 0 0px;
	float:left;
	height:30px;
	line-height:30px;
	list-style:none;
	}
	
#topBar #mainNav ul li {
	float:left;
	line-height:30px;
	background: url(../images/design/nav_2tone_seperator2.gif) top right no-repeat;
	}

#topBar #mainNav ul li a {
	float:left;
	padding:0 28px 0 30px;
	margin:0 2px 0 0;
	height:30px;
	line-height:30px;
	color:white;
	text-decoration:none;
	}
	
#topBar #mainNav ul li a:hover {
	float:left;
	background:#FFFFCC url(../images/design/button_cream_repeat_horiz.gif) top left repeat-x;
	color:#000000;
	margin:0 2px 0 0;
	}
	
#topBar #mainNav ul li.selected a {
	float:left;
	background:gray url(../images/design/button_grey_repeat_horiz.gif) top left repeat-x;
	color:#000000;
	}
	

#topBar #mainNav p#LogIn a{
	text-align:center;
	width:10%;
	padding:0 20px;
	float:right;	
	color:white;
	height:30px;
	text-decoration:none;
	}

#topBar #mainNav p#LogIn a:hover{
	background:#FFFFCC url(../images/design/button_cream_repeat_horiz.gif) top left repeat-x;
	color:#000000;	
	}	
/* End of topBar */


/* =content
---------------------------------------------------------*/

#contentContainer {
	width:100%;
	float:left;
	clear:both;
	}
	
body.OneCol #sideContent{
	display:none;
	} 	
	
body.OneCol #mainContent{
	/*float:left;*/
	width:100%;
	margin:0 0 0 0;
	padding:0px 0 50px 0;
	min-height:300px;
	}
	
body.TwoCol  #sideContent{
	/*float:right;*/ /* dont float right, causes ie to overflow footer! */
	width:27%;
	padding:0;
	margin:0 0 0 0;
	padding:30px 0 30px 0;
	min-height:300px;
	}
	
body.TwoCol #mainContent{
	/*float:left;*/
	width:72%;
	margin:0 0 0 0;
	padding:0px 0 50px 0;
	min-height:300px;
	}

/* =breadCrumbs
-------------------------------------------------------------------------*/

#mainContent div#breadCrumbs{
/*	position:absolute;
	top:0px;
	left:0px;*/
	height:30px;
	line-height:30px;
	margin:0;
	width:74%;
	}

#mainContent div#breadCrumbs p{
	height:30px;
	line-height:40px;
	list-style:none;
	font-size:85%;
	padding:0 5px 0px 0px;
	margin:0 0 0px 10px;
	}

/* =sideContent
=====================================================*/

#sideContent p{
	margin:0px 10px 0px 0px;
	line-height:25px;
	font-size:110%;
	}

#sideContent p.privilidge{
	font-size:90%;
	color:#0000FF;
	}

#sideContent h2{
	margin:0px 10px 10px 0px;
	font-size:140%;
	}

#sideContent h3 {
	margin:10px 10px 10px 0px;
	font-size:125%;
	text-decoration:underline;
	}

#sideContent ul {
	clear:both;
	margin:10px 10px 20px 15px;
	font-size:110%;
	}

#sideContent ul li {
	margin:0px 10px 10px 0px;
	padding:0 0 0 0px;
	line-height:85%;
	font-size:85%;
	list-style:none;
	}


/* =verticalNav 
=====================================================*/
	
#sideContent #verticalNav {
	font-size:95%;
	letter-spacing:1px;
	width:78%;
	list-style:none;
	padding:0px 5% 0 15%;
	margin:0;
	}

#sideContent #verticalNav li
, #sideContent #verticalNav li a
, #sideContent #verticalNav li a span {
	font-size:100%;
	display:block;
	color:#999;
	line-height:29px;
	height:29px;
	text-decoration:none;
	margin:0;
	}
	
#sideContent #verticalNav li a span{
	cursor:pointer; /* fixes ie7 bug */
	padding:0 0 0 30px;
	margin:0 0 0 -30px;
	}

#sideContent #verticalNav li.selected a span{
	color:black;
	}

#sideContent #verticalNav li.last
, #sideContent #verticalNav li.last a{
	height:30px;
	line-height:30px;
	}
		
#sideContent #verticalNav li {
	background:url(../images/design/button_black_left.gif) top left no-repeat;
	padding:0 0px 0 30px;
}


#sideContent #verticalNav li a{
	background:url(../images/design/button_black_right.gif) top right no-repeat;
	}

#sideContent #verticalNav li a:visited span{
	background: url(../images/design/button_black_left_tick.gif) top left no-repeat;
	}
#sideContent #verticalNav li.selected a:visited span{
	background: url(../images/design/button_grey_left_tick.gif) top left no-repeat;
	}
#sideContent #verticalNav li.selected {
	background: url(../images/design/button_grey_left_tick.gif) top left no-repeat;
}

#sideContent #verticalNav li.selected a {
	background: url(../images/design/button_grey_right.gif) top right no-repeat;
	}

#sideContent #verticalNav li:hover a span{
	background: url(../images/design/button_cream_left_arrow.gif) top left no-repeat;
}

#sideContent #verticalNav li a:hover{
	background: url(../images/design/button_cream_right.gif) top right no-repeat;
	}
	
#sideContent #verticalNav li.selected:hover a span
{
	background: url(../images/design/button_grey_left_tick.gif) top left no-repeat;
}

#sideContent #verticalNav li.selected a:hover{
	background: url(../images/design/button_grey_right.gif) top right no-repeat;
	}

#sideContent #verticalNav li a:hover span{
	display:block;
	color:black;
	} 	

/* =mainContent
---------------------------------------------------------------*/
#mainContent p{
	margin:10px 10px 15px 10px;
	line-height:25px;
	font-size:110%;
	}

/*
.TwoCol #mainContent p {
	margin:10px 10px 15px 10px;
	line-height:25px;
	font-size:110%;
	color:red;
	}
*/

#mainContent h2{
	margin:15px 10px 15px 10px;
	font-size:140%;
	}

#mainContent h3 {
	margin:40px 10px 15px 10px;
	font-size:125%;
	}

#mainContent h3.tick {
	display:block;
	padding:8px;
	padding-left:40px;
	margin:40px 10px 15px 10px;
	line-height:20px;
	font-weight:bold;
	background: url(../images/design/tickbox18px.gif) 10px 50% no-repeat;
	border-bottom:1px solid black;
	}
	
#mainContent ul {
	margin:10px 0 10px 30px;
	font-size:110%;
	}

#mainContent ul li {
	margin:10px 10px 10px 10px;
	padding:0 0 0 3px;
	line-height:25px;
	}
	
#mainContent img.border {
	margin:12px 24px 12px 10px;
	border:1px solid black;
	padding:5px;
	}
	
#mainContent img.rightbadge {
	border:0px solid black;
	margin:-53px -110px 0 12px;
	}
	
/* =footer
---------------------------------------------------------------*/
#footer {
	margin:0 0 0 0;
	width:100%;
	height:125px;
	z-index:1;
	font-size:85%;
	clear:both;
	border-top:1px solid #666666;
	background:white;
	background:#333333 url(../images/design/horiz_black_repeat_footer.gif) -2px 0 repeat-x;
	}
	
#footer a{
	color:#666666;
	text-decoration:none;
	color:#fff;
	}

#footer a:hover{
	text-decoration:underline;
	}

#footer ul{
	list-style:none;
	}


#footer ul li{
	float:left;
	margin:10px 0 0 0;
	padding:0 10px 0 9px;
	color:#666666;
	border-right:1px solid #666666;
	}
	
#footer ul li.last{
	border-right:none;
	}
	
#footer ul.footerLinksLeft{
	float:left;
	}

#footer ul.footerLinksRight{
	float:right;
	}

#footer p {
	margin:5px 10px 15px 20px;
	padding:10px 0;
	clear:both;
	text-align:right;
	}


#footer #footer_banners {
	display:block;
	width:100%;
	margin:-10px 0 10px 0;
	padding:0 10px 0 0;
	float:right;
	height:35px;
	text-align:right;
	}
	
#footer #footer_banners a, 
#footer #footer_banners img {
	position:relative;
	top:0;
	right:0;
	margin:0px 2px 0px 0px;
	border:0;
	}

#footer #footer_banners a img.last{
	margin-right:0px;
	}

/* =home styles
------------------------------------------------------------------------*/
.homeBlackBorderContainer {
	position:relative;
	z-index:1;
	margin:12px 0px 0px 440px;
	border:1px solid black;
	padding:5px;
	}

ul#homeBlackBoxList li a{
	color:white;
	text-decoration:none;
	}
ul#homeBlackBoxList li a:hover{
	color:white;
	text-decoration:underline;
	}

ul#homeBlackBoxList{min-height:185px;}
div#homeBlackBoxTestomonial{min-height:180px;}

div#homeBlackBoxTestomonial,
ul#homeBlackBoxList {
	position:relative;
	z-index:1;
	display:block;
	margin:0px;
	padding:10px 10px;
	list-style:none;
	color:white;
	background:black;
	}
div#homeBlackBoxTestomonial {
	background:black;
	}	
ul#homeBlackBoxList li {
	font-size:110%;
	letter-spacing:0.2em;
	font-family:Arial, Helvetica, sans-serif;
	margin:5px 0 5px 10px;
	line-height:25px;
	padding:0 0 0 35px;
	background: url(../images/design/tickbox18px.gif) 0 50% no-repeat;
	}

div#homeBlackBoxTestomonial p{
	font-size:100%;
	line-height:28px;
	margin:5px 10px 5px 15px;	
	}

div#homeBlackBoxTestomonial p i strong{
	font-size:90%;
	}
	
div#homeBlackBoxTestomonial p span{
	font-size:180%;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	}
	
div#homeBlackBoxTestomonial p span.left {
	margin:0 0 0 -10px;
	}

div#homeBlackBoxTestomonial p.moreTestimonials a{
	display:block;
	text-align:right;
	line-height:20px;
	margin:0px 0 0 0;
	padding:0px;
	color:white;
	}
	
/* =Form Styles
-----------------------------------------------------------------------------*/
/* form global styles */
form input.inputbox, 
form textarea, 
form select {background:#E3FCFD; border:1px solid #666666;}

form select{padding:0; margin:0;}

form option{ font-size:90%;}

form input.inputbox.errorHighlight, textarea.errorHighlight {background:red!important; color:white;}

p.errorMessage, li.errorMessage {
	color:red;
	font-weight:bold;
	}
	
/* form buttons */	
input.inputButton{
	margin:0;
	padding:0px 3px;
	height:70%;
	font-size:90%;
	background:#666666;
	color:white;
	}
input.inputButton:hover{
	background:#CCCCCC;
	color:#333333;
	}

#mainContent form fieldset ol li.errorMessage{
	margin:5px 0 0 50px;
	}
/* end global form styles */

#mainContent form {
	width:80%;
	margin:15px;
	margin-left:30px;
	background:none;
}
#mainContent form fieldset {
	border:1px solid #black;
} 

#mainContent form legend {
	font-size:140%;
	letter-spacing:0.1em;
	margin:0 45px;
	padding:15px 5px;
	line-height:5px;
}

#mainContent form input.inputbox,
#mainContent form select
 {
	float:left;
	line-height:30px;
	height:25px;
	font-size:125%;
	width:40%;
	border:1px solid inherit;
	letter-spacing:0.1em;	
	padding:3px;
	margin:10px 0;
}

#mainContent form input.submitButton#submit {
	float:left;
	margin:0 0 20px 0;
	line-height:20px;
	height:30px;
	width:100px;
	background:black url(../images/design/button_submit.gif) top right no-repeat;
	color:white;
	border:none !important;
	cursor:pointer;
	}
#mainContent form input.submitButton#submit:hover{
	color:black;
	font-weight:bold;
	border:0px !important;
	background:#ffffcc url(../images/design/button_submit_over.gif) top right no-repeat;
	}
	
#mainContent form textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:200px;
	width:55%;
	margin:10px 0;
	text-align:left;
	float:left;
	font-size:125%;
	border:1px solid inherit;
	letter-spacing:0.1em;	
	padding:3px;
}

#mainContent form textarea.comments,
#mainContent form label.comments,
#mainContent form p.comments
 {
	display:none;
}

#mainContent form fieldset label{
	line-height:50px;
  	float:left;
  	width:35%;
 	margin-right:0.1em;
  	padding-top:0.2em;
  	text-align:right;
  	font-weight:normal;
	font-size:110%;
}

#mainContent form fieldset span{
	font-weight:bold;
	cursor:help;
	color:red;
	font-size:140%;
	padding:0 0  0 2px;
}

#mainContent form a img.calendar {
	float:left;
	margin:10px 0 0 5px;
	height:30px;
	width:30px;
	}

#mainContent form p.add {
	float:left;
	margin:-10px 0 10px 0;
	padding-left:35%;
	}


/* =Table styles
-----------------------------------------------------------------------------*/

table {
	width:95%;
	margin:10px 15px 0 15px;
	border-collapse:collapse;
}

caption {

	padding:12px 2px 12px 0px;
	text-decoration:underline;
	border-top:1px solid black;
	font-weight:bold;
	font-size:110%;
	}

table tr th {
	height:29px;
	line-height:29px;
	text-align:center;
	padding:0px 20px;
	color:#eee;
	background:black url(../images/design/horiz_black_repeat.gif) top left repeat-x;
	font-size:115%;
}

table tr th.endBorder{
	border-right:1px solid #000;
}

table tr td {
	border:0px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	height:25px;
	text-align:center;
	padding:8px 20px;
	font-size:110%;
	}

table tr.tableTotal td{
	border:0px;
	border-top:2px solid black;
	border-bottom:2px solid black;
	font-weight:bold;
	}
	
table#eventsTable {
	width:90%;
	}

/* =Image Gallery
-----------------------------------------------------------------------------*/
#mainContent div.imageGallery{
	float:left;
	width:98%;
	margin:0px 0px 0px 5px;
	padding:0px;
	}

#mainContent div.imageGallery div.float p{
	float:none;
	display:block;
	line-height:20px;
	text-align:center;
	padding:0;
	margin:0;
	font-size:70%;
	}	
	
#mainContent div.imageGallery div.float p.large{
	line-height:20px;
	text-align:center;
	padding:5px 0 0 0;
	font-size:105%;
	}
		
#mainContent div.imageGallery div.float p a{
	text-decoration:none;
	color:#000066;
	}

#mainContent div.imageGallery div.float{
	margin:0px 15px 20px 0px;
	padding:0;
	float:left;
	}
	
#mainContent div.imageGallery div.clearFloat{
	clear:both;
	height:0px;
	margin:-15px 30px 0 15px;
	}
	
#mainContent div.imageGallery img{
	margin:0;
	border:1px solid black;
	padding:3px;
	}
	
#mainContent div.imageGallery div.details{
	float:left;
	margin:0 0 0 15px;
	width:350px;
	}

#mainContent div.imageGallery div.details ul {
	clear:both;
	width:100%;
	padding:0;
	margin:0;
	}
	
#mainContent div.imageGallery div.details ul li {
	display:block;
	text-align:left;
	display:block;
	padding:6px 0;
	margin:0px;
	}
	
	
#mainContent div.imageGallery div.details h3 {
	text-align:left;
	float:left;
	width:100%;
	border-bottom:1px solid black;
	padding:0 0 10px 0;
	margin:0 0 2px 0;
	}
	
#mainContent div.imageGallery div.details h4 {
	text-align:left;
	width:100%;
	padding:6px 0;
	margin:0;
	text-decoration:underline;
	font-size:105%;
	}
#mainContent div.imageGallery div.details p a{
	float:right;
	padding:2px 0 0 0;
	clear:both;
	margin:0 0 10px 0px;
	text-align:right;
	color:#990000;
	font-size:90%;
	font-weight:bold;
	}
	
#mainContent div.imageGallery div.details p.details{
	padding:0;
	clear:both;
	margin:0 0 10px 10px;
	text-align:left;
	font-size:90%;
	line-height:150%;
	}
	
#paginate {
	text-align:center;
	}
	
#paginate  ul{
	clear:both;
	padding:1%;
	margin-bottom:2%;
	list-style-type: none;
	margin:5px 0 0 0;
	padding:0;
}

#paginate ul li{
	list-style-image: none;
	display:inline;
	padding-left: 1%;
	line-height: 1.2em;
	margin:0 0 0 1%;
	}

#paginate ul li.firstprevnextlast a {
	color:red;
	padding:0 0 0 2%;
}


  
/* =Admin Area
================================================================================*/

body.members div#adminButton{
	width:30%;
	display:block;
	background:white;
	border:1px solid black;
	background:white;
	margin:0 0 0 15px;
	}
	
body.members #adminButton p{
	display:block;
	text-align:center;	
	margin:2px;
	background:#000000;	
	}

body.members #adminButton p a{
	display:block;
	color:#FFFFFF;
	padding:4px 10px;
	margin:0;
	text-decoration:none;
	}

/* Table for Data */
body.members table.adminTables {
	width:95%;
	margin:10px 15px 0 15px;
	border-collapse:collapse;
}

body.members table.adminTables form{
	margin:0;
	padding:0;
	}
body.members table.adminTables tr td{
	margin:0;
	padding:0;
	height:30px;
	}

body.members table.adminTables caption {
	padding:5px 2px;
	text-decoration:underline;
	border-top:1px solid black;
	font-weight:bold;
	font-size:100%;
	}

body.members table.adminTables tr th {
	line-height:100%;
	text-align:center;
	padding:0px 5px;
	color:#eee;
	background:black;
	font-size:90%;
}
body.members table.adminTables tr th.alignLeft,
body.members table.adminTables tr td.alignLeft {
	text-align:left;
}

body.members table.adminTables tr td {
	border:0px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	text-align:left;
	padding:0px 5px;
	font-size:90%;
	}

/* Admin Form Styles
---------------------------------*/
body.members #mainContent form {
	width:90%;
	margin:15px 5px;
	margin-left:15px;
	background:none;
}

body.members form select#category option,
body.members form select#eventlocation option {
	width:300px;
	font-size:85%;
	}
body.members form select#category,
body.members form select#eventlocation{
	width:350px;
	}