/*  Default styles for screen - Site: KidneyCareConnections - Created on: 3/28/06 - By: dchatsuthiphan   */
	
/*  Contents
----------------------------------
 	- Set default font size
	- HTML element defaults
	- Layout
	- Header and tabs
	- Left column
	- Footer
	- Homepage
	- Mainpages
	- Subpages
	- Callout boxes
	- Miscellaneous
----------------------------------*/
	
/*  Set default font size
----------------------------------*/
	body {
		margin:0;
	/* Cheat padding bottom to prevent content area's background from continuing in footer in WinIE */
		padding: 0 0 25px 0;
		border:0;
		color:#333;
		font:x-small Verdana, Arial, Sans-serif;
		line-height:1.4;
		background:#213C7F url(/images/backgrounds/body_shadow.gif) repeat-y top center;
		voice-family: "\"}\"";
		voice-family:inherit;
		font-size:small;
		/* For old versions of IE */
		text-align: center;
		}
		
/*  HTML element defaults
----------------------------------*/
/* Fix Mozilla bug that crops content when fans resize browser window */
	html { min-width: 770px;}

	a:link, a:active {/*font-weight:bold;*/ color:#4A6A9B;;}
	a:visited {/*font-weight:bold;*/}
	a:hover {/*font-weight:bold;*/ color:#009; background:#e4f2ff;}
	
	p {margin:0 0 1em 0;}
	hr {
		clear:both;
		height:1px; 
		margin:0 0 .5em 0; 
		color:#fff;
		background:none; 
		border:0;
		border-top:1px dotted #ccc;
		}
	form hr {margin: 0 0 0 0;}
	
	h1 {  /* article linkline and main title of info pages */
		color: #AC1014;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 26px;
		line-height: 125%;
		margin: 25px 0 10px 0;
		text-align:left;
		}
	h2 {  /* article headline */
		font-family:Arial, Helvetica, sans-serif;
		font-size:170%;
		font-weight:normal;
		color:#006;
		text-align:left;
		}   
	h3 {  /* section heading within body */
		color: #324860;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 18px;
		line-height: 135%;
		margin: 16px 0 8px 0;
		text-align:left;
		}
	h4 {  /* subheading within body copy */
		margin:0;
		font-size:110%;
		color:#000;
		text-align:left;
		}
	h5 {  /* main page subheading or highlight box heading */
		margin:0 0 10px 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:90%;
		color:#006;
		}
 /* h6 (used for Teaser headings) set below */
	
	table th {text-align:left;}
	table.accent {
		margin:0 0 1em 0;
		width:444px;
		border:1px solid #008AE5;
		}
	#globalcol table.accent {
		width:267px;
		}
	table.accent caption {
		padding-bottom:.5em;
		font-weight:bold;
		text-align:left;
		}
	table.accent th { 
		padding:5px;
		font-weight:bold;
		text-align:left;
		color:#fff;
		background:#008AE5;
		}
	table.accent td {
		padding:5px 10px;
		border-right:1px solid #ccc;
		border-bottom:1px dotted #ddd;
		border-collapse:collapse;
		}
	table.data {
		margin:0 0 1em 0;
		width:560px;
		border:1px solid #ccc;
		border-collapse:collapse;
		}
	table.data caption {
		padding-bottom:.5em;
		font-weight:bold;
		text-align:left;
		}
	table.data th { 
		padding:5px;
		font-weight:bold;
		text-align:left;
		color:#fff;
		background:#999;
		border-right:1px solid #d7d7d7;
		border-collapse:collapse;
		}
	table.data td {
		padding:.5em;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ddd;
		border-collapse:collapse;
		}
	
	table.form {
		margin:0 0 1em 0;
		border:1px solid #ccc;
		border-collapse:collapse;
		}
	table.form caption {
		padding-bottom:.5em;
		font-weight:bold;
		text-align:left;
		}
	table.form th { 
		padding:.2em;
		font-size:120%;
		color:#006 !important;
		text-align:left;
		background:#fff url(/images/backgrounds/h3_stripe.gif) !important;
		border:1px solid #ccc !important;
		border-left:1px solid #ddd !important;
		}
	table.form td {
		padding:.3em;
		border-collapse:collapse;
		}
		
	ul {margin:0 0 1em 0; margin-left:1em; padding-left:1em; text-align:left;}
	ol {margin:0 0 1em 0; margin-left:1.4em; padding-left:1.4em; text-align:left;}
	li {margin:.6em 0 .6em 0}
	dl {margin:0 0 1em 0;}
	dt {margin:0; font-weight:bold; text-align:left;}
	dd {margin:0 0 1em 1em}
		
	form {margin:0;padding:0;}
	fieldset {padding:4px;}
	legend {font-weight:bold;}

	img {border:0;}
	
/*  Layout
----------------------------------*/
	#wrapper	{
		margin: 0 auto;
		padding: 0;
		width: 770px;
		text-align: left;
		background:#fff /*url(/images/backgrounds/sidebar_bg.gif) repeat-y right*/;
		}
	#home div#wrapper {background:#fff url(/images/backgrounds/body_bg.gif) repeat-y top center;}	
	#header {
		height: 85px;
		color: #FFF;
		background: #A20C0E;
		margin: 0;
		}	
	#maincontainer {
		margin: 0;
		text-align: left;
		}
	div#doublecol {
		text-align: left;
		margin: 0; padding: 0;
		margin-left: 360px;
		}
	div#globalcol { /* "sidebar" */
		float:right;
		text-align: left;
		font-size:90%;
		margin:0;
		padding:0;
		width:250px;
		} 
	#contentcol {  /*main content on a subpage*/
		float:left;
		width:450px;
		padding:0 0 20px 20px;
		font-size:93%; 
		text-align:left;
		}
	#subnavpage #contentcol {  /*when a subnavigation (aka "localnav") is present on page */
		width:520px;
		}
	#nomargin #contentcol { /*main content on a subpage w/o left global nav*/
		width:740px;
		}
	#nomargin #globalcol {display:none;}
	#footer {
		clear:left;
		width:770px;
		margin:0;
		padding:0;
		background:#fff;
		font-size:90%;
		text-align:left;
		}
	#printheader {display:none;}
	#printfooter {display:none;}
		
	
/*  Header and tabs
----------------------------------*/
	#logo {
		margin:0;padding:0;
		display:block;
		background:url(/key/images/header_logo.gif) no-repeat;
		width:282px;
		height:80px;
		}
	a:hover #logo {background:#fff}
	#banner {
		position:absolute;
		top:15px;
		right:10px;
		z-index:50;
		color:#fff; 
		}
	#tagline {
		margin:0 0 0 20px; 
		padding:0;
		color:#009;
		}
	#tagline h1 {
		margin:0 0 5px 0;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:normal;
		}
	#phonenumber {
		position:absolute;
		top:45px;
		right:35px;
		z-index:20;
		width:200px;
		font-weight:bold;
		font-size:78%;
		color:#fff;
		}
	#phonenumber h4 {margin:0; font-size:140%; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#fff;}

	#tabnav ul {
		height:29px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		margin:0;
		padding-left:5px;
		list-style:none;		
		background:#324860; 
		}
	#tabnav li {
		float:left;
		margin:0;
		padding:0;
		background-image:none;
		line-height:normal;
		text-indent:0;
		}
	#tabnav a:link, #tabnav a:visited {
		display: block;
		color: #FFF;
		text-decoration: none;
		padding: 7px 13px 7px 15px;
		white-space:nowrap;
		font-weight:bold;
		}
	#tabnav a:hover {
		text-decoration:underline;
		background:none;
		}
	#tabnav li.current {	
		background: url(/kidneycareconnections/images/tab_main.gif) no-repeat 100% 100% !important;
		padding-right: 7px !important;
		}
	#tabnav li.current a {
		background: url(/kidneycareconnections/images/tab_left.gif) no-repeat 0 100% !important;
		padding-left: 20px !important;
		}
	#headerutilities {
		color: #FFF;
		background: #4074A6;
		text-align: right;
		padding:7px 20px;
		font-size:90%;
		}
	#headerutilities a:link, #headerutilities a:visited {font-weight:normal; color:#fff;} 
	#headerutilities a:hover {color:#009;}

	.textsize {
		background:#6291C1;
		padding:0px 5px 1px 5px;
		border-top:1px solid #7BA9D7 /*#d9cc9b*/;
		border-right:1px solid #766f35;
		border-bottom:1px solid #766f35;
		border-left:1px solid #7BA9D7;
		}
	a.textsize {text-decoration:none;}
	#login {
		width:255px;
		float:right;
		margin:0; padding:5px;
		font-size:76%;
		line-height:1.5;
		background:#006;
		}
	#login a {font-weight:normal; color:#fff;}
		
/*  Global Sidebar
----------------------------------*/

	#globalcol h2 {
		margin:0; padding:4px;
		background:#ddd;
		color:#006;
		font-size:100%;
		font-weight:bold;
		}
	#globalcol h4 a {
		margin:0; padding:0;
		font-size:100%;
		font-weight:normal
		}

	div#teasercol {
		float:right;
		text-align: left;
		font-size:90%;
		margin:0;
		padding:15px 0 0 0;
		width:250px;
		} html>body div#teasercol	{width: 250px;}
		/* WinIE miscalculates the width of the sidebar, its padding, and its margins, throwing 
		content off-center. The rule below tricks WinIE into positioning content correctly. It also 
		hides the top shadow from WinIE, since WinIE forces you to choose between correctly 
		positioned content or a correctly positioned shadow. Easy choice: no shadow. */
	.teaser {
		margin:0 0 1em 0;
		/*border:1px solid #DBD1B0;*/
		}
	/* Use H6 for teaser headings */
	h6 {  /* Teaser headings*/
		color: #5B6E82;
		background: url(/kidneycareconnections/images/newsFront_h4_bg.gif) repeat-x 0 100%;
		font-size:100%;
		font-weight: bold;
		padding: 8px 12px 8px 12px;
		margin: 0;
		}
	.teasercontent {
		padding:1em;
		background: #F8EBCE;
		}
	.teaser img.thumb {
		height:55px;
		width:55px;
		float:left;
		margin:4px 4px 4px 0;
		border:1px solid #ccc;
		background:#666;
		}	
	.teaser a {color: #376FBA;}

	#programs {
		color: #333;
		background: #E7EEF6;
		padding: 12px;
		margin: 0 0 18px 0;
		}
	#programs h6 {
		color: #112D49;
		font-size: 12px;
		font-weight: bold;
		margin: 0 0 4px 0; padding:0;
		background:none;
		}

	#globalnav {  
		margin:0;
		background:#F5F2DD;
		}
	#globalnavlinks {
		padding:10px; 
		border-top:1px solid #fff;}
	#globalnavlinks a {
		margin:0; 
		color:#009;
		}
	#globalnav h1 {margin:1em 0 .5em 0; font-size:76%;}
	#globalnav hr {
		color:#ccc; 
		height:1px;
		background:#ccc;
		border:0;
		}

	#localnav {	
		margin:25px 0 30px 0; padding:0;
		/*width:165px; width is set to cure "position relative" bug*/
		}
	#localnav h1 {
		color: #FFF;
		background: #324860 url(/kidneycareconnections/images/subNav_h4_bg.gif) repeat-x 0 100%;
		font-size: 14px;
		font-weight: bold;
		padding: 8px 12px 8px 12px;
		border-bottom: 1px solid #FFF;
		margin: 0;
		}
	#localnav ul {
		color: #FFF;
		background: #799DC1;
		list-style-type: none;
		padding: 6px 0 6px 0;
		margin: 0 0 18px 0;
		}
	#localnav li {	
		margin: 0;
		height: 26px;}
	#localnav a:link, #localnav a:visited {
		display: block;
		color: #376FBA;
		padding: 4px 12px 6px 14px;
		}
	#localnav a:hover {
		color:#009;
		background:#cee2f1;
		}
	#localnav .current {
		padding-right:5px;
		font-weight:bold;
		text-decoration:none;
		background: url(/kidneycareconnections/images/subNav_marker.gif) no-repeat 0 6px;
		}


#localnav {
background-color: #4074A6;
}

#localnav a:link, #localnav a:visited {
color:#FFF;
line-height: 1em;
}

#localnav a:hover {
color:#376FBA;
}

	ul.linklist {padding-left:0; margin-left:0; margin-bottom:1.5em; list-style-type:none;}
	#newsletter {
		padding:10px;
		}
	#newsletter label {margin-bottom:.25em; padding-bottom:.15em; display:block; border-bottom:1px dotted #8599d9;}
	#newsletter fieldset {border:1px solid #c5c1ab;}
	#graphicteasers {text-align:center;}

/*  Footer
----------------------------------*/
	#footercontent {
		margin: 25px 0 0 0;
		}
	#footercontent a {
		font-weight:normal;
		}
	#footerutilities {
		clear:left;
		width:150px;
		position:relative;
		top:-20px;
		left:-20px;
		margin:0;
		padding:7px 20px 7px 20px;
		}
	#lowerNav {
		padding: 11px 15px 11px 15px;
		border-top:1px dotted #ccc;
		}
	#footernav {
		padding:20px;
		background:#002055;
		color:#eee;
		}
	#footernav a {color:#B6DCFF; font-weight:bold;}
	#footernav a:hover {color:#009;}
	#subscribebottom {
		margin:.5em 0 1em 0;
		padding:0;
		border:1px solid #5FB3E7;
		}
	#subscribebottom h5 {
		font-size:100%;
		color:#9E0B0E
		}
		
/*  Homepage and other "main pages"
----------------------------------*/

	#homepage h3 {color:#9E0B0E;}
	#billboard {
		clear:both;
		padding:0;
		background:#057CC3 url(/kidneycareconnections/images/bg_marquee.gif) repeat-x 0 0;
		height:200px;
		}
	#billboardcopy h1 {
		margin:10px 0 10px 0;
		font-size:22px;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#fff; 
		}
	#billboardcopy {
		float: left;
		width: 325px;
		height: 170px;
		padding: 0 30px 0 30px;
		color: #fff;
	
		/*for IE5/5.5 Win*/
		width: 366px;
		height: 195px;
		voice-family: "\"}\""; 
		voice-family:inherit;
	  width: 325px;	/*properly rendered width*/
	  height: 170px;	/*properly rendered width*/
		}
	#billboardimg {	
		float:right;
		width: 384px;
		height: 200px;
		}
	#subscribe {
		color: #453E45;
		background: #C9D6E7;
		padding: 10px 15px 10px 15px;
		/*for IE5/5.5 Win*/
		voice-family: "\"}\""; 
		voice-family:inherit;
		}
	#subscribe input.email {
		width: 175px;
		margin-right: 8px;
		}
	#subscribe input.button {
		margin-top: 0px;
		}
	#maincol {
		float:left;
		width:435px;
		}


	#mainpage h3 {color:#9E0B0E;}
	#contentcol h4 a {margin:0;}
 	.mainleftcol {float:left; width:48%;}
	.mainrightcol {float:right; width:48%; margin-left:1em;}
	.listsummary img {display:none;}
	.listsummary h4 {clear:both;}
	.listsummary ul {list-style-type:none; margin-left:-10px;}
	.listsummary a {font-size:120%;}
	ul.iconlist {margin:0 0 1em 0; margin-left:0; padding-left:1em; list-style-type:none;}
	ul.iconlist li {}

	.advoToolsCol {
		float: left;
		width: 315px;
		height: 600px;
		background: #EBF2FA;
		padding: 15px 20px 15px 15px;
		margin: 15px 20px 0 0;
		/*for IE5/5.5 Win*/
		width: 350px;
		height: 630px;
		voice-family: "\"}\""; 
		voice-family:inherit;
	  width: 315px;	/*properly rendered width*/
	  height: 600px;	/*properly rendered height*/
	}
	
	#advoToolsFront {
	 width: auto;
	 background: #D2DEEF;
	 padding: 15px;
	}
	
	.advoToolsFrontCol {
	}
	
	.advoToolsCol h3 {
		color: #293E55;
		font-size: 14px;
		font-weight: bold;
		line-height: 135%;
		margin: 0 0 10px 0;
	}
	
	h3.advoToolsFront {
		color: #FFF !important;
		background: #749FCB url(/kidneycareconnections/images/advoTools_h3.gif) repeat-x 0 100%;
		font-size: 14px;
		font-weight: bold;
		padding: 8px 13px 8px 13px;
		margin: 0;
	}

/*  Subpages
----------------------------------*/
	.articleimg {
		float:left;
		margin:0 15px 15px 0;
		font-size:80%;
		}
	.pullquote {
		float:right;
		width:225px;
		margin-left:10px;
		margin-bottom:10px;
		padding:.5em 0 0 0;
		border-top:2px solid #ccc;/*gray*/
		border-bottom:2px solid #ccc;
		font-size:120%;
		font-weight:bold;
		line-height:1.4;
		}
	.maincolteaserinline {
		float:right; 
		width:225px;
		margin:0 0 15px 15px;
		padding:.5em;
		background:#fff;
		border:1px solid #ccc;
		border-top:4px solid #ffba00;
		}
    .maincolteaserinline h1 {  /* Teaser headings with arrow icon */
		margin:0 0 1em 0;
		font-size:100%;
		text-indent:1em;
		background:url(/images/icons/arrow_yellow.gif) no-repeat left center;
		}
	#contentcol .current {
		font-weight:normal;
		font-style:italic;
		color:#000;
		text-decoration:none;
		}
	#contentcol .current:hover {background:none; cursor:default}

/* Membership promo pages
----------------------------------*/
	body#members {text-align:center;}
	#members #header {border-bottom:10px solid #F5F2DD;}
	#members #contentcol { /*main content on a subpage w/o left global nav*/
		margin:0;
		width:730px;
		background:#fff;
		}
	#members #globalcol, #members #login, #members #tabnav, #members #headerutilities, #members #banner {display:none}
	#members .pageheading h1{
		margin:0;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
		font-size:220%;
		}
	#members .pageheading {
		margin:0 0 1em 0;
		padding:.33em;
		text-align:center;
		border:1px dotted #f90;
		}

/* Callout boxes
----------------------------------*/
	.callout {
		margin:1em 0; 
		padding:.75em;
		background:#fff;
		border:1px solid #bad5f2;
		}
	.callout h1 {margin:0 0 .5em 0; font-family:Arial, Helvetica, sans-serif; font-size:86%; font-weight:bold; text-transform:uppercase;}
	.callout h2 {margin:0; color:#000;}
	.callout .teaser {font-size:100%;}
	.morelinks {
		margin:1em 0; 
		padding:.75em;
		background:#fff;
		border:1px solid #ccc;
		}
	.morelinks h1 {margin:0 0 .5em 0; font-size:115%;}
	.subcontent {
		margin:1em 0; 
		padding:.75em; 
		background:#e5eefe; /*light blue*/ 
		border:1px solid #ccc; 
		}
	.subcontent h1 {margin:0 0 .5em 0; font-size:125%;}
	.subcontent h4 {font-size:110%;}
	.subcontent a {color:#006;}
	.maincolteaser {
		clear:both;
		margin:0 0 1em 0;
		padding:.75em;
		background:#FFFFEA;
		border:1px solid #bad5f2;
		}
	.maincolteaser h1 {margin:0 0 .5em 0; font-size:150%; font-weight:normal; color:#C53800;}

/*  Miscellaneous
----------------------------------*/
	.alignl {float:left; margin: 4px .75em .3em 0;}
	.alignr {float:right; margin: 4px 0 .75em .3em;}
	.spacer {clear:both;}
	.cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}
	hr.hidden {margin:0; border-top:0;}
/* Hide something off the screen */
	.hidden {position: absolute;left: -10000px;}
	.skiplink {display:none}
	.fineprint {font-size:85%; line-height:1.2;}
	.extraemphasis {color:#c00;}
	.extrastrong {text-transform:uppercase;}
	.highlight {background:#ff9;}
	.date {display:block; font-size:80%; color:#777; /*gray*/ } 
	.date a:link, .date a:active, .date a:visited, .date a:hover {font-weight:normal;}
	.required {color:#f00;}
	img.bordered {padding:8px; border:1px solid #ddd;}
	li.pdf {list-style-image: url(/images/icons/pdf_icon_11x12.gif); vertical-align:middle;}
	table.plain td {border-bottom:0; padding:5px; background:none;}
	.legal {font-size:80%; font-weight:bold; text-transform:uppercase;}
	img.framed {border:1px solid #ccc;}
	.errormsg {
		margin:1em 0;
		padding:1em;
		font-weight:bold;
		background:#ffc;
		border:1px solid #fc3;
		}
	.thin {width: 75%;}
	.rounded {
		background:#FEF1CC url(/key/images/bg_roundedbody.gif) repeat-x;
		color:#592400;
		}
	.rounded dl{
		width:450px;
		margin:0;
		background:transparent url(/key/images/roundedcorners-bot.gif) no-repeat bottom left;
		}
	.rounded dt {
		margin:0;
		padding:15px;
		font-size:110%;
		font-weight:bold;
		background:transparent url(/key/images/roundedcorners-top.gif) no-repeat top left;
		}
	.rounded dd {
		margin: 0;
		padding:0 15px 15px 15px;
		font-size:110%;
		}