/* 
------------------------------------------------------
*******   STYLE SHEET FOR SOC WEB SITE         *******
*******   Created by SN          			   *******
------------------------------------------------------

CONTENTS FOR CASCADE

	1. Defaults
	2. Structure
	3. Links and navigation
	4. Fonts
	5. Images
	6. Forms
	7. Tables
	8. Misc stuff
	9. Page specific content

	A. Debug colours

-----------------------------------------------------
Notes:


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



/* --------- 1. defaults  --------- */

* {/* zero all margins and padding */
		margin: 0;
		padding: 0;
		}

/* hides heading text when graphic style is required. 		
.hideText{ 
		position:absolute;
		font-size: 1px; 
		text-indent: -5000px;
		}
*/

.clear { /* this is used to clear the floats. */
		clear: both;
		}


hr.transparentRule { /* invisible rule */
		border: none 0; 
		border-top: 0px; /*the border*/
		height: 0px; /*whatever the total width of the border-top and border-bottom equal*/
		width: 100%; color: #fff; background: #fff; /*different browsers color the rule differently!*/
		margin-bottom: 0px; margin-top: 0px; padding: 0px}	
hr.dashedRule { /* dashed rule */
		border: none 0; 
		border-top: 1px dashed #ccc; /*the border*/
		height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
		width: 100%; color: #fff; background: #fff; /*different browsers color the rule differently!*/
		margin-bottom: 0px; margin-top: 0px; padding: 0px}	
	
hr.rule { /* line rule */
		border: none 0; 
		border-top: 1px solid #ccc; /*the border*/
		height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
		width: 100%; color: #fff; background: #fff; /*different browsers color the rule differently!*/
		margin-bottom: 0px; margin-top: 0px; padding: 0px}	

		
/*  --------- 2. structure  --------- */

	/* -- main site architecture -- */

	body {	
		 background: url(../images/page-background.jpg) repeat-y;
		}

	

	#siteWrapperDiv { 
	 margin: 0px auto 0px; 
		}	



	/* -- Header Stucture -- */
	
	#mainHeaderDiv {
		height:126px;
		background: url(../images/headerback.gif) repeat-x;
		margin: 0px auto 0px; 
		}
	
	#mainHeaderDivInner {
		width: 887px; /*page width*/
		position: relative;
		margin: 0px auto 0px; 
		}
	
	.logo {
		position:absolute;
		top: 9px;
		}
		
	.phoneNumber {
		position:absolute;
		top: 32px;
		left: 110px;
		}

	/* -- Nav Stucture -- */

	#mainNavTopStrutDiv {
		height:88px;
		}
	
		
	
	/* -- Page Wrapper Stucture -- */
	
	#pageWrapperDiv {	
		
		width: 887px; /*page width*/
		
		margin: 0px auto 0px; 
		text-align: left; background-color: #fff;
		}
		
		

	/* -- breadcrumb Stucture -- */
	
	#breadcrumbStrut {
		height: 2.5em;
		 }
		
		
	#breadcrumbStrutPadding {
		
		padding-top:1.6em;
		padding-bottom:13px;
		
		}
		
	
	
	#breadcrumb {
		background: url(../images/breadcrumbrule.gif) repeat-x;
		height: 2.5em;
		}
		
	

	#breadcrumb ul {
		float:left;
		margin: 7px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		display: inline;
		border: none;
		} 

	#breadcrumb ul li {
		font-size: 1.1em;
		margin-left: 0;
		padding-left: 2px;
		border: none;
		list-style: none;
		display: inline;
		color: #4b4b4b;
		}
	
	
	#breadcrumb p.bookmark {
		margin: 7px 0px 0px 0px;
		text-align:right;
		float: right;
		}
		
		
	#breadcrumbStrutBottom {
		height: 2px;
		background: url(../images/breadcrumbrule.gif) repeat-x;
		line-height:0px;font-size:1px;
		}	
		
	
	
	/* -- Site Content -- */

	#siteContentPaddingDiv { 
	padding-top:0px;
	}
	
	
/* -- Main Top Navigational links Stucture -- */


ul#mainNavTop { /* navigation list style */

	list-style: none;
	margin: 0;
	float: right;
	border: 1px solid #6b6c6c;
	border-top: none;
}


ul#mainNavTop li{ /* navigation list item style */		
	display: block;
	float: left;
	margin: 0px;
	height: 33px;
}


ul#mainNavTop a{ /*navigation link style - sets the button size etc*/
	display:block;
	margin: 0px;
	line-height: 33px;
	text-align: center;
}
	

	/* -- Main Navigational links Stucture -- */

	#mainNavDiv { /*setup a div for the navigation*/
		
		width: 887px; /*page width*/
		height: 38px;
		margin: 0px auto 0px; 
		padding: 0px;
		}
	
	

	#mainNavDiv ul{ /* navigation list style */
		display: inline;
		width: 466px; /*tabs width*/
		height: 38px;
		list-style: none;
		float: right;
		margin: 0px;
		padding: 0px;
		
		}


	#mainNavDiv ul li{ /* navigation list item style */
		display: inline;
		margin: 0px;
		
		}


	#mainNavDiv a{ /*navigation link style - sets the button size etc*/
		height: 38px;
		
		display:block;
		margin: 0px;
		
		float: left; 
		}
	
	
	#mainNavDiv .hideText {
	padding: 14px 0px 5px 12px;
	display:block;
	
	}
	
	#mainNavDiv a.selected .hideText {
	padding: 15px 0px 5px 12px;
	display:block;
	
	}
	
	/* --- Homepage --- */


.go-button {
float:left; padding-left:18px; 
position:relative; top:-3px;

}


.homedropdown {
float:left; width:216px;
}

/* --- Top Panels --- */
#panel1DivOutP{
display:inline;
float:left;
padding:2px 1px 0 0;
}

#panel2DivOutP{
display:inline;
float:left;
padding:2px 1px 0 0;
}

#panel3DivOutP{
padding:2px 0 0 0;
float:left;
display:inline;
}

#panel4DivOutP{
display:inline;
float:left;
}

#panel1Div {
width:295px;

background-color:#ccc;
}

#panel2Div {
width:295px;

background-color:#ccc;
}

#panel3Div {
width:295px;
background-color:#ccc;
}

#panel4Div {
width:295px;
background-color:#ccc;
}

.button {
height: 4em;
display:block; width:295px;
}

#panel1DivOutP .button {
background: #343434 url(../images/servicedbut.gif) no-repeat;
}

#panel2DivOutP  .button {
background: #343434 url(../images/meetingbut.gif) no-repeat;
}

#panel3DivOutP  .button {
background: #343434 url(../images/virtualbut.gif) no-repeat;
}

#panel4DivOutP  .button {
background: #555555 url(../images/latestbut.gif) no-repeat;
}

.buttonPadding {
border-bottom: 1px solid #f4f4f4;
}


.buttonInPadding {
padding-top:14.55px;
padding-left:11px;
}

.content {
height: 10em;
min-height: 10em;
}

.contentPadding {
border-bottom: 1px solid #b5b5b5;
}

.dropdown {
/*height: 7.0em;*/
}

.dropdownPadding {
border-top: 1px solid #f4f4f4;
}

.dropdownInPadding {
padding: 14px 16px 16px 16px;

}


.contentInPadding {
padding: 14px 16px 16px 16px;

}	

	


#homeBotPanelDiv {
float:left;display:inline;
padding-top:20px;
padding-bottom:4em;
}	
	
.image {
height: 135px;
}	
	
.imagePadding {
border-bottom: 1px solid #b5b5b5;
}	

.newsTextPadding {
padding: 18px 21px 24px;
}


	/* -- panel 5 (main) -- */

#panel5DivOutP{
display:inline;
float:left;
position:relative;
padding-left: 13px;
}

#panel5Div #mainTextContent {
padding: 0px;
}

#panel5Div {
width:576px;
background: url(../images/dots-single.gif) repeat-x;
}



.headingInPadding {
padding:0.5em 0em 0.5em 3px;
}

.mainTextPadding {
background: url(../images/dots-single.gif) repeat-x;

}

.mainTextInPadding {
padding-top:2em;
}



#iconsPan5 {
position:absolute;
left:352px;top:9px;
}



#landingTopPanelDiv {
	
}

#landingBottomPanelDiv {
	padding: 0px 0px 0px 0px;
}


#bannerLanding {
padding-bottom:8px;

}

#landingPanel1DivOutB {
	border: 1px solid #b5b5b5;	
}

#landingPanel1DivOutP {

	padding: 0px 0px 8px 0px;
}

#servicedOffPageDiv #landingPanel1DivOutP, #meetingRoomPageDiv #landingPanel1DivOutP, #virtualOffPageDiv #landingPanel1DivOutP {
	float: left;
	padding: 0px 1px 8px 0px;
}




#landingPanel2DivOutP {
	float: left;
	padding: 0px 0px 8px 0px;
}

#landingPanel3DivOutP {
	float: left;
	padding: 0px 1px 8px 0px;
}

#landingPanel4DivOutP {
	float: left;
	padding: 0px 0px 8px 0px;
}

#landingPanel5DivOutP {
	float: left;
	padding: 0px 0px 0px 0px;
}

#landingPanel6DivOutP {
	float: left;
	padding: 0px 1px 0px 0px;
}

#landingPanel1Div {
	width: 220px;
}

#landingPanel2Div {
	width: 666px;
	background-color: #efefef;
}

#landingPanel3Div {
	width: 220px;
}

#landingPanel4Div {
	width: 666px;
}

#landingPanel5Div {
	width: 666px;
}

#landingPanel6Div {
	width: 220px;
}

#landingPanel1DivHeader {
	width: 220px;
	background: url('../images/bar-background.gif') repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #262626;
	border-bottom: 1px solid #262626;
}

#servicedOffPageDiv #landingPanel1DivHeader, #SOdetailPage #landingPanel1DivHeader, #SOaboutPage #landingPanel1DivHeader, .SObookPage #landingPanel1DivHeader {
	width: 220px;
	background: url('../images/panel_header_gradient_green.gif') 0px 0px repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #5b7f01;
	border-bottom: 1px solid #5b7f01;
}



#meetingRoomPageDiv #landingPanel1DivHeader, #MRdetailPage #landingPanel1DivHeader, #MRaboutPage #landingPanel1DivHeader, .MRbookPage #landingPanel1DivHeader {
	width: 220px;
	background: url('../images/panel_header_gradient_orange.gif') 0px 0px repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #966001;
	border-bottom: 1px solid #966001;
}



#virtualOffPageDiv #landingPanel1DivHeader, #VOdetailPage #landingPanel1DivHeader, #VOaboutPage #landingPanel1DivHeader, .VObookPage #landingPanel1DivHeader {
	width: 220px;
	background: url('../images/panel_header_gradient_purp.gif') 0px 0px repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #510158;
	border-bottom: 1px solid #510158;
}




#servicedOffPageDiv #landingPanel2DivHeader {
	width: 666px;
	background: url('../images/bar-background.gif') repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #262626;
	border-bottom: 1px solid #262626;
}

#meetingRoomPageDiv #landingPanel2DivHeader {
	width: 666px;
	background: url('../images/bar-background.gif') repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #262626;
	border-bottom: 1px solid #262626;
}

#virtualOffPageDiv #landingPanel2DivHeader {
	width: 666px;
	background: url('../images/bar-background.gif') repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #262626;
	border-bottom: 1px solid #262626;
}


#servicedOffPageDiv #landingPanel3DivHeader {
	width: 220px;
	background: url('../images/panel_header_gradient_green.gif') 0px 0px repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #5b7f01;
	border-bottom: 1px solid #5b7f01;
}

#meetingRoomPageDiv #landingPanel3DivHeader {
	width: 220px;
	background: url('../images/panel_header_gradient_orange.gif') 0px 0px repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #966001;
	border-bottom: 1px solid #966001;
}


#virtualOffPageDiv #landingPanel3DivHeader {
	width: 220px;
	background: url('../images/panel_header_gradient_purp.gif') 0px 0px repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #510158;
	border-bottom: 1px solid #510158;
}




#landingPanel4DivHeader {
	width: 666px;
	background: url('../images/bar-background.gif') repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #262626;
	border-bottom: 1px solid #262626;
}







#landingPanel5DivHeader {
	width: 666px;
	background: url('../images/panel_header_gradient.gif') repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #262626;
	border-bottom: 1px solid #262626;
}




#servicedOffPageDiv #landingPanel6DivHeader {
	width: 220px;
	background: url('../images/panel_header_gradient_orange.gif') 0px 0px repeat-x;
	height: 3.1em;
	background-color: #966001;
	border-bottom: 1px solid #966001;
}


/*landingPanel1Div*/


.landingImg {
display:inline;
padding-top:1px;
float: right;

}

#landingPanel1DivHeader h1, #landingPanel2DivHeader h1, #landingPanel3DivHeader h1, #landingPanel4DivHeader h1, #landingPanel5DivHeader h1,  #landingPanel6DivHeader h1 {
	font-weight:normal;
	color: #fff;
	font-size: 1.2em;
	padding: 0.7em 11px;
	margin: 0px;
}

#landingPanel1DivHeader h2, #landingPanel2DivHeader h2, #landingPanel3DivHeader h2, #landingPanel4DivHeader h2, #landingPanel5DivHeader h2,  #landingPanel6DivHeader h2 {
	font-weight:normal;
	color: #fff;
	font-size: 1.2em;
	padding: 0.7em 11px;
	margin: 0px;
}

#landingPanel1DivHeader h3, #landingPanel2DivHeader h3, #landingPanel3DivHeader h3, #landingPanel4DivHeader h3, #landingPanel5DivHeader h3,  #landingPanel6DivHeader h3 {
	font-weight:normal;
	color: #fff;
	font-size: 1.2em;
	padding: 0.7em 11px;
	margin: 0px;
}

#landingPanel1DivBanner {
	border-top: 1px solid #fafafa;
}

#landingPanel1DivMiddle {
	background-color: #efefef;
	/*height: 164px;*/
	height: 20em;
}

#landingPanel1DivMiddle ul {
	margin: 0;
}

#landingPanel1DivMiddle ul li{
	width: 200px;
	padding: 12px 10px;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #c6c6c6;
}

#landingPanel1DivMiddle ul li.landingPanel1Menu1 {
	padding: 20px 10px 13px 10px;
}

#landingPanel1DivMiddle ul li.landingPanel1Menu4 {
	padding: 12px 10px;
	border-bottom: none;
}

.landingPanel1Menu1Label {
	color: #4c4c4c;
	font-size: 1.1em; 
}

#landingPanel1DivMiddle ul li select {
	margin: 8px 0px 0px 0px;
}

#landingPanel1DivMiddle ul li a {
	font-weight:normal;
	color: #4c4c4c;
	font-size: 1.1em;
}








#landingPanel2DivMiddle {
	background-color: #efefef;
	/*height: 210px;*/
	height: 20em;
	width:445px;
}

#landingPanel2DivMiddlePad {

padding: 20px 18px 0px 18px;
}


#landingPanel2DivMiddle p {
	font-size: 1.1em;
	line-height: 1.6em;
	color: #4c4c4c;
	width:400px;
}

#landingPanel2DivMiddle h2 {
	margin: 0px 0px 0px 0px;
	font-size: 1.1em;
}





#landingPanel3DivMiddle {
	border-top: 1px solid #fafafa;
	background-color: #efefef;
	height: 30.9em;
	
}


#servicedOffPageDiv #landingPanel3DivMiddle {
	height: 23.9em;	
}

#servicedOffPageDiv #pageWrapperDiv #landingPanel4DivMiddle a, #servicedOffPageDiv #pageWrapperDiv #landingPanel5Div a, #SOdetailPage #mainTextContent a, #SOaboutPage #mainTextContent a
{
	color: #489B05;
}

#meetingRoomPageDiv #pageWrapperDiv #landingPanel2Div a, #meetingRoomPageDiv #pageWrapperDiv #landingPanel5Div a, #MRdetailPage #mainTextContent a, #MRaboutPage #mainTextContent a
{
	color: #D08605;
}

#virtualOffPageDiv #pageWrapperDiv #landingPanel2Div a, #virtualOffPageDiv #pageWrapperDiv #landingPanel5Div a, #VOdetailPage #mainTextContent a, #VOaboutPage #mainTextContent a
{
	color: #8C2E94;
}

#landingPanel3DivMiddle img {
	/*border: 1px solid #b4b4b4;*/
}

#landingPanel3DivMiddle p, #landingPanel6DivMiddle p  {
	
	font-size: 1.1em;
	padding: 9px 0px 5px 10px;
	color: #4c4c4c;
}



#landingPanel3DivMiddle p a, #landingPanel6DivMiddle p a{
	color: #4c4c4c;
	font-weight: normal;
}







#landingPanel4DivMiddle {
	background-color: #efefef;
	
	height: 24em;
}

#landingPanel4DivMiddlePad {
padding: 20px 18px 0px 18px;

}

#landingPanel4DivMiddle p {
	font-size: 1.1em;
	line-height: 1.6em;
	color: #4c4c4c;
	width:400px;
}











#landingPanel5DivMiddle {
	background-color: #efefef;
	padding: 2em 18px 0px 18px;
	height: 29em;
}

#landingPanel5DivMiddle p {
	color: #4c4c4c; 
}

#landingPanel5DivMiddle ul {
	margin: 10px 0px 0px;
}

#landingPanel5DivMiddle ul li {
	background: url('../images/bullet_tick_green.png') 0 2px no-repeat;
	padding-left: 24px;
	font-size: 1.1em;
	margin: 0px 0px 9px;
}

#landingPanel5DivMiddleLeft {
	float: left;
	padding: 0px;
	width: 322px;
}

#landingPanel5DivMiddleRight {
	float: left;
	padding: 0px;
}




#landingPanel6DivMiddle {
	border-top: 1px solid #fafafa;
	background-color: #efefef;
	height: 30.9em;
	
}

#landingPanel6DivMiddle img {
	/*border: 1px solid #b4b4b4;*/
}

#landingPanel6DivMiddle p {
	
	font-size: 1.2em;
	line-height: 1.6em;
	color: #4c4c4c;
}




.searchNavigationTop {
	margin: 12px 0px 0px 0px;
}

.searchNavigationBottom {
	margin: 12px 0px 0px 0px;
}

#newsDetailContentPadding {
	padding: 20px 0px 0px 0px;
}


.articleListItem p {

padding:14px 0px 14px 0px;

}


.articleListItem a {

padding: 0px;

}

	/* -- Left Column -- */
		
	#leftNavColDiv {
		display:inline;
		width: 222px; /*left Col. width*/
		
		float:left;
		/*background: orange;*/
		}
		
	.leftNavColPaddingDiv {
		padding: 0 0 50px 0;
	}





	/* -- Left Navigational links Stucture -- */

	
	#leftColNewsDivBord {
		border: 1px solid #b5b5b5;
	}
	
	#leftColNewsDivPad {
		padding-top:0px;
	}
	
	#leftColNewsDiv {
		width: 220px;
		background-color: #efefef;
	}
	
	#leftColNewsTop {
	
	width: 220px;
	background: url('../images/panel_header_gradient.gif') repeat-x;
	/*height: 31px;*/
	height: 3.1em;
	background-color: #737373;
	border-bottom: 1px solid #585858;
	
	}
	
	#leftColNewsTop h3 {
		margin: 0px;
		font-weight: normal;
		color: #fff;
		font-size: 1.2em;
		padding: 0.7em 0.8em;
		margin: 0px;
		
	}
	
	#leftColNewsMiddle {
		
		width: 220px;
	}
	
	
	
	#leftColNewsBottom {
		width: 220px;
	}
	
	
	
	#leftColNewsMiddleUpper {
		border-top: 1px solid #f4f4f4;
		border-bottom: 1px solid #737373;
	}
	
	#leftColNewsMiddleLower {
		border-top: 1px solid #f4f4f4;
		padding: 9px 12px 14px; 
	}
	
	#leftColNewsMiddleLower p {
		color: #4c4c4c;
		
	}
	
	
	#leftColNewsMiddleLower p {
		margin: 0px;
		font-size: 1.1em;
		line-height: 1.5em;
	}
	
	
	
	
	
	
	

	/* -- Right Column - Content -- */
	

	#rightContColDiv  {
		display:inline;
		float:left;
		width:665px; /* right col. width (site width - left col.) */
		}

	#rightContColPaddingDiv {
		padding: 0px 0px 50px 10px; 
		}


	/* -- Text Column  -- */
	#mainTextContent {
	padding: 0px 0px 0px 13px; 
	}
	
	#newsPage #mainTextContent {
	padding: 0px 0px; 
	}
	
	
	#mainTextCol {
		width:642px; /* text col. width (site width - left col. - col. padding - {space left}) */
		}
		
	.dottedRule {
		height: 1px;
		width: 100%;
		background: url(../images/dots-single.gif) repeat-x;
	}
	
	#newsPage .dottedRule {
		display:block;
		margin-left:13px;
		width: 100%;
		background: url(../images/dots-single.gif) repeat-x;
	}
	
	.doubleDottedRule {
		height: 3px;
		width: 640px;
		background: url('../images/double_dotted_rule.gif') 0 0 repeat-x;
	}
	
	.doubleDottedRuleLower {
		height: 3px;
		width: 640px;
		background: url('../images/double_dotted_rule.gif') 0 0 repeat-x;
		margin-bottom: 2.4em;
	}
	
	#MainTextContentCentreIcons {
		position: relative;
	}
	
	#MainTextContentCentreIcons ul.environmentalIcons {
		list-style: none;
		margin: 0 0 0 -46px;
		padding: 0 0 0 0;
		float: left;
		width:369px;
	}
	
	#MainTextContentCentreIcons ul.environmentalIcons li {
		display: inline;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	
	#MainTextContentCentreIcons ul.environmentalIcons li.padIcon1 {
	padding: 0px 9px 0px 0px;
	border-right:1px solid #c3c3c3;
	}
	
	#MainTextContentCentreIcons ul.environmentalIcons li.padIcon2 {
	margin: 0px 0px 0px 9px;
	}
	
	.IconDivider {
	display:inline;
	}
			
	#MainTextContentCentreIcons h3 
	{
		margin: 0px 0px 0.3em 0px;
		font-weight: normal;
	}
	
	.environmentalIconsMore {
		display: block;
		text-align: right;
		margin: 0px 2px 5px 0px;
	}
	
	.newsListItemPadding {
		padding: 2.7em 0px;
	}
	
	.newsListItemArchivePadding {
		padding: 1.2em 0px 0px;
	}
	
	#newsListArchivePadding {

	}
	
	
	#pageNavIdDiv {
	width: 655px;
	background: #343434 url('../images/bar-background.gif') 0px 0px repeat-x;
	height: 3.1em;
	border-top: 8px solid #fff;
	}

	#pageNavIdDiv h1 {
	font-weight: normal;
	color: #fff;
	font-size: 1.2em;
	padding: 0.7em 0.8em;
	margin: 0px;
	}
	
	#pageNavIdDiv h3 {
	font-weight: normal;
	color: #fff;
	font-size: 1.2em;
	padding: 0.7em 0.8em;
	margin: 0px;
	}


/* -- detail page -- */




	/* -- Footer Stucture -- */

	#siteFooterWrapperPadDiv {
	margin-top:3em;
	}
	
	
	#siteFooterWrapperDiv {
	margin: 0px auto 0px; 
	height: 25em;
	background: url(../images/fotttopback.gif) repeat-x;
	}


	#siteFooterTopDiv {
		width: 887px; /*page width*/
		margin: 0px auto 0px; 
		height: 3.7em;	
	} 
	
	
	#siteFooterBotDiv {
		background: url(../images/dots-single.gif) repeat-x;
		width: 902px; /*page width*/

		margin: 0px auto 20px auto; 
		height: 2em;
		
	} 
	
	
	#siteFooterTopPaddingDiv {
		padding: 1.3em 0;
	}
	
	#siteFooterBotPaddingDiv {
		padding: 0.7em 0;
	}

	ul#siteFooterTopLinks, ul#siteFooterBotLinks  { 
		margin:0px;
		display: inline;	
		}

	#siteFooterTopLinks li, #siteFooterBotLinks li { 
		display: inline;
		color: #7f7f7f;
		font-size: 1.1em;
		}
		
	#siteFooterTopLinks li a, #siteFooterBotLinks li a {
		color: #7f7f7f;
	} 

	#siteFooterTopLinks .first, #siteFooterBotLinks .first{
		float:left;
		padding-left: 0px;
		border-right: #7f7f7f 1px solid;
		padding-right: 9px;
		}
		
	#siteFooterBotLinks .first {
		padding-right: 5px;
	}
	
	#siteFooterTopLinks .second, #siteFooterBotLinks .second{
		float:left;
		padding-left: 9px;
		padding-right: 9px;
		border-right: #7f7f7f 1px solid;
		}
		
	#siteFooterBotLinks .second {
		padding-left: 5px;
		padding-right: 5px;
	}
		
	#siteFooterBotLinks .third{
		padding-right: 5px;
		border-right: #7f7f7f 1px solid;
		float:left;
		padding-left: 5px;
		}
	
	#siteFooterTopLinks .third, #siteFooterBotLinks .forth{
		
		padding-left: 9px;
		}
		
	
	#siteFooterBotLinks .forth {
		padding-left: 5px;
	}
	
	
	#siteFooterTopLinks .last, #siteFooterBotLinks .last 
	{
		float:right;
		padding-left: 9px;
		}		
		
		
#social-media { width: 887px;display: block;margin: 20px auto;padding: 1px 0 0;}
#social-media li { display: block;float: right;margin: 0 0 0 10px; }
#social-media a { display: block;height: 63px;width: 64px;text-indent: -9999px;background: no-repeat scroll left top; }
#social-media a:hover { margin-top: -1px;}
#social-media a.twitter { background-image: url(/images/twitter.png); }		
#social-media a.facebook { background-image: url(/images/facebook.png); }	
		
	
#siteFooterMidDiv 
{
	clear: both;
	position:relative;
	height:29.5em;
	width: 887px; /*page width*/
	margin: 0px auto 0px;
	background: url(../images/dots-single.gif) repeat-x;
}
		
.siteFooterMidDivLogos {	
	width:887px;
	height: 47px;
	position:absolute;
	top:16.7em;
}
	
#siteFooterLogoLinks {	
	width:887px;
	position:absolute;
	top:21.8em;
}
	
#siteFooterLogoLinks .siteFooterLogoCarbon 
{
	position:absolute;
	top:0px;
	left: 0px;
}
	
#siteFooterLogoLinks .siteFooterLogoAct 
{
	position:absolute;
	top:3px;
	left: 180px;
}
	
#siteFooterLogoLinks .siteFooterLogoDyson 
{
	position:absolute;
	top:13px;
	left:370px;
}
	
#siteFooterLogoLinks .siteFooterLogoEcotricity 
{
	position:absolute;
	top:15px;
	left: 573px;
}
	
#siteFooterLogoLinks .siteFooterLogoEcologist 
{
	position:absolute;
	top:1px;
	left: 770px;
}
	
#siteFooterMidDiv1 { 
	width:400px;
	position:absolute;
	top:4em; left:50px;
	}
#siteFooterMidDiv2 { 
	width:300px;
	position:absolute;
	top:4em;left:515px;	
	}
		
#siteFooterMidDiv3 { 
	width:400px;
	position:absolute;
	top:12em; left:50px;	 
	}
		
#siteFooterMidDiv4 { 
	width:400px;
	position:absolute;
	top:12em;left:515px;	
	}	
		
		
		
		
#siteFooterMidDiv ul { 
		
	display: inline;	
	}
	
#siteFooterMidDiv h3 { 
		
	padding-bottom:0.3em;	
	}
		
#siteFooterMidDiv li { 
	margin-top:0.4em;
	display: inline;
	color: #a6a6a6;
	font-size: 1.1em;
	}
		
#siteFooterMidDiv li a {
	color: #a6a6a6;
} 
	
#siteFooterMidDiv4 li { 
	color: #7f7f7f;
	}
		
#siteFooterMidDiv4 li a {
	color: #7f7f7f;
}

#siteFooterMidDiv .first {
	float:left;
	padding-left: 0px;
	border-right: #a6a6a6 1px solid;
	padding-right: 10px;
	}
		
#siteFooterMidDiv .firstMeeting {
	float:left;
	padding-left: 0px;
	padding-right: 10px;
	}
		
#siteFooterMidDiv4 .first {
	border-right: #7f7f7f 1px solid;
	}
	
#siteFooterMidDiv .second {
	float:left;
	padding-left: 10px;
	padding-right: 10px;
	border-right: #a6a6a6 1px solid;
	}
		
#siteFooterMidDiv4 .second {
	border-right: #7f7f7f 1px solid;
	}
		
#siteFooterMidDiv .third  {
	float:left;
	padding-left: 10px;
	}
		
#siteFooterMidDiv4 .third {
	padding-right: 10px;
	border-right: #7f7f7f 1px solid;
	}

#siteFooterMidDiv .last { 
	float: left;
	padding-left: 10px;
	border-left: none;
	}			

#siteFooterMidDiv .lastMeeting { 
	float: left;
	padding-left: 0px;
	border-left: none;
	}	


		

				
/* ---------- 3. links and navigation ---------- */

#pageWrapperDiv a {/* default link style */
	color:#383838;
	font-weight: bold;
	}
		
#pageWrapperDiv a:hover {/* default hover state style */
	color:#262626;
	text-decoration: underline;
	}

#breadcrumb a {/* breadcrumb nav elements */
	color: #545555;
	}

	
	

/* -- Top Navigational Links text styles -- */

#mainNavTop a:link {
	color: #ccc;
	text-decoration: none;
	}

#mainNavTop a:visited {
	color: #ccc;
	text-decoration: none;
	}

#mainNavTop a:hover {
	color: #ccc;
	text-decoration: underline;
	}

#mainNavTop a:active {
	color: #ccc;
	text-decoration: underline;
	}

#mainNavTop li a.selected {
	color: #fff;
	}



#mainNavTop #mainLinkTop02 a:link {
	color: #e1e1e1;
	text-decoration: none;
	}

#mainNavTop #mainLinkTop02 a:visited {
	color: #e1e1e1;
	text-decoration: none;
	}

#mainNavTop #mainLinkTop02 a:hover {
	color: #e1e1e1;
	text-decoration: underline;
	}

#mainNavTop #mainLinkTop02 a:active {
	color: #e1e1e1;
	text-decoration: underline;
	}

#mainNavTop #mainLinkTop02 a.selected {
	color: #fff;
	}





/* -- top-level navigation graphic rollovers -- */

#mainNavTop li a:hover {
	background-position: 0 0px;
	}
#mainNavTop li.selected {
	background-position: 0 -33px;
	}
#mainNavTop li a.selected {
	background-position: 0 -33px;
	}
#mainNavTop li a.selected:hover {
	background-position: 0 -33px;
	}
	

#mainLinkTop01, #mainLinkTop01 a{
	width: 64px;
	background: url(../images/mainLinkTop01_e.gif) 0 0 no-repeat;
	}
#mainLinkTop02, #mainLinkTop02 a{
	width: 120px;
	background: url(../images/mainLinkTop02_e.gif) 0 0 no-repeat;
	}
#mainLinkTop03, #mainLinkTop03 a{
	width: 64px;
	background: url(../images/mainLinkTop03_e.gif) 0 0 no-repeat;
	}
#mainLinkTop04, #mainLinkTop04 a{
	width: 60px;
	background: url(../images/mainLinkTop04_e.gif) 0 0 no-repeat;
	}
#mainLinkTop05, #mainLinkTop05 a{
	width: 71px;
	background: url(../images/mainLinkTop05_e.gif) 0 0 no-repeat;
	}		
#mainLinkTop06, #mainLinkTop06 a{
	width: 64px;
	background: url(../images/mainLinkTop06_e.gif) 0 0 no-repeat;
	}
#mainLinkTop07, #mainLinkTop07 a{
	width: 60px;
	background: url(../images/mainLinkTop04_e.gif) 0 0 no-repeat;
	}
#mainLinkTop08, #mainLinkTop08 a{
	width: 96px;
	background: url(../images/mainLinkTop08_e.gif) 0 0 repeat;
	}
	
	
	
	
	

/* -- Top Navigational Links text styles -- */

#mainNavDiv a:link {
	color: #fff;
	text-decoration: none;
	}

#mainNavDiv a:visited {
	color: #fff;
	text-decoration: none;
	}

#mainNavDiv a:hover {
	color: #fff;
	text-decoration: underline;
	}

#mainNavDiv a:active {
	color: #fff;
	text-decoration: underline;
	}

#mainNavDiv #mainNav li a.selected {
	color: #000;
	}




/* -- top-level navigation graphic rollovers -- */

#mainNavDiv li a:hover {
	background-position: 0 -38px;
	}
#mainNavDiv li.selected {
	background-position: 0 -76px;
	}
#mainNavDiv li a.selected {
	background-position: 0 -76px;
	}
#mainNavDiv li a.selected:hover {
	background-position: 0 -76px;
	}
	
#mainNavDiv li {
width: 155px;display:block;
}
#mainNavDiv li #mainLink02 {
width: 155px; background: red;
}
#mainNavDiv li #mainLink03 {
width: 155px;
}
	
#mainLink01, #mainLink01 a{
	width: 156px; display:block;
	background: url(../images/mainLink01_e.gif) 0 0 no-repeat;
	}
#mainLink02, #mainLink02 a{
	width: 156px;
	background: url(../images/mainLink02_e.gif) 0 0 no-repeat;
	}
#mainLink03, #mainLink03 a{
	width: 154px;
	background: url(../images/mainLink03_e.gif) 0 0 no-repeat;
	}
	




/* -- home tabs Navigational Links -- */

#panel1Div a:link, #panel2Div a:link, #panel3Div a:link {
	color: #fff;
	text-decoration: none;
	}

#panel1Div a:visited, #panel2Div a:visited, #panel3Div a:visited {
	color: #fff;
	text-decoration: none;
	}

#panel1Div a:hover, #panel2Div a:hover, #panel3Div a:hover {
		
	color: #fff;
	text-decoration: underline;
	}

#panel1Div a:active, #panel2Div a:active, #panel3Div a:active {
	background-color: #fff;
	color: #fff;
	text-decoration: none;
	}
		


/* -- Left Navigational Links -- */

#subNavDiv a:link {
	color: #000;
	text-decoration: none;
	}

#subNavDiv a:visited {
	color: #000;
	text-decoration: none;
	}

#subNavDiv a:hover {
	/*background-color: #acacac;*/
	/*color: #000;*/
	text-decoration: underline;
	}

#subNavDiv a:active {
	background-color: #fff;
	color: #000;
	text-decoration: none;
	}
	
/* -- main content Links -- */
	
#mainTextContent  a:link {
	background-color: transparent;
	color:#383838;
	font-weight:bold;
	}

#mainTextContent a:visited {
	background-color: transparent;
	color: #383838;
	font-weight:bold;
	text-decoration: none;
	}

#mainTextContent a:hover {
	background-color: transparent;
	color: #262626;
	font-weight:bold;
	text-decoration: underline;
	}

#mainTextContent a:active {
	background-color: transparent;
	color: #262626;
	font-weight:bold;
	text-decoration: underline;
	}
		
#mainTextContent a.articleTitle {
		
	background: transparent url(../images/news_bullet.gif) no-repeat scroll 1pt 50%;
	margin-top:20px;
	padding: 0px 0px 0px 13px;
	font-weight: bold;
	color:#262626;
}
	
#mainTextContent a.articleTitle:hover {
	background:transparent url(../images/news_bullet.gif) no-repeat scroll 2pt 50%;
}
	
#mainTextContent a.articleReadMore {
	background:transparent url(../images/news_bullet_readmore.gif) no-repeat scroll 5px 50%;
	padding: 0px 13px;
	color: #7a7a7a;
	font-size: 1.1em;
	font-weight:normal;
}
	
#mainTextContent a.articleReadMore:hover {
	background:transparent url(../images/news_bullet_readmore.gif) no-repeat scroll 6px 50%; font-weight:normal;
}



#mainTextContent p.linkTop a:link {

font-weight:normal;

}

#mainTextContent p.linkTop a{
padding-top:5px;
font-size: 0.9em;
float:right;
}



#detailPanelDiv {
width: 653px; height: 6em;
background-color: #efefef;
border:1px solid #b5b5b5;
}

#detailPanelPadODiv {
padding-top: 5px;
}

#detailPanelPadIDiv {
padding: 5px 10px 10px 10px;
}

#detailPleftDiv {
float:left;
width:260px;
}


#detailPrightDiv {
padding-top:4px;
float:right; width:325px;
}




#error {

float:left; margin-top:50px; padding-right:50px;

}


#errorText {

float:left; margin-top:40px; 

}

#errorText h1 {

color: #c00005;

}

#errorText p {
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
color: #262626;

}


/* ---------- 4. fonts ---------- */


ul {
	color:#4c4c4c;
}
#breadcrumb p a, #breadcrumb li a{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #4b4b4b;
		}
	
#breadcrumb {
	color: #545555
	}
	
	
#mainNavDiv a {
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
}
	 
#mainNavTopDiv a {
font: 1.1em Verdana, Arial, Helvetica, sans-serif;
}
	
/* -- main text font styles -- */
	
#mainTextContent h1.homeHeading {
	margin-top: 0em;
	margin-bottom: 0.1em;
	font-family:  Myriad Pro, Myriad Web, Verdana, Arial, Helvetica, sans-serif;
	font-size: 3em;
	font-weight: normal;
	color: #262626;
	}
		
#mainTextContent h2.homeSubHeading {
	margin: 0px;
	font-family:  Myriad Pro, Myriad Web, Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	font-weight: normal;
	color: #262626;
	}
	
#mainTextContent h3 {
		
	font-weight: normal;
		
	}
	
#mainTextContent h1.pageHeading {
	font-family:  Myriad Pro, Myriad Web, Verdana, Arial, Helvetica, sans-serif;
	font-size: 3em;
	font-weight: normal;
	color: #262626;
	margin-top: 0.8em;
	margin-bottom: 0.5em;
	}
		
	
#SOaboutPage #mainTextContent h1.pageHeading, .SObookPage #mainTextContent h1.pageHeading, #SOdetailPage #mainTextContent h1.pageHeading, #SOdetailPage #mainTextContent h2 {
	color: #489b05;
	}
	
	
	
#MRaboutPage #mainTextContent h1.pageHeading, .MRbookPage #mainTextContent h1.pageHeading, #MRdetailPage #mainTextContent h1.pageHeading, #MRdetailPage #mainTextContent h2 {
	color: #d08605;
	}
		
	
		
#VOaboutPage #mainTextContent h1.pageHeading, .VObookPage #mainTextContent h1.pageHeading, #VOdetailPage #mainTextContent h1.pageHeading, #VOdetailPage #mainTextContent h2 {
	color: #8c2e94;
	}
	
	
#BVaboutPage #mainTextContent h1.pageHeading {
	color: #489b05;
	}
	
		
#newsPage #mainTextContent h1.pageHeading {
	padding-left:13px;
	}	
		
#mainTextContent h2.pageSubheading {
	margin: 0px 0px 1em 0px;
	font-family:  Myriad Pro, Myriad Web, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-weight: normal;
	color: #262626;
	}
		
#newsPage h2.pageSubheading {
	padding-left:13px;
	}	
		
		
#mainTextContent h2 {
	margin: 1.3em 0px 0.9em 0px;
	font-family:  Myriad Pro, Myriad Web, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-weight: normal;
	color: #000;
	}
	
#mainTextContent h2.shout-it 
{
	color: #b1102b;
}	
		
#mainTextContent p {
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	color: 	#262626;
	}
		
		
	#mainTextContent p strong {
	color:#3c3c3c;
		
	}
		
		
#mainTextContent li {
	color: 	#262626;
	}
		
		
#newsPage #mainTextContent p {
	padding-left:13px;
	margin-bottom:1.2em;
	}
		
		
#mainTextContent p.homeText {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	margin-bottom: 1.1em;
	}

#mainTextContent a {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	}
		
#mainTextContent dl {
	font-size: 1.2em;
	margin-left: 0px;
}
	
#mainTextContent ol {
	margin-left: 2em;
}
		
#mainTextContent ol li {
	font-size: 1.2em;
	line-height: 1.7em;
	list-style-position: outside;
}
 
#pageWrapperDiv #homeTopPanelDiv p a {
	color:#3f3f3f;
	}
		
#homeTopPanelDiv .button a, #homeBotPanelDiv .button a {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0em;
	line-height:1.6em;
	color:#fff;
	}	
		
#homeTopPanelDiv .content p, #homeBotPanelDiv .content p {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0em;
	line-height:1.5em;
	color:#4c4c4c;
	}
		
#homeTopPanelDiv .dropdown p {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0.8em;
	line-height:1.5em;
	color:#4c4c4c;
	}
   
.newsText h2 {
	margin: 0px 0px 0px 0px;
}
   
.newsText p{
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin: 1.4em 0em 1.4em;
	line-height:1.5em;
	color:#4c4c4c;
}
	
.heading h1{
	font: 2.1em Verdana, Arial, Helvetica, sans-serif;
	margin: 0em 0em 0.5em 0em;
	color:#454545;
}
	
.heading h2{
	font: 1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #6f6c49;
	line-height:1.3em;
	margin: 0em 0em 0em 0em;
}
		
.mainText p{
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0em;
	line-height:1.5em;
	color: #343434;
	}
	
#siteFooterMidDiv h3 {
	margin: 0px;
	font-size: 1.1em;
	color: #7f7f7f;
	font-weight: normal;
}
	
.newsListItem h3 {

margin:0px;
}
	
.newsListItem .articleDate, .newsListItemArchive .articleDate {
	display:block;
	color: #7a7a7a;
	font-size: 1.1em;
	font-weight: normal;
	padding: 4px 0px 0px 13px;
}
	
.newsListItem p {
	margin: 1.2em 0px 0px 0px;
	padding: 0px 15px;
}
	
#newsListArchive h3 {
	font-weight: normal;
	margin: 0px 0px 0em;
}
	
#landingPanel5DivMiddle p {
	font-size: 1.1em;
}
	
/* -- list item styles -- */
	
	
#mainTextContent ul {
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin: 1.8em 0px 1.8em 0px;
	padding-left: 0em;
	text-indent: 0em;
	list-style-type: none;
	}
	
	
#mainTextContent ul li {
	background: url('../images/grey_bullet.gif') left center no-repeat ;
	padding-left: 20px;
	margin-bottom: 0.2em;
	}
	
#SOaboutPage #mainTextContent ul li {
	background: url('../images/bullet_tick_green.gif') left 4px no-repeat ;
	padding-left: 22px;
	margin-bottom: 0.5em;
	}
	
#MRaboutPage #mainTextContent ul li {
	background: url('../images/bullet_tick_orange.gif') left 4px no-repeat ;
	padding-left: 22px;
	margin-bottom: 0.5em;
	}
	
#contactTable01, #contactTable02, #contactTable03 {
width:214px; float:left;
font-size: 0.9em;
	
}
	
#contactTable01 strong, #contactTable02 strong, #contactTable03 strong {
display:block;
width:160px; 
	
}
	
	
#sitemapPageDiv #mainTextContent ul li{
background: none;
list-style: none;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;
font-size:1em;
}
	
	
	
#sitemapPageDiv #mainTextContent ul li a{
	
font-weight:bold;
color:#434343;
}
	
#sitemapPageDiv #mainTextContent ul ul li a{
	
font-weight:normal;
color:#494949;
}
	
	
#sitemapPageDiv #mainTextContent ul ul{
	
font-size:1em;
	
}

.deetHead {

font: 1.6em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
	
margin: 0em;
line-height:1.7em;
}
	
	
.deetSubHead {

font: 1.1em Verdana, Arial, Helvetica, sans-serif;
margin: 0em;
color:#3d3d3d;
}
	
	
	
	
	
#SOdetailPage .deetHead {
	color: #262626;
	}
		
	
#MRdetailPage .deetHead {
	color: #262626;
	}
		
#VOdetailPage .deetHead  {
	color: #262626;
	}
	
	
	
/* ---------- 5. images ---------- */

a img {/* remove borders from linked images */
	border: 0;
	}




/* ---------- 6. forms ---------- */

	


#loginPanelDivOutP {
float: left;
padding: 0px 1px 8px 0px;
}

#loginPanelDiv {

}

#loginPanelDivHeader {
width: 620px;
background: #343434 url('../images/servicedbut.gif') 0px -8px repeat-x;
/*height: 31px;*/
height: 3.1em;
background-color: #343434;
border-bottom: 1px solid #585858;
}

#loginPanelDivHeader h1 {
font-weight: normal;
color: #fff;
font-size: 1.2em;
padding: 0.7em 0.8em;
margin: 0px;
}

#loginPanelDivMiddle {
background-color: #efefef;
/*height: 164px;*/
padding: 20px;
}

#loginPanelDivMiddleLeft {
float: left;
padding: 8px 40px 8px 0px;
width: 228px;
}

#loginPanelDivMiddleRight {
width: 240px;
float: left;
border-left: 1px solid #ccc;
padding: 12px 0px 12px 40px;
}

.loginLabel {
width: 80px;
display: block;
float: left;
margin-bottom: 18px;
}

.loginButton {
float: right;
padding-right:14px;
padding-top:2px;
}


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

#ViewingPanelDivOutP {
float: left;
padding: 0px 1px 8px 0px;
}

#ViewingPanelDiv {

}

#ViewingPanelDivHeader {
width: 620px;
background: #343434 url('../images/servicedbut.gif') 0px -8px repeat-x;
/*height: 31px;*/
height: 3.1em;
background-color: #343434;
border-bottom: 1px solid #585858;
}

#ViewingPanelDivHeader h1 {
font-weight: normal;
color: #fff;
font-size: 1.2em;
padding: 0.7em 0.8em;
margin: 0px;
}

#ViewingPanelDivMiddle {
background-color: #efefef;
/*height: 164px;*/
padding: 20px;
}

#ViewingPanelDivMiddleLeftFull {
float: left;
padding: 8px 40px 8px 0px;
width: 228px;
}

.ViewingPanelDivMiddleLeftPart {
float: left;
padding: 20px 40px 20px 0px;
width: 228px;
}

.ViewingPanelDivMiddleLeftFull {
float: left;
padding: 12px 40px 12px 0px;
width: 228px;
}

#ViewingPanelDivMiddleRight {
width: 240px;
float: left;
border-left: 1px solid #ccc;
padding: 8px 0px 8px 40px;
}

.ViewingLabel {
width: 70px;
display: block;
float: left;
margin-bottom: 18px;
}

.bvDropdown {
width:145px;

}

.ViewingButton {
float: right;
padding-right:14px;
padding-top:2px;
}

/* ---------- 7. tables ---------- */
	
table {/* defaults */
	}
	

td p {/* bring paragraphs within cells to standard size */
	font-size: 1em;
	}
		
	/* table without borders */
		
table.noBorders {
	border: 0;
	}
		
table.noBorders td {
	border: 0;
	}
		
		
/* ---------- 8. misc stuff ---------- */




/*  tooltips  */
.tool-tip 			{ width:139px; z-index:13000; }
.tool-title 		{ font-weight:bold; font-size:11px; margin:0; color:#99c137; padding:8px 8px 4px; background:url(../images/tooltip.png) top left; }
.tool-text 			{ color:#fff; font-size:11px; padding:4px 8px 8px; background:url(../images/tooltip.png) bottom right; }	
	



/* ---------- 9. Styles for page specific content ---------- */

/* Video Tour */

#video-tour {
    width: 630px;
    height: 397px;
    margin: 2em auto 0;
    position: relative; 
    z-index: 1;
}

/* Testimonials */

.testimonial
{
margin: 0 0 3em;
padding: 10px 10px 25px;
border: 1px dotted #999;
position: relative;
background: url(../images/quote.png) no-repeat scroll right top;
}

.testimonial:before, .testimonial:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.testimonial:after { clear: both; }
.testimonial { zoom: 1; }

.testimonial img
{
float: left;
width: 15%;
margin: 0 0 20px;
padding: 3px;
border: 1px solid #ccc;
}
	
.testimonial h3
{
font-size: 1.6em;
float: right;
width: 80%;
margin: 0 0 0.5em;
}

#mainTextCol .testimonial p
{
font-size: 1.1em;
}	

#mainTextCol .testimonial p.client-link
{
margin: 0 0 0.75em;
padding: 0 0 0.75em;
border-bottom: 1px dotted #ccc;    
background: none;
width: 80%;
float: right;
margin: 0 0 1.5em;
}

#mainTextCol .testimonial p.client-link a
{
color: #CCC;
font-weight: normal;
}

#mainTextCol .testimonial p.excerpt
{
float: right;
width: 80%;   
}

#mainTextCol .testimonial p.read-more
{
float: right;
width: 80%;   
}

#mainTextCol .testimonial p.read-more a
{
font-weight: normal;
cursor: pointer;
color: #489B05;
}

#mainTextCol .testimonial p.read-more a.open
{
color: #D08605;
}

#mainTextCol .testimonial p.read-more a:hover
{
font-weight: bold;
text-decoration: none;
}

#mainTextCol .testimonial .more
{
float: right;
width: 80%; 
}


.testimonial cite
{
font-size: 1.2em;
color: #999;
font-style: italic;
position: absolute;
bottom: 10px;
right: 10px;
}


/* ------------ A. debug  ------------ */
		

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }
.clear { clear: both; }