* { margin: 0; padding: 0; }
html { margin: 0; padding: 0; }
body { 	font-family: "HelveticaNeue-Roman", Helvetica, Arial, sans-serif; font-size: 62.5%; margin: 0; padding: 0; color: #000000; background-color: #ffffff; text-align: center;  }
/* === see fckeditor.css for back-end visual editor css ======= */

img, div { behavior: url(iepngfix.htc) } /* IE PNG Fix */

h1 {font-size:1.9em}  
h2 {font-size:1.5em}  
h3 {font-size:1.5em}  
h4 {font-size:1.5em} 
input, select, th, td { font-size:1em }
/* child pixels / parent pixels = child ems */
li li, li p, td p, blockquote p { font-size:1em }
img { border: 0; }

.twoColumns #twoColumnArea { 
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	min-width: 755px;
	max-width: 960px;
	background: #FFFFFF;
	border: 1px solid #D90025;
	text-align: left;
	font-size:1.2em;
} 

/* IE 6 min-width fix */
.width { min-width:755px;} /* for normal browsers */
* html .minwidth { border-left:755px solid #fff; position:relative; float:left; z-index:1;}
* html .container { margin-left:-755px; position:relative; float:left; z-index:2;}

.twoColumns #leftColumn {
	float: left; 
	width: 200px;
	background: white;
	padding: 0 0;
}

.twoColumns #rightColumn { 
	margin: 0 15px 0 205px; /* left is wider than leftColumn */
} 
/* === see icsie6.css for IE6 fixes */

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.menuSpacer { position: relative; font-size: 2px; line-height: 2px; margin: 0; padding: 0; height: 10px }

#header {  
/* background-color: yellow; */
}

#mrsa {  left: 160px;  clear: none;  position: relative;  top: 54px;  z-index: 2;  float: right;  height: 50px;  width: 146px;  background-position: 0;  background-repeat: no-repeat;  background-image: url(../images/MRSA-icon.gif);  }
#mrsa a { display: block; height: 50px;  width: 146px; }
#mrsa span { display: none; }

/* NEW NHS2009 Guideleines Stuff */
#nhs-header {
	clear: both;
	height: 213px;
}
#nhs-logo {  left: -70px;  clear: none;  position: relative;  top: 71px; z-index: 2;  float: right;  height: 71px;  width: 178px;  background-position: 0;  background-repeat: no-repeat;  background-image: url(../images/nhs-2009.gif);  }
#nhs-logo span { display: none; }
#icsnhs-logo {  left: 69px;  clear: none;  position: relative;  top: 78px; z-index: 2;  float: left;  height: 60px;  width: 178px;    }
#mrsa2 {  left: 15px; margin: 25px 0px; clear: none;  position: relative;  top: 0px;  z-index: 2; height: 50px;  width: 146px;  background-position: 0;  background-repeat: no-repeat;  background-image: url(../images/MRSA-icon.gif);  }
#mrsa2 a { display: block; height: 50px;  width: 146px; }
#mrsa2 span { display: none; }
/* END NHS2009 Guidelines */

#access_nav { font-size:1em; color: black; height: 1px; position: relative; top: 0.8em; left: 0.8em; }
#access_nav ul { list-style: none; float: left; }
#access_nav ul li { float: left; }
#access_nav ul a { margin-left: 3px; background-repeat: no-repeat; background-position: 0px 2px; background-image: url(../images/access-nav-leaf.gif); padding: 0 1.3em; color: black; text-decoration: none; float: left;  }
#access_nav ul a:hover { background-repeat: no-repeat; background-position: 0px -89px; background-image: url(../images/access-nav-leaf.gif); color: black; text-decoration: underline; }

#siteSearch { margin-top: 0.2em; padding-top: 0px; margin-right: 0.5em; float: right; position: relative; width: 200px; height: 38px; background-color: transparent; }
#siteSearch input.searchbox { color: #6a6a6a; width:140px; height: 16px; margin-top: 9px; margin-left: 11px; -webkit-appearance: searchfield; }
#siteSearch label .searchlabel { display: none; }
#siteSearch input.searchButton { position: relative; top: 5px; left: 4px; }

#centreLogo {
	text-align: center;
	clear: both;
	height: 102px; /* New 2009 Interhealth Canada Logo */
	margin-top: 25px;
	margin-bottom: 35px;
}

.headerLogo #logoBox.div {
	width: auto;
	margin: 0 auto;
	text-align: left;
}
.headerLogo #icsLogo.div {
	padding: 0 0px;
}


#navigation { 
	height: 2em; 
	font-size:1em; 
	padding-right: 1em; 
	padding-left: 1em; 
	border-bottom-width: 0.5em; 
	border-bottom-style: solid; 
	border-bottom-color: #a4a4a4; 
	background-color: #d90025; 
}
#navigation ul { 
	list-style: none;
	float: left;
}
#navigation ul li { float: left; }
#navigation ul li.active a { background-color: #a4a4a4; }
#navigation ul a  {
	background-color: #d90025; 
	margin-right: 0.3em; 
	padding-bottom: 0; 
	padding-right: 0.5em; 
	padding-left: 0.25em; 
	padding-top: 0.5em; 
	height: 1.5em; 
	color: white; 
	text-decoration: none; 
	float: left;
}
#navigation ul a.active  {  background-color: #a4a4a4;   }
#navigation ul a:hover  { color: white; text-decoration: none; background-color: #89002E; }
#navigation img { margin-right: 0.5em; padding-left: 0.2em; }

#footer { font-size:0.9em; line-height: 1.5em; }
#footer { 
	padding-top: 1.2em; 
	padding-bottom: 2em;
	border-top-style: solid; 
	border-top-color: #a4a4a4; 
	border-top-width: 0.5em; 
	background-color: #d90025; 
}
#legalStuff { padding-left: 1em; padding-right: 1em; color: #ffffff; text-align: right }
#legalStuff div { float: left; text-align: left }
#footer a:link, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }



#header-gap { height: 15px; }

.clearBar { clear: both; line-height: 0pt; }

#tcbox {
	width: 170px;
	margin-left: 15px;
	padding-top: 0.4em;
	margin-bottom: 15px;
	margin-top: 4px;
	background-color: #e4e4e4;
}

#tcbox h3 {
	padding-left: 5px;
	font-size: 1.3em;
	line-height: 1em;
	color: #000;
}

#tcbox p {
	padding-left: 5px;
	font-size: 0.9em;
	line-height: 1.3em;
}

#tcbox ul {
	list-style: none;
	margin-top: 2px;
}

#tcbox li {
	border-bottom-width: 0.5em; 
	border-bottom-style: solid; 
	border-bottom-color: #a4a4a4; 
	margin: 0;
	padding: 0;
	width: 170px;
}

#tcbox li a.runcorn {
	background: transparent url(../images/mini-runcorn.jpg) no-repeat 5px top;
}
#tcbox li a.kidderminster {
	background: transparent url(../images/mini-kidd.jpg) no-repeat 5px top;
}
#tcbox li a.droitwich {
	background: transparent url(../images/mini-droitwich.jpg) no-repeat 5px top;
}
#tcbox li a.braintree {
	background: transparent url(../images/mini-braintree.jpg) no-repeat 5px top;
}
#tcbox li a.uclh {
	background: transparent url(../images/mini-uclh.jpg) no-repeat 5px top;
}

#tcbox li a:link, #tcbox li a:visited {
	display: block;
	width: 170px;
	line-height: 28px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background-color: #d90025;
	text-indent: 50px;
}

#tcbox li a:hover {
	display: block;
	width: 170px;
	line-height: 28px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background-color: #89002E;
	text-indent: 50px;
}

#leftnav ul {
	list-style: none;
	padding-left: 15px;
	margin-bottom: 15px;
	margin-top: 8px;
}

#leftnav li {
	border-bottom-color: #a4a4a4;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin: 0;
	padding: 0;
	width: 170px;
}

#leftnav li.first {
	border-top-color: #a4a4a4;
	border-top-style: solid;
	border-top-width: 1px;
}

#leftnav li a:link, #leftnav li a:visited {
	display: block;
	width: 150px;
	line-height: 28px;
	color: #000;
	text-decoration: none;
	background: white url(../images/leftNav500.gif) no-repeat right top;
	text-indent: 0px;
	padding-left: 20px;
}

#leftnav li a:hover {
	display: block;
	width: 150px;
	line-height: 28px;
	color: #000;
	text-decoration: none;
	background: #e4e4e4 url(../images/leftNav500.gif) no-repeat -485px top;
	text-indent: 0px;
	padding-left: 20px;
}

/* NEW CSS */
#leftnav li.parent a:link, #leftnav li.parent a:visited {
	display: block;
	width: 150px;
	line-height: 28px;
	color: #000;
	text-decoration: none;
	text-indent: 0px;
	padding-left: 20px;
}
#leftnav li.parent a:hover {
	display: block;
	width: 150px;
	line-height: 28px;
	color: #000;
	text-decoration: none;
	background: #e4e4e4 url(../images/leftNav-parent.gif) no-repeat left top;
	text-indent: 0px;
	padding-left: 20px;
}

#leftnav li.active a:link, #leftnav li.active a:visited {
	font-weight: bold;
	font-family: "HelveticaNeue-Bold", Helvetica, Arial, sans-serif;
	display: block;
	width: 150px;
	line-height: 28px;
	color: #000;
	text-decoration: none;
	background: white url(../images/leftNav500.gif) no-repeat left top;
	text-indent: 0px;
	padding-left: 20px;
}
#leftnav li.active a:hover {
	display: block;
	width: 150px;
	line-height: 28px;
	color: #000;
	text-decoration: none;
	background: #e4e4e4 url(../images/leftNav500.gif) no-repeat left top;
	text-indent: 0px;
	padding-left: 20px;
}




/* == See bottom of CSS for IE6 fix for width in #leftnav == */

#breadcrumb { 
	color: #a7a9ac; 
	position: relative; 
	top: 5px; 
	margin-bottom: 1em; 
}
#breadcrumb a:link  { color: #6a6a6a; text-decoration: none; }
#breadcrumb a:visited  { color: #6a6a6a; text-decoration: none; }
#breadcrumb a:hover  { color: #6a6a6a; text-decoration: underline; }

#mainpage {  }
#mainpage a:link  { color: #89002e; text-decoration: none; }
#mainpage a:visited  { color: #89002e; text-decoration: none; }
#mainpage a:hover  { color: #89002e; text-decoration: underline; }

#mainpage p {
	font-size: 1.2em;
	color: #6a6a6a;
	margin-bottom: 1em;
	line-height: 1.3em;
}
#mainpage table {
	color: #6a6a6a;
}
/* ==== Red on White Large Heading ==== */
#mainpage h1 {
	font-weight: bold;
	color: #d90025;
	display: inline;
}
#mainpage span.h1heading {
	border-bottom-width: 0.3em; 
	border-bottom-style: solid; 
	border-bottom-color: #e4e4e4; 
	width: 100%;
	display: block;
	margin-bottom: 0.5em;
}
/* ==== Red on White Small Heading ==== */
#mainpage h2 {
	font-weight: bold;
	color: #d90025;
	display: inline;
}
#mainpage span.h2heading {
	border-bottom-width: 0.3em; 
	border-bottom-style: solid; 
	border-bottom-color: #e4e4e4; 
	width: 100%;
	display: block;
	margin-bottom: 0.5em;
}
/* ==== Grey on White Heading ==== */
#mainpage h3 {
	font-weight: bold;
	color: #6c6c6c;
	display: inline;
}
#mainpage span.h3heading {
	border-bottom-width: 0.3em; 
	border-bottom-style: solid; 
	border-bottom-color: #e4e4e4; 
	width: 100%;
	display: block;
	margin-bottom: 0.5em;
}
/* ==== White on Red Navbar Style Heading ==== */
#mainpage h4 {
	font-weight: bold;
	color: white;
	display: block;
}
#mainpage span.h4heading {
	border-bottom-width: 0.3em; 
	border-bottom-style: solid; 
	border-bottom-color: #a4a4a4; 
	background-color: #d90025; 
	width: 99%;
	display: block;
	margin-bottom: 0.5em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
}

#mainpage ul {
	font-size: 1.2em;
	color: #6a6a6a;
	line-height: 1.3em;
	margin-bottom: 1.3em;
	margin-top: 0em;
	margin-left: 2.3em;
}

ol {
	font-size: 1.2em;
	color: #6a6a6a;
	margin-left: 1.3em;
	line-height: 1.3em;
	margin-bottom: 0.5em;
}


#mainpage .editLink a {
	display: block;
	width: 6em;
	padding: 0.4em 0.2em 0.2em 0.2em;
	line-height: 1.4em;
	background-color: #94b8e9;
	border: 1px solid black;
	color: #000;
	text-decoration: none;
	text-align: center;
	opacity: 0.9;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 3px 3px 3px silver;
}
#mainpage .editLink a:hover {
	background-color: #369;
	color: #fff;
}
#mainpage .editLink {
	position: relative;
	z-index: 2;
}
#mainpage .hideEditLink {
	position: relative;
	z-index: 3;
	padding-bottom: 1em;
}
#mainpage .showEditLink {
	position: absolute;
	z-index: 3;
}
#mainpage div.editArea:hover {
	background-color: #efefef;
}
#mainpage div.editAreaPHOTO {
	position: relative;
	width: 6em;
	height: 1.4em;
	display: inline;
	z-index: 2;
}

#mainpage .downloadBlock {
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	position: relative;
	background-color: #efefef;
	line-height: 1.4em;
	width: 15em;
	padding: 0.5em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	margin-top: 1em;
	text-align: center;
}
#mainpage .downloadImg {
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	display: block;	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
}
#mainpage .pdf {
	background-image: url(../images/cms-admin/pdf_icon.png);
}
#mainpage .xls {
	background-image: url(../images/cms-admin/xls.png);
}
#mainpage .zip {
	background-image: url(../images/cms-admin/zip.png);
}
#mainpage .ppt {
	background-image: url(../images/cms-admin/ppt.png);
}
#mainpage .doc {
	background-image: url(../images/cms-admin/doc.png);
}
#mainpage .other {
	background-image: url(../images/cms-admin/default.png);
}
#mainpage .downloadBlock span {
	color: black;
	text-shadow: 1px 2px 1px white;
	position: relative;
	top: 0.15em;
	display: inline;
}
#mainpage .downloadBlock span a:link { color: black; text-decoration: none; }
#mainpage .downloadBlock span a:visited { color: black; text-decoration: none; }
#mainpage .downloadBlock span a:hover { color: black; text-decoration: underline;}

#mainpage #sitemap ul {
	font-size: 1.2em;
	color: #6a6a6a;
	line-height: 1.3em;
	margin-bottom: 1.3em;
	margin-top: 0em;
	margin-left: 2.3em;
	list-style: none;
	list-style-type: none;
}



/* ====== Virtual Tour ======= */

/* === Ysbryd IE Pekaboo Bug === */
.ysbryd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* hide from IE-mac \*/
* html .ysbryd {height: 1%;}

div.photoimages {
	border: 0px solid black;
}
div.photoimage {
	text-align: left;
	white-space: nowrap;
	display: inline;
	margin-top: 25px;
	margin-right: 20px;
	position: relative;
	width: 172px;
	float: left;
	overflow: hidden;
	height: 200px;
}
div.photoimageart {
	white-space: nowrap;
	display: block;
	margin-bottom: 3px
}
div.photoimageart img {
	white-space: nowrap;
	display: inline;
	border: 1px solid #FFFFFF;
}
div.photoimageart img:hover { border: 1px solid #FF0000; }
div.photoimagetitle {
	text-align: center;
	font-size: 10px !important;
	font-weight: bold;
	white-space: nowrap;
	padding-bottom: 5px;
	color: #FFFFFF;
}
/* ====== End Virtual Tour ======= */


/* ====== Photographs ======= */
.photo {
display: block;
margin-bottom: 1em;
}
.right {
float: right;
margin-left: 1em;
}
.left {
float: left;
margin-right: 1em;
}
.centre {
margin-left: auto;
margin-right: auto;
}
.photo img {
text-align: left;
margin: 0;
border: 1px solid black;
}
.photocopy {
color: #8c8c8c;
font-size: 0.75em;
display: block;
text-align: right;
}
.photodesc {
display: block;
color: #8c8c8c;
margin-top: 0.2em;
line-height: 1.3em;
}


/* ====== Prettyform ======= */
#prettyform { position: relative; }
#prettyform .adminForm { }
#prettyform form { margin: 0; padding: 0; }
#prettyform fieldset {  margin: 0 0 10px 0; border: 1px solid #ccc; padding-top: 10px; padding-bottom: 5px; padding-left: 10px; }
#prettyform legend { color: #808284; font-weight: bold; margin-left: 15px; padding-left: 5px; padding-right: 5px; padding-bottom: 0px; }
#prettyform label { display: block; font-weight: bold; }
#prettyform label.required { font-size: 0.75em; color:#219df4; font-weight: normal; }
#prettyform input[type="password"],#prettyform input[type="text"], #prettyform textarea { border-top: 2px solid #999; border-left: 2px solid #999; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
#prettyform input { width: 200px; }
#prettyform input.radio, #prettyform input.checkbox, #prettyform input.submit { width: auto; }
#prettyform textarea:focus { background: #dbf3ff; }
#prettyform input[type="text"]:focus { background: #dbf3ff; }
#prettyform input[type="password"]:focus { background: #dbf3ff; }
#prettyform input.radio { float: left; margin-right: 1em; }
#prettyform textarea { width: 250px; height: 100px; }
/* IE/Mac only */
#prettyform input.radio + label { text-indent: 2em; }
/* Reset hack for all other browsers \*/
#prettyform input.radio + label { text-indent: 0; }

/* Date Form Styling */
#prettyform .dayAddedField { width: 3em; margin-right: 0.5em; }
#prettyform .monthAddedField { width: 10em; margin-right: 0.5em; }
#prettyform .yearAddedField { width: 5em; }
#prettyform p.inline label { display: inline; }

.registrationForm label { display: block; }
.registrationForm input:focus, .registrationForm textarea:focus { background: #dbf3ff; }
.registrationForm input { float: right; width: 180px; left: 0px; top: -15px; position: relative; }
.registrationForm input.radio, .registrationForm input.checkbox, .registrationForm input.submit { width: auto; }
.registrationForm input.submit { float: left; position: relative; top: 0px; left: 250px; }
.registrationForm p.field { padding-bottom: 5px;  }
.registrationForm textarea { float: right; width: 180px; left: 0px; top: -15px; position: relative; height: 45px; }

.registrationForm div.formBorder { border: 5px solid #ccc; margin: 0 20px 0 20px; padding: 20px 0 10px 0; }

/* ===== External Links ======= */
a[href^="http:"] {
  background: url(../images/css-images/externalLink.gif) no-repeat right top;
  padding-right: 10px;
}

a[href^="http://www.interhealthcareservices.co.uk"], a[href^="http://interhealthcareservices.co.uk"],a[href^="http://www.ics.a5multimedia.co.uk"], a[href^="http://ics.a5multimedia.co.uk"]  {
  background-image: none;
  padding-right: 0;
}

a[href^="mailto:"] {
  background: url(../images/css-images/email.png) no-repeat right top;
  padding-right: 15px;
}

a.download {
  background: url(../images/css-images/downloadLink.gif) no-repeat right top;
  padding-right: 10px;
}


/* ===== search engine results style ===== */
a.isearch-title, a.isearch-description, a.isearch-url, a.isearch-prevnext:active
{
    background-color:transparent;
}
a.isearch-title, a.isearch-description, a.isearch-url, a.isearch-prevnext:hover
{
    background-color:transparent;
    font-size: 1.7em;
}
/* Usage :  Page heading on the search results page. */
h1.isearch
{
    font-size: 1.7em;
}
/* Usage :  To display the header line with the following messages:
 *             "Search results for _words_."
 *             "Showing results 1 to 10 of 17"
 */
table.isearch-head
{
    width: 95%;
    font-size: 1em;
}
/* Usage :  Displaying the search string in the message:
 *              Search results for _words_.
 */
.isearch-search
{
    font-style:italic;
    font-weight: bold;
}
/* Usage :  To display the page title in the results list. */
a.isearch-title:link
{
}
a.isearch-title:visited
{
}

/* Usage :  To display the page description in the results list. */
.isearch-description
{
    font-size:1.2em;
    line-height: 1.2em;
    color: #6a6a6a;
}
/* Usage :  To display the page score in the results list. */
.isearch-score
{
    font-size:0.7em;
    color:black;
}
/* Usage :  To display the page url in the results list. */
a.isearch-url:link
{
    font-size:0.8em;
}
a.isearch-url:visited
{
    font-size:0.8em;
}
/* Usage :  To display the file size in the results list. */
.isearch-size
{
    font-size:0.7em;
    color:black;
}
/* Usage :  To display the "<< Previous Page" and "Next Page >>" links. */
table.isearch-prevnext
{
    width: 95%;
    font-size: 1.2em;
}
td.isearch-prevnext
{
    font-size: 1em;
}
a.isearch-prevnext:link
{
    font-size: 1em;
}
a.isearch-prevnext:visited
{
    font-size: 1em;
}
/* Usage :  To display the "No matches found." string. */
h2.isearch-nomatch
{
    font-size:1.5em;
    color:#d90025;
}
/* Usage :  To display highlighted words in the page descriptions */
.isearch-highlight
{
    font-weight:bold;
}
/* Usage:  Displaying "Did you mean to search for:" test and links when
 * displaying alternative searches.
 */
.isearch-suggest-title
{
    color: #d90025;
}

a.isearch-suggest:link
{
    padding-left: 50px;
}

a.isearch-suggest:visited
{
    padding-left: 50px;
}
/* STYLES ADDED */
.isearch-li-none
{
    list-style-type: none;
}