/*************** PAGE SETTINGS ****************/

body {
	background-color: #D9D9D9;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/*************** CONTENT AREA ****************/

body,td,th {
	color: #888A8C;  /* Set MOST Text */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px; line-height:16px; color:#888A8C; text-decoration:none;
}
/* Text variations */
p.intro {
	line-height:21px; 
	display:block;
	margin:5px 30px 16px 17px;
}
.bulletNav {
	display: block; background: url(/images/bullet.gif) 0px 4px no-repeat; padding: 0px 0px 2px 15px;
}
.bulletContent {
	display: block; background: url(/images/bulletBlue.gif) 0px 4px no-repeat; padding: 0px 0px 2px 15px;
}
.bulletContentAtTop {
	display: block; background: url(/images/bulletBlue.gif) 0px 4px no-repeat; padding: 0px 0px 2px 15px; margin-top: 4px;
}
.bulletLevel2 {
	display: block; background: url(/images/bulletGreen.gif) 15px 4px no-repeat; padding: 0px 0px 2px 30px;
}
p.subheading {
	font-size: 12px; line-height:17px; 
	color: #b0d503; font-weight: bold; 
	margin-top: 15px; margin-bottom:0px;
}
p.subheadingAtTop {
	font-size: 12px; line-height:17px; 
	color: #b0d503; font-weight: bold; 
	margin-top: 0px; margin-bottom:0px;
}
p.bodytext {
	margin-top: 0px; margin-bottom:5px;	
}
p.clientName {
	font-size: 12px; line-height:21px; 
	color: #b0d503; font-weight: bold; 
	display:block;
	margin:5px 30px 16px 17px;
}
p.clientCaseName {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 19px; line-height:21px; 
	color: #b0d503; font-weight: lighter; 
	margin-top:0px;
	margin-bottom:2px;
}
p.clientCaseNameOUT {
	font-size: 12px; line-height:21px; 
	color: #b0d503; font-weight: bold; 
	margin-bottom:0px;
}
span.bodytextEm {
	font-style: italic;
}

/* All links
	Rollover: Orangey-Red: #F26540
	is it more legible than GH Green: #b0d503 */
a:link { color:#36BBE1; text-decoration:none }
a:visited { color:#36BBE1; text-decoration:none }
a:hover { color:#b0d503; text-decoration:none }

#contentLeftOuterCell {
	width: 274;
	background:url(/images/fx-content-top-shadow.gif) top repeat-x;
	background-color: #FFFFFF;
}
#contentRightOuterCell {
	width: 696;
	background:url(/images/fx-content-top-shadow.gif) top repeat-x;
	background-color: #FFFFFF;
}

#contentTitleCell {
	background:url(/images/fx-content-top-shadow.gif) top repeat-x;
	background-color: #FFFFFF;
}
#contentTitleCell span {
	background: url(/images/fx-dotted-grey-vert.gif) left repeat-y;
}
#contentMainCell {
	background: url(/images/fx-dotted-grey-vert.gif) left repeat-y;
}
#clientLogoGrid a {
	margin:0px 0px 0px 0px;
}


/*************** FOOTER ****************/

/* Tahoma or Arial ?
   Robert seems to have used Tahoma (in footer, .. )
   Verdana is too wide so is removed to make Arial the 2nd choice. */

.footerLink {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px; line-height:16px; color:#FFFFFF; text-decoration:none; }
.footerSep {
	font-family: Tahoma, Arial, Geneva, Helvetica, serif;
	font-size: 13px; line-height:16px; color:#b0d503; text-decoration:none; }
	
.footerLink a:link { color:#FFFFFF; text-decoration:none }
.footerLink a:visited { color:#FFFFFF; text-decoration:none }
.footerLink a:hover { color:#CAE645; text-decoration:none } /* Footer link must be brighter */

.footerLinkLower {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px; line-height:16px; color:#DDD; text-decoration:none; }
.footerSep {
	font-family: Tahoma, Arial, Geneva, Helvetica, serif;
	font-size: 13px; line-height:16px; color:#b0d503; text-decoration:none; }
	
.footerLinkLower a:link { color:#DDD; text-decoration:none }
.footerLinkLower a:visited { color:#DDD; text-decoration:none }
.footerLinkLower a:hover { color:#CAE645; text-decoration:none } /* Footer link must be brighter */




/*************** POLICY LISTS ****************/
#policyContainer {
	padding:15px 30px 51px 17px;
}

#policies ol {
	counter-reset: item;
	padding: 5px 0px 0px 0px;
}

#policies li {
	display: block;
	padding-left: 10px;
	padding-bottom: 5px;
}

#policies li:before {
	content: counters(item, ".") " - ";
	counter-increment: item;
}


/* Lightweight CSS idea:
li span {
	border: 1px solid #000000;
	background: url(/images/home-content-shadow.gif) top repeat-x;
}
*/


@media screen
{
	#contentInnerTable td.contentInnerCellLeft {
		padding:15px 10px 5px 17px;
		width:302px;
	}
	#contentInnerTable td.contentInnerCellRight {
		padding:15px 50px 5px 17px;
		width:300px;
	}
	#footerPrintDiv { display: none; }
}

/*************** PRINTING ****************/
/* Collapse design for stylish printing */

@media print
{
	#introTextWidth { width: 97%; } /* Avoids text cropping */
	#contentInnerTable td.contentInnerCellLeft {
		padding:15px 10px 5px 17px;
		width:292px;
	}
	#contentInnerTable td.contentInnerCellRight {
		padding:15px 50px 5px 17px;
		width:290px;
	}
	/* Turn off all fixed width items, to let text wrap in print space. */
	#footerScreenDiv { display: none; }
	#topSpacerDiv { display: none; }
	#mainNavDiv { display: none; }
	#contentLeftOuterCellDiv { display: none; }
}