@import url(successStories.css);

html 
	{min-height: 100%; margin-bottom: 1px;}
	/* sets the scrollbar to permanently appear in firefox / safari */

body
	{font: 100.01% verdana, arial, helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	color: black;
	background:#C0C0C0 url(/images/newhomeBG.jpg) 0 0 repeat-x;
}
h1
	{font-size: 0.1pt;
	color: white;
	width: 223px;
	height: 51px;
	margin: 0 !important;
	padding:0;
	background: white url(../images/h1New.gif) 50% 50% no-repeat;}

h1 span
/* so text not visible over bg image */
	{display: none;}
	
	
/* ----- [MAIN CONTAINER DIV] ----- */
	
#container	
	{position: relative;
	margin: 10px auto;
	padding: 0;
	width: 905px;
	font-size: 80%;
	text-align: left;}

/*------- [HEADER NAVIGATION AREA] ------- */
	
#header .skipNavigation
	{
	display:none;
	}
	
#header h1 
	{display: none;
	}

/* ------ [TOP NAVIGATION LINKS] ------ */

#navigation
{margin: 5px 0 0 0;
height:38px;
width:905px;
background: #f60 url(/images/naviBg.gif) 0 0 repeat-x;
}


#navigation ul
	{
	margin: 0;
	padding:0;
	}

#navigation li
{
list-style-type: none;
display:inline;
width: 112px;
float: left;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
border-top: 1px solid #777;
}

#navigation li a
	{
	font-size: 14px;
	letter-spacing:0.01em;
	padding: 10px 0px 10px 0px;
	background:#FF6600 url(/images/naviBg.gif) 0 0 repeat-x;
	text-align:center;
	display:block;
	color: #fff;
	width:100%;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif
	}
	


#navigation li a:hover
{color: #f60;
background:#eee url(/images/naviBghover.gif) 0 0 repeat-x;;
}



/* intro text in header */
#strapLine
	{float: right;
	width: 350px;
	color: #777;
	margin: -43px 0 0 0;
	font-weight: bold;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif
	}

#strapLine span
	{display: block;}

/* ends header & top navigation */

/* ------ [MAIN CONTENT AREA] ------ */

/* container div with border, as adding border to bodyText div causes width problems */

div#contentArea
	{margin: 0;
	padding: 0;
	border: solid #777;
	border-width: 0 1px;}

/* skip navigation anchor link */

a#skipNavigation
	{display: none;}

/* this container sets general content area, may need to include 
height: 1% if get peekaboo problems */ 

#bodyText	
	{margin: 0;
	background:#fff;
	/* padding instead of margin for left of text works consistantly
	accross browsers */
	padding: 0px 5px 15px 15px;
	/* height is set to auto for ie7 in alternate stylesheet */
	/* This stuff is to make min-height work on safari), but hide this from ie mac, doesnt like it. \*/
	/* end hide */
	min-height: 440px;
	width: 883px;
	
	/* width makes rightSide appear in correct place (kind of - see notes under rightSide!) */}
	
#bodyText p
	{line-height: 1.3em;}

#bodyText table
	{/* resets font-size to normal - table style declared cos of daft .net applications being 
	written with bad html */
	font-size: 1em;}

#bodyText table.layout
	{width: 535px;}

#bodyText table.centre th, #bodyText table.centre td 
	{text-align: center;}

#bodyText table.left th, #bodyText table.left td
	{text-align: left !important;}

th, td
	{vertical-align: top;}

td.left
	{text-align: left !important;}


#bodyText table.pressReleases td, #bodyText table.pressReleases th {
	padding: 5px 5px 5px 0;
}

#bodyText table.data
/* when table is supposed to be used! */
	{margin: 5px 2px 5px 0;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #ebebeb;}

#bodyText table.data th
	{background: #f5f5f5;}

#bodyText table.data td
	{border: solid #ebebeb;
	border-width: 1px 0;
	padding: 3px;}

/* below used for right side margin rather than text wrapping around the float */

#bodyText p, #bodyText ul, #bodyText h3, #bodyText h4, #bodyText h5, #bodyText blockquote, #bodyText ol, #bodyText dl, #bodyText h2
	{/* margin so that text does not wrap around rightSide */
	margin: 2px 230px 0 0;
	padding: 5px 0;}
	#bodyText #divEventsVideo p, #bodyText #divEventsVideo ul, #bodyText #divEventsVideo h3, #bodyText #divEventsVideo h4, #bodyText #divEventsVideo h5, #bodyText #divEventsVideo blockquote, #bodyText #divEventsVideo ol, #bodyText #divEventsVideo dl
	{margin:2px;}

#bodyText blockquote
	{display: block;
	width: 650px;
	margin: 0;}

#bodyText blockquote
	{margin-top: -15px;}

#bodyText blockquote span
	{font-style: normal;}

#bodyText div p, #bodyText div ul, #bodyText div ol, #bodyText div h3, #bodyText div h4, #bodyText div h5, 
#bodyText div blockquote, #bodyText ol h3, #bodyText ul h3, #bodyText dl ul
	{margin-right: 0;}

#bodyText ol h3, #bodyText ul h3
	{padding-bottom: 3px;}

#bodyText ol ol
	{list-style-type: lower-roman;
	padding-top: 0px;}

#bodyText dd
	{margin: 0;
	padding: 0;}

#bodyText dt
	{font-weight: bold;}

#bodyText abbr
	{border: 0;}
	
#bodyText h4, #bodyText h5
	{padding: 5px 0 0 0;
	margin-bottom: -4px;}
#bodyText h5.noBold {
	font-weight: normal;
}
#bodyText ul, #bodyText ol
	{margin-left: 40px;
	padding: 5px 0 5px 0;
	line-height: 1.3em;}

#contentArea #bodyText ul li, #contentArea #bodyText ol li
	{/*list-style-position: inside;*/}


	
#contentArea #bodyText ol ol li, #contentArea #bodyText ol.alpha li
	{list-style-position: outside;
	list-style-type: lower-alpha;}

#contentArea #bodyText ol ol ol li
	{list-style-type: lower-roman;}

#contentArea #bodyText ol li ol, #contentArea #bodyText ul li ul
	{margin-right: 0;}

/* other list styles */

#bodyText ul.circle li
	{list-style-type: circle;}

#bodyText ul.square li
	{list-style-type: square;}

#bodyText ul.noStyle li
	{list-style-type: none;
	margin: 2px 0;}

#bodyText q span
	{font-style: normal;}
	
#bodyText q:before
	{content: "";}
	
#bodyText hr
	{height: 1px;
	clear: left;
	width: 535px;
	color: #ebebeb;
	background: #ebebeb;
	/* two declarartions, one first for firefox, second for i.e. Why? no idea. but it works */
	margin: 10px 0 !important;
	margin: 0;
	padding: 0;
	border: 0;}

#bodyText input, #bodyText select, #bodyText textArea, #bodyText button
	{font: 100% arial, helvetica, sans-serif;
	color: #036;}

#contentArea span.smallText, #contentArea p.smallText
	{font-size: 11px;
	font-weight: normal !important;}

#contentArea p.largeText
	{font-size: 120%;
	font-weight: bold;}

.clear
	{clear: left !important;}


/* ---- main page title ---- */

#contentArea h2
	{margin: 0 0 15px 0;
	width: 650px;
	padding: 22px 0 2px 0;
	overflow: visible;
	color: #0078c1;
	font-size: 220%;
	border-bottom: dotted 1px #777;
	font-family: Rockwell, Arial, Helvetica, sans-serif}

#contentArea h2 span.smallText
	{color: #666;
	font-size: 50%;
	font-weight: normal;}

h2 span.date
	{display: block;
	color: #777;
	font-size: 50%;
	font-family: arial, helvetica, sans-serif;
	font-weight:normal}

/* other headings */

h3
	{font-size: 120%;
	color: #333;
	font-family:, Arial, Helvetica, sans-serif}

h4, h5
	{font-size: 100%;
	font-weight: bold;}

h4 em
	{}

blockquote
	{}

#bodyText blockquote p
	{margin: 0 !important;
	padding-right: 5px;}

span.quoted
	{display: block;
	font-size: 85%;
	color: #888;
	font-style: normal !important;}

/* general content link styles */

#bodyText a
	{color: #369;}

#bodyText a:hover
	{text-decoration: underline;
	color: #036;}

#bodyText form
	{margin: 0;
	padding: 0;}

#bodyText input.submit, #bodyText button.submit
	{width: auto;
	font-weight: bold;
	cursor: pointer;}

#bodyText input.large
	{font-size: 140%;}

#bodyText a.button:link, #bodyText a.button:visited, #bodyText a.button:hover
	{text-decoration: none;}

a img
	{border: 0;}

/* images in body content (but not diagrams or charts which will need to be larger) */

img.floatLeft
	{float: left;
	clear: left;
	/* width should be displayed inline in <img> tag xhtml */
	margin-right: 5px;
	margin-bottom: 5px;}

img.floatRight
	{float: right;
	/* width should be displayed inline in <img> tag xhtml */
	margin: 0 5px;}

p.imageContainer
	{text-align: center;}
	
div.flashContainer	
	{width: 500px;
	text-align: center;
	padding: 5px 0;}

div.flashContainer div
	{margin: auto;
	width: 300px;
	padding: 5px;
	border: 1px solid #036;}

/* ---- [content area navigation on right, also used as placeholder for section image] ---- */

#rightSide
	{float: right;
	width: 200px;
	font-size: 95%;
	font-weight: bold;
	margin: 20px 0 0 5px;
	padding: 0 9px 0 0;
	/* hide this from ie mac as it adds padding to bottom of ul, & bg images are a nightmare as a result!
	solution: you use ie mac - you get no bg images. serves you right. \*/
	padding-bottom: 280px;
	/* end hide */}

#bodyText #rightSide h3
	{width: 200px;
	margin: 0;
	padding: 5px 0;
	font-size: 180%;
	color: #f60;
	background: white;
	border: solid #fff;
	border-width: 1px 0;
	font-family:, Arial, Helvetica, sans-serif}

#bodyText #rightSide h3 span
	{display: block;
	padding: 0 0 0 4px;}

#rightSide ul
	{margin: 0;
	padding: 0;
	background: white;}
	
#bodyText #rightSide ul li
	{list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	line-height: 10px;}


#rightSide ul li a
	{display: block;
	width: 200px;
	height: auto;
	padding: 2px 0;
	/* for i.e.5, so no gaps between links */
	vertical-align: bottom;}

#rightSide ul li a:link, #rightSide ul li a:visited
	{color: #3b70a6;
	border-bottom: 1px solid #ddd;
	background-color: #edf2f2;
	text-decoration: none;}

#rightSide ul li a:hover
	{color: #036;
	background-color: #d0e2e9;
	border-bottom: 1px solid #aaa;}

#rightSide ul li a.current:link, #rightSide ul li a.current:visited, #rightSide ul li a.current:hover
	{color: #036;
	font-weight: bold;
	background-color: #fffdd7;}
	
#rightSide ul li a span
	{display: block;
	padding: 5px 2px 5px 4px;}

#rightSide ul li ul li a
/* second-tier navigation */
	{font-weight: normal;
	padding: 0;}

#rightSide ul li ul li ul
	{border-bottom: 1px solid #aaa;
	padding-bottom: 2px;}

#rightSide ul li ul li ul li a:link, #rightSide ul li ul li ul li a:visited, #rightSide ul li ul li ul li a:hover
/* third-tier navigation */
	{font-weight: normal;
	background-color: white;
	border: 0;}

#rightSide ul li ul li ul li a:hover
	{text-decoration: underline;}

#rightSide ul li ul li ul li a span
	{padding-left: 5px;}

#bodyText #rightSide ul li.buyLink
	{font-size: 150%;
	line-height: 1em;
	text-align: center;
	padding: 5px 0;
	margin-top: -1px;
	background: white;}

#bodyText #rightSide ul li.buyLink a
	{border: 0;
	padding: 0;
	color: #f60;
	background: white;}

#bodyText #rightSide ul li.buyLink a:hover
	{background-color: #edf2f2;}

#bodyText #rightSide ul li.buyLink a span
	{border: 1px solid #ccc;}

/* individual section bg images on rightSide div */

.contactUs, .help, .careers, .legal, .login, .training, .caseStudies, .hospitalGuide
	/* this is added if there is no navigation */
	{padding-right: 0 !important;
	padding-bottom: 0 !important;
	height: 400px;
	width: 199px !important;
	/* width set so that margin on right appears */}

.ethics
	{background: transparent url(http://www.drfosterintelligence.co.uk/images/rightSideBackgrounds/bgOne.jpg) 0% 100% no-repeat;}

.legal, .login, .careers, .PBC, .channel4
	{background: transparent url(http://www.drfosterintelligence.co.uk/images/rightSideBackgrounds/bgFour.jpg) 0% 100% no-repeat;}

.hospitalGuide
	{background: transparent url(http://www.drfosterintelligence.co.uk/images/rightSideBackgrounds/hospitalguideright.jpg) 0% 0% no-repeat;}
	
.training
	{background: transparent url(http://www.drfosterintelligence.co.uk/images/rightSideBackgrounds/trainingMontage.jpg) 0% 100% no-repeat;}	

.contactUs, .channel4, .caseStudies
	{background: transparent url(http://www.drfosterintelligence.co.uk/images/rightSideBackgrounds/bgFive.jpg) 0% 100% no-repeat;}

.help
	{background: transparent url(http://www.drfosterintelligence.co.uk/images/rightSideBackgrounds/bgSeven.jpg) 0% 100% no-repeat;}

.aboutUs
	{background: transparent url(http://www.drfosterintelligence.co.uk/images/rightSideBackgrounds/bgEight.jpg) 0% 100% no-repeat;}

.managementInformation, .marketingServices, .marketResearchServices, .newsPublications, .confed, .noImage
	{padding-bottom: 0 !important;
	/* this is cos of the flash animation quotes nonsense */}

#productivityBackground
/* this replaces the usual float, as the column is being used for further information */
	{background: transparent url(http://www.drfosterintelligence.co.uk/images/rightSideBackgrounds/bgThree.jpg) 0% 100% no-repeat;
	position: absolute;
	top: 145px;
	right: 4px;
	height: 400px;
	width: 199px;
	z-index: 0;}

.productivity
	{width: 0px !important;
	height: 1px !important;}
	
#flashQuotes
	{}
div#quotesSwfSlideShow{border-top:4px solid #bbb;}
#flashPlaceHolder
	{width: 400px;
	text-align: center;
	padding: 5px 0;
	border: 1px solid #ebebeb;
	margin: 5px 0 0 60px;
	font-size: 85%;}

#flashPlaceHolder p
	{margin-right: 0;}
	
#imagePlaceHolder
	{/* background: transparent url(http://www.drfosterintelligence.co.uk/images/rightSideBackgrounds/bgnewsPublications.jpg) 50% 50%;*/
	width: 190px;
	height: 280px;
	margin: 0;
	padding: 0;}

.replaceWithImage object
/* this is for when scrolling quotes need to be replaced with one specific image */
	{display: none;}

 img.replaceWithImage
	{margin-top: 0px !important;}

#bodyText div#imagePlaceHolder img
	{margin: 0;
	background: white;}
	

/* ----- [NEWS & PUBLICATIONS STYLES] ----- */

div.newsItem, div.caseStudy
	{clear: left;
	padding: 0 0 10px 0;
	margin: 10px 220px 0 0;}

#contentArea #bodyText div.newsItem blockquote,
#contentArea #bodyText div.caseStudy blockquote
	{margin: 0;
	padding: 0;}

#contentArea #bodyText div.newsItem blockquote p, 
#contentArea #bodyText div.caseStudy blockquote p
	{margin-left: 0;}

#bodyText div.newsItem h3,
#bodyText div.caseStudy h3
	{margin: 0 0 5px 0;
	padding: 0;
	font-size: 120%;
	font-family:Arial, Helvetica, sans-serif}

#contentArea div.newsItem h3 span.smallText, 
#contentArea div.caseStudy h3 span.smallText
	{font-size: 100%;}
	
#bodyText div.newsItem h3 span.date, 
#bodyText div.caseStudy h3 span.date,
#bodyText div.newsItem p span.date
	{display: block;
	color: #777;
	font-weight: normal;
	font-size: 80%;
	margin: 0;
	padding: 0px 0px 0px 0px;}

#bodyText div.newsItem p, 
#bodyText div.caseStudy p
	{padding-top: 0;
	margin: 0;}

#bodyText div.newsItem ul, 
#bodyText div.caseStudy ul
	{color: #369;
	margin-right: 0;}

#bodyText div.newsItem ul {
	padding-left: 80px;
}

div.newsItem img, div.fullArticle img, div.caseStudy img
	{float: left;
	/* width should be displayed inline in <img> tag xhtml */
	clear: left;
	margin: 0 5px 10px 0 !important;}

div.newsItem h3 img.videothumb {
	margin: 5px 5px 0 0 !important;	
}

div.fullArticle
	{width: 540px;}

div.fullArticle img
 	{float: right;
 	margin: 10px 0 2px 5px;}

#bodyText div.newsItem img.hidden, #bodyText div.fullArticle img.hidden, #imagePlaceHolder img.hidden
	{display: none;}

a.readMore
	{font-size: 85%;}

div#bodyNavigation
	{margin: 0;
	padding: 0;
	height: 1%;}

div#bodyNavigation ul
	{margin: 0;
	padding: 5px 0 0 0;}

div#bodyNavigation ul li
	{display: inline;
	list-style-type: none;}

#bodyText div#bodyNavigation ul a
	{display: block;
	font-weight: bold;
	text-align: center;
	float: left;
	width: 4em;
	margin: 0 5px 10px 0;
	padding: 2px;
	border: 1px solid;
	border-color: #ccc #999 #999 #ccc;
	background: #edf2f2;}

#bodyText div#bodyNavigation ul a:link, #bodyText div#bodyNavigation ul a:visited
	{text-decoration: none;}

#bodyText div#bodyNavigation ul a.current, #bodyText div#bodyNavigation ul a.current:hover
	{background: #d0e2e9;
	color: #036;
	border: 1px solid #036;}

#bodyText div#bodyNavigation ul a:hover
	{background: #d0e2e9;
	border: 1px solid #ccc;}

hr.clear
/* to clear paragraphs from navigation in news items */
	{clear: left;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width: auto;}

#bodyText span.dateSource
	{font-size: 85%;
	color: #999;}

#magazineDisplay
	{text-align: center;
	padding: 10px 0 0 0;
	margin: 0;}

#magazineDisplay img
	{border: 1px solid #ccc;}

#magazineDisplay ul, .archiveList ul
	{margin: 0;
	padding: 0;}

#magazineDisplay ul li
	{display: inline;
	list-style-type: none;
	margin: 0 1px 0 0;}

/* ---- [registration styles] ----- */

/* demo styles (for links at top of flash pages) */

#demoLinks
	{font-size: 12px;
	padding: 10px;
	margin: 0 0 10px 0;
	font-weight: bold;
	color: #036;
	border-bottom: 1px solid #ccc;
	background: #f5f5f5;}

#demoLinks h1
	{background: none;
	width: auto;
	height: auto;
	color: #0078c1;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 12pt;
	font-family:, Arial, Helvetica, sans-serif}

#demoLinks p
	{margin: 0;
	padding: 0;}

#demoLinks a:link, #demoLinks a:visited
	{color: #036;
	text-decoration: underline;}

#demoLinks a:hover
	{text-decoration: none;}

/* login stuff */

#loginRegister, .highlight
	{margin: 5px 0;
	width: 525px;
	padding: 5px !important;
	border: 1px solid #ebebeb;
	background: #f5f5f5;
	text-align: left;}

#loginRegister hr
	{width: 520px;}

#loginRegister h3
	{font-size: 100%;
	margin: 0;
	padding: 0;}

#bodyText .error, #bodyText #errors ul
	{font-weight: bold;
	color: red;}

#contentArea #loginRegister h3, #contentArea #loginRegister p
	{margin: 0;
	width: auto;
	padding-bottom: 5px;}

#loginRegister p
	{margin-left: 5px;
	line-height: 1.5em;}

#loginRegister span
	{display: block;
	width: 200px;
	font-size: 85%;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;}

#loginRegister span.answer
	{display: inline;
	padding-left: 5px;
	font-size: 100%;}

#bodyText #loginRegister span.smallText
	{display: inline;}
	
#loginRegister input, #loginRegister textarea
	{width: 200px;
	margin-top: 1px;
	margin-bottom: 1px;}

#loginRegister input.checkbox, #loginRegister input.radio
	{width: auto;}
	
#loginRegister select
	{}

/* ---- [productivity stuff] ---- */

#productivityIntro
/* intro with nhs branded stuff */
	{width: 320px;
	padding: 0 0 5px 0;
	margin: 9px 5px 3px 0;
	border: 1px solid black;
	text-align: right;}

#productivityIntro h2
	{width: auto;
	}

#productivityIntro img
	{margin: 0;}

p.intro
	{font-size: 120%;
	border-bottom: 1px solid #f5f5f5;}

p.graphIntro
	{background: transparent url(http://www.drfosterintelligence.co.uk/images/graph.gif) 0% 0% no-repeat;
	padding: 5px 0 0 25px !important;
	margin-bottom: 5px !important;
	clear: left;}

#productivityIntro h2
	{font: normal 150% , arial, helvetica, sans-serif;
	margin: 0 5px 2px 5px;
	color: black;
	font-size: 150%;
	text-align: left;}

#productivityIntro h2 span
	{display: block;}

#productivityIntro h2 span.first
	{font-weight: normal;
	font-family: , arial, helvetica, sans-serif;}

#productivityIntro h2 span.second
	{color: #800000;
	font-family: , arial, helvetica, sans-serif;}

#productivityIntro h2 span.third
	{font-weight: normal;
	font-size: 57%;
	font-family: , arial, helvetica, sans-serif;}

#trustPCTContainer
	{height: 100px;}
	
#trustPCTContainer div
	{float: left;
	width: 265px;
	background-color: #f5f5f5;
	padding: 3px 0 5px;
	margin: 5px 5px 0 0;
	text-align: center;
	border: 1px solid #ebebeb;}

#trustPCTContainer div h3
	{}

#trustPCTContainer div select
	{width: 240px;
	font-size: 85%;}

div.graph
	{float: left;
	position: relative;
	width: 535px;
	background: #f5f5f5;
	padding: 5px 0 0 0;
	margin: 0 0 15px 0;
	border: 1px solid #ebebeb;}

div.graph a.hideShow
	{position: absolute;
	top: 5px;
	right: 5px;
	font-size: 85%;
	font-weight: bold;
	background: #f5f5f5;}

#bodyText div.graph h4
	{font-size: 110%;
	color: #444;
	margin: 0;
	padding: 0 80px 5px 5px;}

#bodyText div.graph h5
	{margin-left: 5px;
	text-transform: uppercase;}

#bodyText div img
	{margin: 10px 0;}

#bodyText div.graph ul
	{position: relative;  
	/* fixes background image disappearing bug */
	font-size: 85%;
	padding:0 5px 10px 10px;
	margin: 0;}

#bodyText div.graph ul li
	{list-style-type: none;
	padding: 0 0 0 16px;
	margin: 0 0 0 5px;
	list-style-position: outside !important;
	background: transparent url(http://www.drfosterintelligence.co.uk/images/graphList.gif) 0% 15% no-repeat;}

#bodyText div.graph ul li ul li
	{font-size: 120%;
	list-style-type: square;
	background: none;
	padding: 0;}

div.toolInfo
	{position: relative;
/* hide this from ie mac, goes too wierd \*/
	right: 8px;
/* end hide */
	z-index: 100;
	padding: 0;
	float: right;
	clear: right;
	width: 190px;
	margin-bottom: 5px;
	background: #f5f5f5;}

div.toolInfo div
	{border: 1px solid #ebebeb;}

#bodyText div.toolInfo h4	
	{color: #444;}

#bodyText div.toolInfo h4, #bodyText div.toolInfo p
	{margin: 0 5px;}

#bodyText div.toolInfo a
	{font-weight: bold;}

#bodyText .imageQuote
	{width: 270px;
	float: right;
	font-size: 85%;
	text-align: center;
	margin: 7px 0 5px 5px;
	border: 1px solid #ccc;}

#bodyText .imageQuote p
	{padding: 0 5px 5px 5px;
	margin: 0;}

/* ---- [health lottery stuff] ---- */

#graphContainer
	{width: 535px;}

#bodyText #graphContainer h4
	{font-size: 90%;
	margin: 0;
	padding: 5px 0 3px 0;
	background: transparent url(../images/1pxDottedGrey.gif) 0% 100% repeat-x;}

#bodyText #graphContainer img
	{margin-bottom: 20px;}

	
/* ----- [FOOTER STYLES] ----- */

#footer
	{clear: both;
	padding: 10px 0;
	margin: 0;
	font-size: 85%;
	background-color: #000;
	color: white;
	line-height: 1.2em;}

#footer hr
	{display: none;
	margin: 0 !important;}

#footer a
	{color: white;
	padding: 0 2px;}

#footer a:link, #footer a:visited
	{text-decoration: none;}

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

#footer #leftSideLinks
	{text-align: left;
	padding-left: 5px;
	width: 700px;}

#footer #rightSideLinks
	{float: right;
	width: 250px;
	text-align: right;
	padding: 0 5px 0 0;
	/* hide this from ie mac, adds too much padding to bottom of footer \*/
	padding-bottom: 10px;
	/* end hide */
	margin-top: -1.2em;}

#footer span
	{display: none;}
	
#container #companyDetails
	{clear: both;
	font-size: 85%;
	color: #333;}

#container #companyDetails p
	{margin: 0;
	padding: 5px 0 0 0;
	text-align: right;}

#container #styleSwitcher
	{display: none;}

#container #styleSwitcher a
	{color: #666;}

#container #styleSwitcher a:link, #styleSwitcher a:visited
	{text-decoration: underline;}

#container #styleSwitcher a:hover
	{text-decoration: none;}
	

/* ---- job stuff ---- */

#jobs
	{width: 535px;}

#jobs ul li
	{color: #c30;}

#jobs ul li span
	{color: black;}

#jobs h3
	{color: #c30;
	font-family: , arial, helvetica, sans-serif;}

/* ---- ends general template styles ---- */

/* ----- [HOMEPAGE STYLES] ----- */

/* i have wrapped the homepage in a different named div, so that the following styles
only apply to this page */

#contentAreaHomepage
	{margin: 0;
	padding: 0;
	border: solid #777;
	border-width: 0 1px;
	background: white;}

#contentAreaHomepage #bodyText
/* resets stuff for general bodyText */
	{display: block;
	height: auto;
	width: 870px;
	padding: 10px 10px
	}

/* ---- [homepage news section on right] ---- */



#secondRow ul li, #thirdRow ul li
	{list-style-type: none;
	padding-left: 12px;
	background: transparent url(../images/linkArrow.gif) 0% 0% no-repeat;
	margin-bottom: 5px;}
	

/* ---- [main couple of paras on homepage] ---- */
#siteIntro
	{float: left;
	width: 870px;
	color: #333;
	font-size: 140%;
	padding: 0;
	margin: 0px 0 0 0;
	background:#fff;
	text-align:center;
	font-family: Rockwell, Arial, Helvetica, sans-serif;
}

#siteIntro h2
	{padding: 0px;
	margin: 0;
	font-size: 150%;}


#contentAreaHomepage #bodyText p, #contentAreaHomepage #bodyText ul
/* resetting default styles */
	{margin: 0;}


#secondRow
	{clear: both;
	position: relative;
	top: 20px;
	width: 880px;
	margin:  0;
	padding: 0 0 30px 0;
	left: 0;}

#secondRow div.firstBox, div.secondBox, div.thirdBox
	{background: white;}

#secondRow div h2
	{margin: 0;
	padding: 0;
	font: normal 150%/20px arial, helvetica, sans-serif;
	border-bottom: 1px solid #fff;
	width: auto;}
	

	

#contentAreaHomepage #bodyText #secondRow div h2 a
	{display: block;
	text-decoration: none;
	padding: 5px;
	/* hide this from ie mac, makes links extend beyond <ul> width \*/
	width: 100%;
	/* end hide */
	max-width: 168px;}

#secondRow div h2 a:link, #secondRow div h2 a:visited 
	{color: #eee;
	background: #0661a2 url(/images/bluebg.gif) 0 0 repeat-x; }

#secondRow div h2 a:hover
	{display: block;
	background: #f60 url(/images/naviBg.gif) 0 0 repeat-x;
	color: white;}

#bodyText #secondRow div p, #bodyText #secondRow div ul
	{color: #255280;
	line-height: 16px;
	margin: 0 0 0 5px;
	font-size: 0.95em;
	padding: 0;}

#bodyText #secondRow div ul
	{width: auto;
	padding-top: 5px;
	}

#bodyText #secondRow div p
	{padding: 5px 0 0 0;}

#bodyText #secondRow div ul li
	{line-height: 1.2em;}

#secondRow div.positioned
	{position: absolute;
	width: 178px;
	margin: 0;
	padding: 0;
	top: 0;}

#secondRow div.secondBox
	{left: 197px;
	padding: 0;}






/*INDEX SERVICES CONTENT SHUFFLE*/
#contentAreaHomepage #bodyText #secondRow.version2 div h2 a
	{width: auto;
	max-width: 100%;}

#secondRow.version2 div.positioned
	{
	width: 280px;
}

#secondRow.version2 div.secondBox
	{left: 300px;
}

#bodyText #secondRow.version2 div.thirdBox p
	{width: auto;}

#secondRow.version2 div.firstBox
	{width: 280px;
}

#secondRow.version2 div.thirdBox
	{left: 600px;
	width:280px}



#thirdRow
	{
	font-size:0.95em;
	}

#thirdRow h2
	{margin: 0;
	padding-bottom:5px;
	font: normal 150%/20px arial, helvetica, sans-serif;
	border-bottom: 1px dotted #777;
	width: auto;}
	
#thirdRow h2 a
{text-decoration: none}	
	
#thirdRow div#first
   {width: 280px;
   background:#fff;
   padding:5px;
   float:left;
   min-height: 200px;
   }
   
#thirdRow div#second
   {width: 280px;
   background:#fff;
  position:absolute;
  left:310px;
   padding:5px;
   float:left
   }  
   
 #thirdRow div#third
   {width: 280px;
   position:absolute;
   left:610px;
   background:#fff;
   margin:0;
   padding:5px;
   float:left;
   }
   

/* ---- [homepage news section on right] ---- */


#contentAreaHomepage #bodyText #rightSideNews h2 a
	{font-weight: bold;}

	
#banner div#first ul#petHomertonList {
	margin: 0;
	padding: 8px 2px 18px 5px;
	font-size: 12px;
	margin-left:3px;
	color:#0660A2;
	}
#banner div#first ul li, ul#petHomertonList li
	{list-style-type: none;
	text-indent: 12px;
	background: transparent url(../images/linkArrow.gif) 0% 0% no-repeat;
	margin-bottom: 5px;
	line-height: 16px;}

#contentAreaHomepage #bodyText #rightSideNews ul li a, #banner div#first ul#petHomertonList li a
	{color: #0660a2;}

#rightSideNews a:hover, #banner div#first ul#petHomertonList li a
	{color: #0660a2;}

/* ---- [main couple of paras on homepage] ---- */

span.quoted
	{font-size: 90%;
	font-weight: bold;
	color: #0660a2;}

p.readMore
	{font-size: 90%;
	font-weight: bold;}

#bodyText #leader img
	{position: relative;
	float: left;
	margin: 0 15px 0 0;
	padding: 0 0 0 0;
}

#contentAreaHomepage #bodyText #leader #HGpanel span.hgcover img{
	margin: 0 0 3px 0;
}
#leader #HGpanel {
	margin-left: 5px;
}	

#bodyText #leader img a
	{border: 1px solid #cfe2f1;}

#banner
	{position: relative;
	width: 880px; 
	margin-top: /**-1px**/26px;
	background: white;
	padding-bottom: 20px;
	font-size: 95%;
	height:220px;}

#banner.version2 {
	margin-top: 15px;	
}

#banner div
	{padding-top: 8px;
	min-height: 170px;}

#banner div p
	{padding: 5px 7px;}


#banner div#first
	{/**position: absolute;
	top: 0;
	left: 0;**/	
	height: auto;
	background: #EBEBEB;
	width: 280px;
	float: left;}
#banner div#first h3 {
	margin: 0 5px;
}
#banner div#first ul {
	margin-left: 5px;
}

#banner div#second
	{float: left;
	margin-left: 8px;
	background: #cfe2f1;
	width: 280px;
	height: auto;}

#banner div#second h3 {
	margin: 0 5px;
	font-family: , arial, helvetica, sans-serif;
}

#banner div#second .quoted
	{color: #0660a2;
	font-size: 90%;}

#banner div#second #youtube {
	text-align: center;
	padding-top: 4px;
}
#banner div img
	{
	margin: 0 0 0 5px;}
#banner div img#evLogo {
	margin-top: 40px;
}

#banner div#third 
	{float: right;
	background: #EBEBEB;
	width: 270px;
	height: auto;}

#banner div h2 {
	margin-top: 0;
	padding: 0 7px 7px 7px;
	font-weight: normal;
	font-size: 150%;
	font-family: , arial, helvetica, sans-serif;
	border-bottom: 1px solid #0660A2;}
* html body DIV#banner div#third {
	height: 270px;
}
#banner div#third h2 a, #banner div#first h2 a #banner div#second h2 a{
	text-decoration: none;
}
#banner div#third h2 a:hover, #banner div#first #banner div#second h2 a:hover {
	text-decoration: underline;
}

#banner div#third ul {
	margin-left: 10px;
}
#banner div#third ul li {
	list-style-type: none;
	text-indent: 12px;
	background: transparent url(../images/linkArrow.gif) 0% 0% no-repeat;
	margin-bottom: 5px;
}

/*****END new edits*****/
#banner div#second img {
	float: none;
	margin: 0;
	margin-left: 7px;
}
#banner div#second h3 {
	padding-bottom: 0;
}
#banner div#first p.bannerSubHeader{
	border-bottom:1px solid #ccc;
}
	#banner div#first p span{
display:block;
padding-top:6px;
font-weight:bold;
color:#0660A2;
	}
<div id="banner">
<div id="first">
<h5 class="bannerSubHeader" style="border-bottom:1px solid #ccc;color:">
/* show & hide div stuff */

#bodyText h3.menu, #bodyText h4.menu, #bodyText h5.menu
	{margin: 0 0 5px 0;}

#prescription
	{width: 535px;}
	
#prescription h3
	{font-size: 140%;
	border-bottom: 1px solid #ddd;}

#prescription a
	{font-weight: normal;}

#prescription h4
	{font-size: 120%;
	font-style: italic;
	margin: 7px 0;
	background: white;}
	
#bodyText #prescription h5
	{color: #333;
	padding: 5px;
	font-weight: normal;}

#prescription div ul, #prescription div p
	{padding-left: 10px;}

div.hidden
/* generic style for hiding stuff used on show / hide div */
	{display: none;
	margin-top: 3px;
	border: 1px solid #ddd;}
.hidden
/* generic style for hiding stuff used on show / hide div */
	{display: none;
	margin-top: 3px;
	border: 1px solid #ddd;}
#FESC
	{width: 530px;
	overflow: auto;
	font-size: 85%;
	border: 1px solid #ccc;}

#rightSide .sell
	{margin-top: 5px;
	font-size: 120%;
	text-align: center;
	font-weight: normal;
	padding: 0;
	background: #f48026;
	width: 190px;}

#rightSide .sell a
	{font-weight: bold;}

#bodyText #rightSide .sell h3
	{border: 0;
	width: auto;
	font-size: 140%;
	padding: 5px 0 0 0;
	margin: 0;
	color: white;
	background: transparent;}
.quotation {
        font-style:italic;
}

table#FESCservices {
width:99%;
border:1px solid #ccc;
border-collapse:collapse;
font-size:0.85em;
}
table#FESCservices td {
padding:5px;
background:#FFFFCC; 
font-weight:bold;
border:1px solid #ccc;
color:#666;
}
table#FESCservices td.tdTitle {
background: #999;
color:#e5e5e5;
margin:1px;
font-weight:bold;
font-size:1em;
border:1px solid #fff;
}
table#FESCservices td.sector {
font-weight:normal;
font-size:0.9em;
padding:3px;
width:25px;
}
table#FESCservices tr.trHeader td{
font-weight:bold;
font-size:1em;
background:#CCCC33;
color:#666666;
}
table#FESCservices td.marked {
background:#ddd;
}
table#FESCservices td.provided {
background:#f1f1f1;
text-align:center;
color:#999;
vertical-align:middle;
}


#bodyText table.commevents {
	width: 98%;
	
}
#bodyText table.commevents th {
	background: #EEE;
	color: #333;
}
#bodyText table.commevents th.region {
	width: 210px;
}
#bodyText table.commevents th.event {
	width: 102px;
}
#bodyText table.commevents th.venue {
	width: 310px;
}
#bodyText table.commevents th.book {
	width: 132px;
}
#bodyText table.commevents td {
	border-color:#CCC;
	border-style:solid;
	border-width:1px 0pt;
}



div.addInfo {
	border-top: 1px dashed #CCC;
	margin: 20px 10px 0 0;
	font-size: 90%;
}
div.addInfo p {
	line-height: 1.4em;
}

/*DF Videos playback interface*/
div#DFvideoPage {;}
div#DFvideoPage h3 {width:100%;}
div#DFvideoPage p {margin-right:0px;}
div#DFvideoPage div.dfvideo {margin:16px 2px 2px;}
div#DFvideoPage div.player {border:1px solid #333;background:#aaa;padding:4px 4px;margin:0;width:320px;}
div#DFvideoPage div#player_Wrap{float:left;width:330px;}
div#DFvideoPage div.downloadoptions {float:left;width:350px;margin-left:8px;padding:0 4px 4px;}
div#DFvideoPage div.downloadoptions h3 {color:#FF6600;font-size:1.1em;background:#EDF2F2;margin-top:0;padding-left:4px;}
div#DFvideoPage div.downloadoptions p {font-size:0.95em;color:#666;margin:0;padding-bottom:0;}
div#DFvideoPage div.downloadoptions h4 {margin-bottom:2px;margin-top:4px;}
div#DFvideoPage p.mainDescription {width:96%;}



				/***EVENTS SECTION***/
#rightSide.events {
	padding-bottom: 20px;
	font-weight: normal;
}
#rightSide.events ul li ul li a {
	background-color: #FFF;
}
#rightSide.events a.current {
	background-color: #0078C1 !important;
	color: #FFF !important;
}
#rightSide.events p {
	text-align: right;
	color: #336699;
}
#rightSide.events img {
}
#bodyText dl.presentations dt {
	margin: 10px 0 0 0;
}
#bodyText dl.presentations dd {
	font-style: italic;
	margin-top: 4px;
}
#bodyText dl.presentations dd a {
	text-decoration: none;
}
#bodyText dl.presentations dd ul {
	margin-left: 15px;
	font-style: normal;
}
#bodyText img.left {
	float: left;
	margin: 4px 10px 4px 0;
}
#bodyText img.marginO {
	margin: 0 1px 4px 0;
}
span.bold  {
	font-weight: bold;
}
span.italic {
	font-style: italic;
}
#bodyText p.quoteBG {
	background-color: #EBF4F7;
	padding: 10px;
	margin: 5px 230px 5px 0;
}
/*EVENTS VIDEOS LAYOUT*/
div#eventsScreen{
width:735px;
margin-top:12px;
}
div#eventsScreen P{
MARGIN-LEFT:6PX;
}
div#divEventsVideo{
float:left;
}
div#divEventsSlideShow{
float:right;
}
div#divEventsSlideShow{
float:right;
}
div#divEventsSlideShow img{
margin:2px 0 0;
border:1px solid #ccc;
}

#bodyText dl.presentations dd a.toEventVideo:hover {
text-decoration:none;
}
#bodyText p span.pToEventVideo a.toEventVideo{padding-left:20px;background:url(../images/watchvideo.gif) no-repeat center left;font-weight:normal;text-decoration:underline;}
a#aLeftNav, a#aRightNav {color:#444;font-weight: bold;text-decoration:none;}
a#aLeftNav:hover, a#aRightNav:hover {color:#aaa;font-weight: bold;text-decoration:underline;}
div#slidesNavigation{text-align:center;border:1px solid #ccc;padding:3px 0;border-top:none;}
#moreBeliefs{display:none;}
#container #moreBeliefs ul{width:500px;}
#container #moreBeliefs ul li{list-style-position: outside;list-style: none;}


#container #eightOf11 dd, .hide  {
	display: none;
}
#container dl#eightOf11 dt {
	margin-top: 10px;
}
#container dl#eightOf11 p {
	margin-right: 10px;
}
#container dl#eightOf11 li {
	margin-bottom: 5px;
}


#container strong.underline {
	border-bottom: 1px solid #333;	
}


#bodyText dl.def-style dt {
font-weight: normal;
}
#bodyText dl.def-style dd {
margin: 0 0 10px 0;
}




img{
	-ms-interpolation-mode:bicubic;
}

.orange {
	color: #FF6600;	
}

.diduknow {
	background: #0078C1;
	padding: 10px;
	color: #fff;
	font-size: 12px;
	text-align: left;
	margin-top: 5px;
}
#rightSide .diduknow h2 {
	width: auto;
	color: #fff;
	margin-bottom: 20px;
}

#rightSide .quote p {
	width: auto;
	color: #0078C1;
	font-size: 12px;
	text-align:left;
	font-weight:normal;
	margin-bottom: 20px;
}

#rightSide .diduknow ul {
	background: transparent;
	padding-left: 10px;
}
#bodyText #rightSide .diduknow ul li {
font-weight:normal;
line-height:1.2em;
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin:10px 0;
}