/* Client: LTC Support & Care
/* Date: 23 April 2010
----------------------------------------------------------------------------- */


/* RESET CODE
----------------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}


/* CLEAR AND FLOATS
----------------------------------------------------------------------------- */


.clear {
	clear:both;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hides from IE-mac */
* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}

.right {
	float:right;
}

.left {
	float:left;
}

.relative {
	position:relative;
}

.absolute {
	position:absolute;
	z-index:99;
}


/* STRUCTURE
----------------------------------------------------------------------------- */


.head, .prime, .container, .foot {
	clear:both;
	margin:0 auto;
}

/* This forces a vertical scroll bar regardless of page height, simply to combat the irritating page shift. */
html {
	height:101%;
	margin-bottom:1px;
}

/* for ie5.5 / 6.0 - realign the text */
* html .head, * html .prime, * html .banner, * html .container, * html .foot {
	text-align:left;
}

body {
	margin:0px auto;
	font-family:Arial, sans-serif;
	color:#333333;
	font-size:100%;
	background:#fff;
}

/*
 For FireFox, Chrome and Safari - default monospace font too small
 See: http://www.undermyhat.org/blog/2009/09/css-font-family-monospace-renders-inconsistently-in-firefox-and-chrome/
*/
pre, code, samp, kbd, tt {
  font-family:"Courier New" , monospace;
}

/* Container for the whole page */
div.page_body {
	margin:0 auto;
	width:960px;
	position:relative;
}

.prime {
	width:150px;
	float:left;
	margin-right:10px;
	display:inline;
	position:absolute;
}

.logo {
	padding:26px 0 26px 160px;
	display:block;
}

.helpline {
	position:absolute;
	background:#9e1b32 url(/images/bg_helpline.gif) bottom left no-repeat;
	top:0;
	right:0;
	width:204px;
	height:48px;
	color:#ffffff;
	padding:10px 16px 16px 10px;
	font-size:1.4em;
}

.helpline a {
	display:block;
	color:#ffffff;
}

.container {
	width:960px;
	min-height:300px;
	height:auto !important;
	height:300px;
}

.container.home {
	padding:17px 0 0 0;
	width:800px;
	margin-left:160px;
	background:url("/images/bg_hr.gif") repeat-x scroll left top transparent;
}

.foot {
	background:#269BB3 url(/images/bg_foot_wrapper.png) top left repeat-x;
}

.foot_inner {
	background:transparent url(/images/bg_foot.png) top left no-repeat;
	padding:10px 0 0px 150px;
	height:72px;
}

* html .foot_inner {
	padding:10px 0 10px 150px;
}

.foot_wrapper {
	margin:0 auto;
	width:960px;
	padding-top:30px;
}
/* fixes collapse of empty div in firefox */
.spacer {
	white-space:pre;
}


/* SPOTLIGHT STYLES
----------------------------------------------------------------------------- */


div.spotlight {
	width:560px;
	height:238px;
	margin-left:160px;
}


/* CAROUSEL STYLES
----------------------------------------------------------------------------- */

div.carousels {
	width:560px;
	height:238px;
	overflow:hidden;
}

div.carousels div#fader img {
	display:block;
}

div.carousel_list div.carousel {
	margin-bottom: 5px;
	margin-right: 5px;
	float:left;
}

div.carousel_list img.slide,
div.carousel_list div.carousel {
	height:153px;
	width:274px;
	display:block;
}



/* CHANNEL STYLES
----------------------------------------------------------------------------- */

div.channel_wrapper {
	background:url(/images/bg_hr.gif) repeat-x bottom left;
	width:800px;
	height:262px;
	padding-bottom:20px;
	margin-bottom:5px;
}

div.channels {
	width:560px;
	float:left;
}

div.channel {
	margin:0 12px 12px 0;
	width:274px;
	height:126px;
	float:left;
}

div.channel.last, div.channel.second {
	margin-right:0;
}

div.channel a,
div.channel img {
	display:block;
}


/* BULLET STYLES
----------------------------------------------------------------------------- */

div.content_two ul, div.content_three ul {
	padding-left:0px;
}

div.content_two ul li, div.content_three ul {
	font-size:0.8em;
	line-height:1.44em;
	background:url("/images/bullet.gif") no-repeat scroll 0 7px transparent;
	list-style:none outside none;
	padding-left:15px;
}


/* ROLLOVER STYLES
----------------------------------------------------------------------------- */


a.rollover {
	display:block;
	width:100%;
	height:100%;
}

a.rollover:hover {
	background-position:bottom;
}

a.rollover span {
	position:absolute;
	left:-5000px;
}


/* BANNER STYLES
----------------------------------------------------------------------------- */


div.banner {
	width:800px;
	height:155px;
	margin-left:160px;
	margin-bottom:20px;
	position:relative;
}

/* NAVIGATION GRID STYLES
----------------------------------------------------------------------------- */


div.navigationGrid div.navigation {
	width:160px;
	margin-right:20px;
	margin-bottom:20px;
}

div.navigationGrid div.navigation h2 {
	font-size:0.8em;
	font-weight:bold;
}

div.navigationGrid div.navigation.rowEnd {
	margin-right:0;
}

div.navigationGrid div.navigation .title {
	padding:2px;
}

div.navigationGrid div.navigation .text p {
	padding:0;
	margin:0;
	text-align:left;
}


/* ADMIN FORM STYLES
----------------------------------------------------------------------------- */


div.adminForm {
	margin-left:160px;
}

form.admin {
	font-size:0.75em;
}

form.admin p {
	font-size:1em;
	padding:0;
	margin:0 0 0.5em 0;
}

form.admin fieldset {
	border:1px #CCCCCC solid;
	padding:10px;
	margin-top:20px;
}

form.admin legend {
	font-weight:bold;
	font-size:1.2em;
}

form.admin div.row {
	clear:both;
	margin-top:10px;
	margin-bottom:5px;
}

form.admin div.row input {
	vertical-align:text-bottom;
}

form.admin div.row div {
	margin-left:178px;
}

form.admin label {
	display:block;
	float:left;
	font-weight:bold;
	padding:0 8px 0.5em 0;
	text-align:right;
	width:170px;
}

form.admin div.row div label {
	display:block;
	float:none;
	font-weight:normal;
	text-align:left;
	width: auto;
	padding:0;
}

form.admin label sup {
	color:#FF0000;
}

form.admin legend.error,
form.admin div.row p.error {
	color:#FF0000;
}

form.admin div.row p.note {
	color:#555555;
}


/* LOGIN FORM STYLES
----------------------------------------------------------------------------- */


form.login {
	font-size:0.75em;
}

form.login p {
	font-size:1em;
}

/*form.login fieldset {
	border:1px #CCCCCC solid;
}*/

form.login legend {
	margin-bottom:10px;
	padding:0;
	font-weight:bold;
}

form.login div.row {
	clear:both;
	margin-bottom:10px;
}

form.login div.row input {
	vertical-align:text-bottom;
		width:300px;
}

form.login div.row div {
	margin-left:178px;
}

form.login label {
	display:block;
	float:left;
	font-weight:bold;
	margin-right:10px;
	text-align:right;
	width:170px;
}

form.login label sup {
	color:#FF0000;
}

form.login div.row p.error {
	color:#FF0000;
	text-align:center;
}

form.login div.row p.note {
	color:#555555;
	text-align:right;
}

div.supporters_login form.login label {
	margin-bottom:5px;
	float:none;
	text-align:left;
}

div.rov_submit {
}


/* NEWSLETTER FORM STYLES
----------------------------------------------------------------------------- */


form.newsletter {
	font-size:0.75em;
}

form.newsletter fieldset {
	border:1px #CCCCCC solid;
}

form.newsletter div.row {
	clear:both;
	margin:10px;
}

form.newsletter div.row input {
	vertical-align:text-bottom;
	width:210px;
}

form.newsletter div.row input.natural {
	width:auto;
}


form.newsletter label {
	display:block;
	font-weight:bold;
	margin-right:10px;
}


/* CONTACT FORM STYLES
----------------------------------------------------------------------------- */

div.contact_left {
	width:300px;
	float:left;
	display:inline;
}

div.contact_right {
	width:205px;
	float:right;
	display:inline;
}

form.contact {
	font-size:0.75em;
}

form.contact div.row {
	margin-bottom:10px;
}

form.contact div.row input {
	width:100%;
}

form.contact div.natural input {
	width:auto;
}

form.contact div.row textarea {
	width:100%;
	font-family: Arial, sans-serif;
	font-size:1em;
}

form.contact label {
	font-weight:bold;
	line-height:1.8em;
	color:#666;
	font-size:1em;
}

form.contact label sup {
	color:#666;
}

form.contact div.row p.error, form.contact div.row_error p.error {
	color:#FF0000;
}

form.contact div.row p.note {
	text-align:right;
}


/* GENERAL DYNAMIC CONTENT STYLES
----------------------------------------------------------------------------- */


div.content ul {
	padding-left:20px;
	margin-left:0px;
}

div.content ol {
	list-style-type:decimal;
	list-style-position:inside;
}

div.header_holder {
	margin:0 0 15px 0px;
}

div.tlc {
	background:#007A94 url(/images/bg_header_tlc.png) no-repeat top left;
}

* html div.tlc {
	background:#007A94 url(/images/bg_header_tlc.gif) no-repeat top left;
}

div.trc {
	background:transparent url(/images/bg_header_trc.png) no-repeat top right;
}

* html div.trc {
	background:transparent url(/images/bg_header_trc.gif) no-repeat top right;
}

div.blc {
	background:transparent url(/images/bg_header_blc.png) no-repeat bottom left;
}

* html div.blc {
	background:transparent url(/images/bg_header_blc.gif) no-repeat bottom left;
}

div.brc {
	background:transparent url(/images/bg_header_brc.png) no-repeat bottom right;
}

* html div.brc {
	background:transparent url(/images/bg_header_brc.gif) no-repeat bottom right;
}

div.content h1, div.content div.first_block h2.first_title {
	font-size:1.35em;
	font-weight:normal;
	color:#ffffff;
	padding:10px 10px 7px 10px;
}

div.content div.first_block h2.first_title {
	font-size:1.15em;
}

div.container.home div.header_holder,  div.container.home div.tlc, div.container.home div.trc, div.container.home div.blc, div.container.home div.brc {
	background:none;
	margin:0;
}

div.container.home div.content h1, div.container.home h2.first_title {
	font-size:1.25em;
	color:#007a84;
	font-weight:normal;
	padding:5px 0 12px 0;
	margin:0;
	background:none;
}

div.content h2 {
	padding:0 10px 5px 10px;
	font-size:1.05em;
	font-weight:bold;
	color:#007a94;
}

div.content h3 {
	padding:0px 10px 8px 10px;
	font-size:0.85em;
	font-weight:bold;
	color:#007A94;
}

div.content p {
	margin:0 0 10px 0;
	padding:0 10px 0 10px;
	font-size:0.8em;
	line-height:1.35em;
}

div.container.home p {
	padding:0 0px 0px 0px;	
}

div.container.home h2 {
	padding:0 0px 12px 0px;	
}

div.container.home p.date {
	padding-bottom:0px;
	margin-bottom:8px;
	font-size:0.75em;
}


div.content p.big_blue_para {
	color:#00c4d9;
	font-size:1.15em;
	line-height:1.25em;
}

div.content table {
	font-size:0.75em;
	line-height:18px;
}

div.content .content_image {
	padding:0;
	line-height:0;
}

div.container.home div.content .content_image, div.container.home div.content .content_image.left, div.container.home div.content .content_image.right {
	padding:0;
	margin:0;
}

div.content .content_image.right {
	margin:5px 10px 5px 10px;
}

div.content .content_image.left {
	margin:5px 10px 5px 10px;
}

div.content .content_image.full {
	padding:5px 10px 10px 10px;
	border:none;
}

div.content span.zoom {
	display:block;
	font-weight:bold;
	text-align:center;
	background:#EEEEEE;
	color:#555555;
	line-height:12px;
	font-size:10px;
	margin:0 0 1em 0;
}

div.content a.lightbox img {
	display:block;
}

div.content p.textleft {
	text-align:left;
}

/* MULTIMEDIA
----------------------------------------------------------------------------- */

div.multimedia {
	padding:0 10px 0 10px;
}

/* CONTENT COLUMN ONE
----------------------------------------------------------------------------- */


.content_one {
	margin:0 10px 0 0;
	width:150px;
	float:left;
	display:inline;
}

.container.home .content_one {
	margin:0;
	width:230px;
	float:right;
	display:inline;
}


/* CONTENT COLUMN TWO
----------------------------------------------------------------------------- */


.content_two {
	margin:0 10px 0 0;
	width:550px;
	float:left;
	display:inline;
}

.container.home .content_two {
	margin-left:10px;
	margin-right:0px;
	width:300px;
}


/* CONTENT COLUMN THREE
----------------------------------------------------------------------------- */


.content_three {
	margin:0 0 0 0;
	width:240px;
	float:right;
	display:inline;
	
}

div.container.home .content_three {
	width:220px;
	margin-left:20px;
	float:left;
}

/* HOME CONTENT COLUMN FOUR
----------------------------------------------------------------------------- */

div.container.home .content_four {
	width:220px;
	margin-right:10px;
	float:right;
	display:inline;
}

/* HOME CONTENT COLUMN FIVE
----------------------------------------------------------------------------- */

div.container.home .content_five {
	width:230px;
	height:238px;
	background:url(/images/bg_viewpoint.gif) no-repeat top left;
	position:absolute;
	top:106px;
	right:0;
}

div.container.home .content_five h2 {
	padding:7px 10px 10px 10px;
	color:#fff;
	font-size:1.4em;
}

div.container.home .content_five .content_five_inner {
	padding:10px;
	height:168px;
	overflow:auto;
}

div.container.home .content_five .content_five_inner p, div.container.home .content_five .content_five_inner a {
	color:#fff;
}

div.container.home .content_five .content_five_inner .content p strong {
	font-weight:bold;
	font-size:1.5em;
	padding:0;
	margin:0;
	margin:10px 0 0 0;
}

div.container.home .content_five .content_five_inner .content p {
	margin:0;
}

div.container.home .content_five .content_five_inner .content p strong {
	font-weight:bold;
	font-size:1.5em;
	padding:0;
	margin:0;
	margin:10px 0 0 0;
	display:block;
}

/* PRIMARY NAVIGATION
----------------------------------------------------------------------------- */


ul.primarynav {
	margin:0;
	padding:26px 0;
}

ul.primarynav li {
	margin:0;
	font-size:0.85em;
	list-style:none;
	list-style-image:none;
	color:#bcbbbb;
	font-weight:bold;
	line-height:1.40em;
}

ul.primarynav li a {
	margin:0;
	padding-left:10px;
	height:1%;
	display:block;
	text-decoration:none;
	color:#bcbbbb;
}

ul.primarynav li a:hover {
	color:#000;
}

ul.primarynav li.active a {
	color:#9e1b32;
}

/* SIDE NAVIGATION
----------------------------------------------------------------------------- */


div.sidenav {
	font-size:0.75em;
	padding:8px 0 0 0px;
}

div.sidenav ul {
	padding:0;
	margin:0;
}

div.sidenav ul ul {
	padding-bottom:10px;
}

div.sidenav li {
	margin:0;
	padding:7px 0 0px 0;
	line-height:1.10em;
	list-style:none;
	list-style-image:none;
}

div.sidenav li.level1 {
	padding:7px 0 3px 0;
	font-weight:bold;
	border-bottom:1px solid #dcddde;
}

div.sidenav ul.level2 {
	padding:0 0 0 10px;
}

div.sidenav li.level2 {
	font-weight:normal;
}

div.sidenav ul.level2 li {
	padding-top:5px;
}

div.sidenav li a {
	color:#666666;
	padding-left:10px;
	display:block;
	height:1%;
}

div.sidenav ul.level0 li a {
	padding-left:10px;
	color:#9e1b32;
	font-weight:bold;
}

div.sidenav ul.level1 li a {
	padding-left:10px;
	font-weight:normal;
	color:#000000;
}

div.sidenav ul.level0 li a.active,
div.sidenav ul.level1 li a.active {
	padding-left:10px;
	background:transparent url(/images/right_arrow.gif) no-repeat scroll 0px 50%;
	color:#9e1b32;
}


div.container .content_one .sidenav ul.level1 li a.expanded {
	color:#9e1b32;
	font-weight:bold;
	font-weight:normal;
}

div.sidenav li a:hover {
	text-decoration:none;
	color:#000000;
}

div.sidenav li.expanded a, div.sidenav ul.level1 li.expanded a {
	color:#000000;
}

div.sidenav ul.level0 ul.level1 ul.level2 li a.expanded {
	background:none;
}

div.sidenav span.first_title {
	border:none;
	margin:0;
}

div.sidenav li.admin {
	font-size:11px;
}

div.sidenav li a.noblock {
	display:inline;
}


/* ADMIN STYLES
----------------------------------------------------------------------------- */


div.admin {
	background: #ccc;
	margin-bottom:8px;
	padding-bottom:2px;
}

div.adminGroup {
	margin-bottom:25px;
}

p.admin {
	top:2px;
	left:2px;
	margin:0;
	padding:0 1px 0 1px;
}

div.content p.admin {
	margin-bottom:0;
}

p.admin, p.admin a {
	display:inline;
	font-size:11px;
	line-height:18px;
	height:18px;
	font-weight:normal;
	color:#BB141A;
	text-decoration:none;
}

p.admin a img,
div.sidenav li.admin img {
	vertical-align:-20%;
	display:inline;
}

p.admin a {
	padding-left:1px;
	padding-right:1px;
}

p.admin a:hover {
	background-image:none;
}

p.admin.absolute {
	background: #ffffff;
	border:1px solid #aaaaaa;
}

div.sidenav li.admin a {
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	color:#BB141A;
}

div.sidenav li span.admin {
	float:right;
}

div.sidenav li span.admin a {
	display:inline;
	color:#BB141A;
	font-weight:normal;
	padding:0;
	margin:0;
}

div.sidenav li span.admin a:hover {
	background:none;
}


/* BREADCRUMB NAVIGATION
----------------------------------------------------------------------------- */


div.breadcrumb {
	font-size:0.8em;
	margin:0 0 10px 220px;
}


/* FOOTER NAVIGATION
----------------------------------------------------------------------------- */


.foot ul li {
	padding:0;
	margin:0;
	display:inline;
	float:right;
	color:#fff;
	font-weight:bold;
}

.foot ul li a {
	padding:0 10px 0 10px;
	display:block;
	float:left;
	font-size:11px;
	color:#fff;
	text-decoration:none;
}

.foot ul li a:hover {
	text-decoration:underline;
}

.foot ul li.active a {
	text-decoration:underline;
}

.foot .right {
	line-height:1.5em;
	margin:0;
	padding-left:1.5em;
}

.foot p {
	font-size:0.75em;
	float:left;
	padding:5px 0 0 20px;
	color:#fff;
}

div.foot ul {
	padding:25px 0 0 0;
	float:right;
	clear:right;
}

div.link_container {
	padding:0 8px 0 0;
	float:right;
	height:25px;
}

.link_container p {
	padding:5px 2px 5px 10px;
	margin-left:0px;
	float:none;
	display:inline;
}

.link_container a {
	padding:5px 0px 5px 0;
	margin-left:0;
	width:23px;
	color:#ffffff;
	font-weight:bold;
	display:inline-block;
}

.link_container a:hover {
	text-decoration:none;
}

div.foot a.share {background:url(/images/share.gif) no-repeat 0px 50%;}
div.foot a.twitter {background:url(/images/twitter.gif) no-repeat 0px 50%;}
div.foot a.facebook {background:url(/images/facebook.gif) no-repeat 0px 50%;}
div.foot a.youtube {background:url(/images/youtube.gif) no-repeat 0px 50%;}
div.foot a.linkedin {background:url(/images/linkedin.gif) no-repeat 0px 50%;}

div.foot a.share:hover {background:url(/images/share_hover.gif) no-repeat 0px 50%;}
div.foot a.twitter:hover {background:url(/images/twitter_hover.gif) no-repeat 0px 50%;}
div.foot a.facebook:hover {background:url(/images/facebook_hover.gif) no-repeat 0px 50%;}
div.foot a.youtube:hover {background:url(/images/youtube_hover.gif) no-repeat 0px 50%;}
div.foot a.linkedin:hover {background:url(/images/linkedin_hover.gif) no-repeat 0px 50%;}

div.foot_wrapper p.credits {
	padding-top:3px;
	font-size:10px;
	text-decoration:none;
	color:#666666;
	float:right;
	padding-right:10px;
}

div.foot_wrapper p.credits a {
	text-decoration:none;
	color:#666666;
}

div.foot_wrapper p.credits a:hover {
	text-decoration:underline;
	color:#666666;
}

div.foot_wrapper p.copyright {
	padding:3px 0 0 10px;
	float:left;
	font-size:0.75em;
	text-decoration:none;
	color:#666666;
}


/* ARTICLE STYLES
----------------------------------------------------------------------------- */


div.article_summary .content {
	padding:6px 10px 4px 10px;
	background:#f0f0f0;
}

div.article_summary .content.oddRow {
	background:#d7d7d7;
}

div.article_summary .content div {
	float:left;
}

div.article_summary.last,
div.featured_article.last {
	background:none;
}

div.article_summary h2 {
	padding:0;
	margin:0;
	font-size:0.7em;
	font-weight:bold;
}

div.article_summary h3 {
	padding:0;
	font-size:0.70em;
}

div.featured_article h3 {
	margin:0;
	padding:0;
	font-size:0.75em;
	color:#000;
	font-weight:bold;
}

div.article_summary cite {
	margin:0 0 0 0;
	color:#666666;
	font-size:0.60em;
	display:block;
	font-weight:bold;
}

div.article_summary p {
	padding-top:5px;
	margin:0;
}

div.article_summary img {
	float:right;
	margin:0 0px 10px 10px;
}

div.featured_article cite {
	margin:0 0 0px 0;
	color:#000000;
	font-size:0.7em;
	font-weight:bold;
	display:block;
}


/* CALENDAR STYLES
----------------------------------------------------------------------------- */

div.calendar {
	font-size:60%;
	background:transparent url(/images/bg_calendar_header.gif) top center no-repeat;
}

div.calendar table {
	border-collapse:separate;
	width:230px;
	margin:0 auto;
}

div.calendar th,
div.calendar td {
	text-align:center;
}

div.calendar th {
	padding:3px 0 0 0;
	font-size:100%;
}


div.calendar td {
	width:14%;
	line-height:1.8em;
	background:#ebebeb;
	border: 2px solid #ffffff;
	padding:4px;
}

div.calendar th.previous {
	vertical-align:middle;
}

div.calendar th.current {
}

div.calendar th.next {
}

div.calendar th.days {
 color:#008da9;
}

div.calendar a {
	display:block;
	text-decoration:none;
}

div.calendar a:hover {
	text-decoration:underline;
}

div.calendar td.plain {
	background:#ffffff;
}

div.calendar tr.header {
	color:#ffffff;
	height:27px;
	font-size:115%;
}

div.calendar tr.header a {
	color:#ffffff;
}

div.calendar tr.header th {
	padding:3px 0 1px 0;
}

* html div.calendar tr.header th {
	padding:0px 0 1px 0;
}

div.calendar td.today {
	border:2px solid #b0b0b0;
	background:#fff;
}

div.calendar td.busy {
	background:#000;
	color:#ffffff;
}

div.calendar td.busy a {
	color:#ffffff;
}
/* GENERIC STYLES
----------------------------------------------------------------------------- */


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

p a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.center {
	text-align:center;
}

.small {
	font-size:90%;
}

tr.oddRow {
	background:#dddddd;
}


