/* -------- CAREWATCH - Screen CSS ------------------- */
/* -------- Created 22/08/2009 ----------------------- */


/* --------------------------------------------- Reset --------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ul,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;}
table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";}


/* --------------------------------------------- CORE --------------------------------------------- */
body {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:0.75em;
	background:url(../images/bg.png) top repeat-y #d4d4d4;
	color:#000000;
}

a {color:#a30234;text-decoration:none;}
a:hover {color:#5d87a1;}

h1 {
	font-family:Verdana, Tahoma, Geneva, sans-serif;
	font-size:1.83em;
	letter-spacing:-1px;
	color:#323272;
	padding-bottom:1.00em;
}

h2 {
	font-family:Verdana, Tahoma, Geneva, sans-serif;
	font-size:1.50em;
	letter-spacing:-1px;
	color:#5d87a1;
	padding-bottom:1.00em;
}

h4, h5 {
	font-family:Verdana, Tahoma, Geneva, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#323272;
}

p {line-height:1.50em;padding-bottom:1.50em;}

em {font-style:italic;}

/* Clear float fix */
.clearfix {display:block!important;clear:both;}
.noborder {border:none!important;}

/* Color list */
.red {color:#a30234;}
.blue {color:#5d87a1;}
.darkblue {color:#323272;}
.lightblue {color:#d9f2ff;}
.grey {color:#666666;}

/* Global values & absolutes */
#headerWrap, #fullBar, #mainNav, #twoColWrap, #footerWrap {margin:0 auto;}

/* Accessibility links */
.sml, .med, .lrg, .sml-inv, .lrg-inv {display:block;float:right;width:14px;height:14px;margin-left:3px;}

.sml {background:url(../images/accessibility/sml-regular.gif);}
.med {background:url(../images/accessibility/med-regular.gif);}
.lrg {background:url(../images/accessibility/lrg-regular.gif);}
.sml-inv {background:url(../images/accessibility/med-contrast.gif);}
.lrg-inv {background:url(../images/accessibility/lrg-contrast.gif);}

.sml a, .med a, .lrg a, .sml-inv a, .lrg-inv a  {display:block;height:14px;width:14px;outline:0;text-indent:-9999px;}


/* --------------------------------------------- HEADER --------------------------------------------- */
#headerWrap {width:960px;height:130px;}

#logo {float:left;width:213px;height:90px;margin:20px 0 0 20px;background:url(../images/Carewatch-Logo.png) no-repeat;}
#logo a {display:block;width:213px;height:90px;outline:none;text-indent:-9999px;}

/* Accessibility Links */
#headerNav {float:right;width:258px;margin:35px 20px 0 0;padding:0 0 20px 0;font-size:14px;}
#accessText {float:right;font-size:14px;}

/* Site Search Area */
#searchBox {clear:right;float:right;width:290px;}

#searchBox label {
	float:left;
	display:block;
	width:70px;
	margin:0 5px 0 15px;
	padding-top:3px;
	text-align:right;
	font-size:14px;
}

#searchBox input {
	float:left;
	width:150px;height:18px;
	padding:4px 0 0 5px;
	font-size:12px;
	border:none;
	background:url(../images/bginputSearch.png) no-repeat;
	color:#323272;
}

#searchBox input.btnSearch {
	display:block;
	position:relative;
	width:25px;height:22px;
	margin:0;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	background:url(../images/buttons/btnSearch-small.png) no-repeat;
}


/* --------------------------------------------- NAVIGATION --------------------------------------------- */
#mainNav {width:980px;height:38px;padding-top:13px;background:url(../images/cp/redBar.png) repeat-x;}

.lavaLamp {
	position:relative;
	width:940px;height:23px;
	margin-left:30px;
	overflow:hidden;
	font-size:14px;
}

.lavaLamp li {float:left;list-style:none;margin:0 5px 0 0;}

.lavaLamp li.back {background:url(../images/cp/lava.gif) no-repeat right -23px;width:9px;height:23px;z-index:8;position:absolute;}
.lavaLamp li.back .left {background:url(../images/cp/lava.gif) no-repeat top left;height:23px;margin-right:9px;}

.lavaLamp li a {position:relative;
			display:block;
			height:26px;
			margin:auto 0;
			padding:2px 8px 0 8px;
			float:left;
			overflow:hidden;
			background:none;
            text-align:left;
            z-index:10;
			color:#ffffff;
}

.lavaLamp li a:hover {color:#a30234;}

.lavaLamp .current a {position:relative;
			display:block;
			height:26px;
			margin:auto 0;
			padding:2px 8px 0 8px;
			float:left;
			overflow:hidden;
			background:none;
            text-align:left;
            z-index:10;
			color:#323272;
			font-weight:bold;
}


/* --------------------------------------------- CONTENT --------------------------------------------- */
#twoColWrap {width:980px;min-height:439px;margin-top:0;background:url(../images/cp/fadedBGgrey.png) 702px top no-repeat;}

/* left side */
#leftColumn {float:left;width:702px;margin-top:0;height:auto;}

#contentWrap {margin:0 30px;padding:30px 0;line-height:1.38em;}
#contentWrap a {font-weight:bold;}
#contentWrap ul {list-style:disc outside;margin-left:15px;padding-bottom:1.38em;}
#contentWrap ul li {line-height:1.38em;}

/* right side */
#rightColumn {float:right;width:258px;height:auto;margin-right:20px;padding:32px 0 20px 0;}

.blueBoxTop, .blueBoxBottom, .redBoxTop, .redBoxBottom, .greyBoxTop, .greyBoxBottom {margin-left:14px;}
.blueBoxBottom p, .redBoxBottom p, .greyBoxBottom p {font-size:12px;}
.blueBoxBottom a, .redBoxBottom a, .greyBoxBottom a {font-weight:bold;color:#ffffff;text-decoration:underline;}
.blueBoxBottom a:hover, .redBoxBottom a:hover, .greyBoxBottom a:hover {text-decoration:none;}
.blueBoxBottom img, .redBoxBottom img, .greyBoxBottom img {margin-bottom:10px;}

/* Blue boxes */
.blueBoxTop {width:228px;height:7px;margin-top:10px;background:url(../images/BOXblue-top.png) no-repeat;}
.blueBoxBottom {width:201px;padding:5px 13px 15px 14px;background:url(../images/BOXblue-bottom.png) bottom no-repeat;color:#ffffff;}
#CPcontent .blueBoxBottom p {color:#ffffff;padding:0 0 9px 0;}
.blueBoxBottom h4 {color:#000000;padding-bottom:10px;}

/* Red boxes */
.redBoxTop {width:228px;height:7px;margin-top:10px;background:url(../images/BOXred-top.png) no-repeat;}
.redBoxBottom {width:201px;padding:5px 13px 15px 14px;background:url(../images/BOXred-bottom.png) bottom no-repeat;color:#ffffff;}
.redBoxBottom p {color:#ffffff;padding:0 0 9px 0;}
.redBoxBottom h4 {color:#ffffff;padding-bottom:10px;}

/* Grey boxes */
.greyBoxTop {width:228px;height:7px;margin-top:10px;background:url(../images/BOXgrey-top.png) no-repeat;}
.greyBoxBottom {width:201px;padding:5px 13px 15px 14px;background:url(../images/BOXgrey-bottom.png) bottom no-repeat;color:#ffffff;}
.greyBoxBottom p {color:#ffffff;padding:0 0 10px 0;}

#OfficeFinder .hidden {display:none;}
#OfficeFinder label {float:left;width:74px;padding-top:2px;text-align:right;color:#ffffff;font-size:12px;font-weight:bold;}
#OfficeFinder input {float:right;padding:0;}
#OfficeFinder div {padding-bottom:5px;}
#OfficeFinder div input {width:121px;}
#OfficeFinder div select {margin-left:3px;}
#OfficeFinder .btnFindOffice {
	clear:both;
	float:none;
	display:block;
	position:relative;
	width:200px;height:23px;
	margin:0 auto;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	background:url(../images/buttons/btnFindoffice.png) no-repeat;
}


/* --------------------------------------------- FOOTER --------------------------------------------- */
#footerWrap {
	width:920px;
	padding:30px;
	border-top:3px solid #a30234;
	color:#ffffff;
	background:url(../images/bg-footer.gif) repeat-x #000000;
}

#footerWrap p, #footerWrap h4, #footerWrap ul li {font-size:12px;line-height:18px;}
#footerWrap h4 {display:block;height:20px;padding-bottom:1.45em;text-indent:-9999px;color:#ffffff;}
#footerWrap a {color:#5d87a1;}
#footerWrap a:hover {color:#ffffff;}

#infoContain {float:left;width:240px;}
#linksContain {float:left;width:360px;}
#linksContain ul {float:left;width:180px;}

#w3cContain {float:left;width:240px;margin-left:20px;}
.w3cHTML {float:left;}
.w3cCSS {float:left;margin-left:10px;}

#infoContain h4 {width:186px;background:url(../images/footer-titles/useful-information.png) no-repeat;}
#linksContain h4 {width:104px;background:url(../images/footer-titles/quick-links.png) no-repeat;}
#w3cContain h4 {width:224px;background:url(../images/footer-titles/w3c-standards.png) no-repeat;}

/* ----------- Hide from all but IE6 ----------- */
.blueBoxIE6, .redBoxIE6, .greyBoxIE6 {display:none;}