/* ================= */
/*
  Description     : Styles for Foundations
  Author          : Brian Cronk
  Created         : 06/19/2007
  Owner/Copright  : 2007, Catholic Healthcare West
  Notes           : 
  Updates         : 
*/
/* ************** */

body {
  color: #333333; 
  font-family: arial, tahoma, helvetica, sans-serif; 
  text-align: center; 
  margin: 0; padding: 0; 
  background-color: #cfcfcf;}
img {border: 0;}
tr {vertical-align: top;}
form {padding: 0; margin: 0;}
a {color: #0077AA; text-decoration: underline;}
a:hover {color: #0077AA; text-decoration: none;}  
a:visited {color: #09214D;}

/* Skip Navigation Styles */
.pageTop {margin: 0px; padding: 0px; display: inline; height: 1px;}
.skip {position: absolute; top: -4em; left: 0; z-index: 0}
.skip a {padding: 0em 0.5em; left: 0em; width: 14.2em; z-index: 0}
.skip a:focus, .skip a:active {display: inline; z-index: 20; border: solid black 1px; color: #cc0; text-decoration: none; position: absolute; top: 7.5em; left: 120px}
.skip a#cont {position: absolute; top: -9em; width: 14.2em}
.skip a#cont:focus, .skip a#cont:active {position: absolute; top: 15em; left: 0em; z-index: 2}
.skip a:hover {cursor: default}

/* Sets overall site widths */
#chwTier1Wrapper {width: 954px;}
#chwTier2Wrapper {width: 854px;}
#chwTier3Wrapper {width: 754px;}

/* White content box with drop shadow */
.chwContainer {text-align: left; margin: 0 2px 4px 2px; padding: 6px; border-bottom: 1px solid #7d7d7d; background-color: #ffffff; clear: both;}


/* Styles for Header, Logo and Logging Info Areas */
#chwHeader {font-size: 12px; text-align: left; margin: 0px 2px 4px 2px; padding: 0 6px 6px 6px; background-color: #ffffff; border-bottom: 1px solid #797979;}
#chwHeader .headerContainer {padding-bottom: 8px; background: transparent url(/cm/media/images/header_tile.gif) repeat-x bottom;}
#chwHeader .foundationHeaderButtons {margin: 20px 20px 0 0;}
#chwHeader .headerLinkTable {background: transparent url(/cm/media/images/header_linkBngd.gif) no-repeat top right;}


/* Tier 1 Home Content */
#tier1_marketingcontent {margin: 0 2px 4px 2px;}
#tier1_marketingcontent td {text-align: left; padding: 6px; background-color: #ffffff; border-bottom: 1px solid #7d7d7d;}
#tier1_marketingcontent td td {padding: 0; border: 0;}
#tier1_marketingcontent td.gutter {padding: 0px; background: none; border: 0;}
#tier1_marketingcontent td.nav {background: #ffffff url(/cm/media/images/images/nav_bottom.gif) no-repeat bottom center;}
#tier1_marketingcontent td.flashwell {}
#tier1_marketingcontent td.spotlight {}
#tier1_marketingcontent td.spotlight h2 {font-weight: bold; margin: 0 0 .3em 0; padding: 0;}
#tier1_marketingcontent td.spotlight p {margin: 0; padding: 0;}
#tier1_marketingcontent td.spotlight img {margin: 0 10px 0 0; padding: 0;}


/* Tier 1 Home Content */
#tier1_homecontent {}
#tier1_homecontent p {margin: 0; padding: 0;}
#tier1_homecontent .homeintro {padding: 0 20px 0 10px;}
#tier1_homecontent .homeintro p {margin: 0 0 2em 0; padding: 0;}
#tier1_homecontent .homenews {padding: 0 6px 0 6px;}
#tier1_homecontent .newsitem {margin-bottom: 2em;}
#tier1_homecontent .homenews h2 {font-weight: bold; margin: 0 0 .3em 0; padding: 0;}


/* Tier 2 and Tier 3 Home Content */
#tier2_homecontent {margin: 0 2px 4px 2px;}
#tier2_homecontent h2 {font-size: 1.1em; font-weight: bold; font-style: normal; margin: 0 0 1.2em 0; padding: 0;}
#tier2_homecontent h3 {font-size: 1em; font-weight: bold; font-style: normal; margin: 0 0 .4em 0; padding: 0;}
#tier2_homecontent p {margin: 0 0 1.2em 0; padding: 0;}
#tier2_homecontent .content {padding: 15px 10px;}
#tier2_homecontent .newsTitle {margin-left: 10px; border-top: 1px dashed #DCD6CB;}
#tier2_homecontent .newsitems {margin: 15px 10px;}
#tier2_homecontent .newsitems td {padding-right: 30px;}
#tier2_homecontent .spotlight img {float: left; margin: 0 .8em .5em 0; border: 0;}


/* Landing page's left menu and content area */ 
/* Detail page's left menu and content area */ 
#pageLayoutTable {margin: 0px 2px 4px 2px;}  
#pageLayoutTable .col2 {}
#pageLayoutTable .col3_content {text-align: left; padding: 6px; border-bottom: 1px solid #7d7d7d; background-color: #ffffff;}

/* Style detail Page  */
.contentLayoutTable {/*#51002C */}  
.contentLayoutTable .pageTitle {background: #5D0033 url(/cm/media/images/pgTtl_bgnd.gif) no-repeat bottom right;}


.contentLayoutTable .pageTitle h1 {color: #ffffff; font-weight: normal; margin: 10px 5px 2px 8px; padding: 0px;}
.contentLayoutTable .mainCol {padding: 10px 5px 20px 5px;}
.contentLayoutTable .intro {padding: 10px 0px 10px 0px; margin: 0;}
.contentLayoutTable .quickLink {text-align: right; margin: 0 0 5px 0; padding: 0;}
.contentLayoutTable a {color: #0077AA; text-decoration: underline;}
.contentLayoutTable a:hover {color: #0077AA; text-decoration: none;}
.contentLayoutTable  .mainCol h2 {color: #7F004D; margin: 0 0 .3em 0; padding: 0;}
.contentLayoutTable  .mainCol h3 {color: #333333; margin: 2em 0 .2em 0; padding: 0;}
.contentLayoutTable  .mainCol hr {margin: 20px 0 10px 0; padding: 0; height: 0px; border: 0px; border-top: 1px dashed #DCD6CB;}


.contentLayoutTable  .mainCol .photoLeft  {margin: 0 10px 10px 0; float: left;}
.contentLayoutTable  .mainCol .photoRight {margin: 0 0 10px 10px; float: right;}



/* Styles for Page's Breadcrumbs */  /*
.breadcrumb {margin: 0px 0px 8px 0px; padding: 0px;font-weight: bold; display: inline; padding: 0 .2em 0 .8em; background: transparent url(/cm/media/images/breadcrumb_arrow.gif) no-repeat center left;} */


#mainCol {}
#mainCol a {color: #0077AA; text-decoration: underline;}
#mainCol a:hover {color: #0077AA; text-decoration: none;}
#mainCol h2 {color: #7F004D; margin: 1.5em 0 .3em 0; padding: 0;}
#mainCol h3 {color: #333333; margin: .8em 0 .2em 0; padding: 0;}
#mainCol h4 {color: #333333; margin: .5em 0 2px 0; padding: 0;}
#mainCol p {margin: 0 0 .8em 0; padding: 0;}

#mainCol .content {padding: 1.5em 0 1.5em 0; margin: 0;}
#mainCol #indexOfLinks {padding: 1.5em 0 1.5em 0; margin: 0; clear: both; border-top: 1px dashed #DCD6CB;}

#mainCol #indexOfLinks #twoColNum1 {width: 48%; float: left; padding: 0 0 3em 0;}
#mainCol #indexOfLinks #twoColNum2 {width: 48%; float: right; padding: 0 0 3em 0;}  
#mainCol #indexOfLinks .bulletItem {margin: 5px 0px; padding: 0px 0px 0px 20px; background: transparent url(/cm/media/images/bullet_links.gif) no-repeat top left;}







/* Spotlights on the site pages */
.pageSpotlightContainer {margin-bottom: 20px;}  
.pageSpotlightContainer h3 {color: #333333; margin: .8em 0 .2em 0; padding: 0;}
.pageSpotlightContainer p {margin: 0 0 .8em 0; padding: 0;}   
.pageSpotlightContainer p.more {margin: 0 0 0 0; background-image: none;}
.pageSpotlightContainer p.more a {color: #0077AA; text-decoration: underline;}
.pageSpotlightContainer p.more a:hover {text-decoration: none;}
  
/* spotlights on the site pages */
.additionalLinksContainer {margin: 30px 0 30px 0;}  
.additionalLinksContainer h3 {margin: 0; padding: 0;}
.additionalLinksContainer p {margin: 0; padding: .4em 0 .4em 0; border-bottom: 1px solid #E7E4D3;}   

/* Footer Styles */  
#footerContainer {padding: 15px; background: transparent url(/cm/media/images/footerBgnd.gif) repeat-x top;}
.footerLinksTable {color: #666666;}
.footerLinksTable a {color: #666666;}
.footerLinksTable a:visited {color: #666666;}
.footerLinksTable p {margin: 0; padding: 1px 0px;}
.footerLinksTable .col1 {padding: 1px 10px; border-right: 1px dashed #c5c4c4;}  
.footerLinksTable .col2 {padding: 1px 10px;}  
.footerLinksTable .col3 {padding: 1px 20px;}  
.footerLinksTable .col4 {padding: 1px 10px 1px 10px;}  
  


  
  
/* Set Font Sizes */
.spotlightTable .spotlightContainer h2 {font-size: 1em;}
.breadcrumb {font-size: 0.92em;}
#chwTier1Wrapper .contentLayoutTable .pageTitle h1 {font-size: 1.7em;}
#chwTier2Wrapper .contentLayoutTable .pageTitle h1 {font-size: 1.65em;}
#chwTier3Wrapper .contentLayoutTable .pageTitle h1 {font-size: 1.6em;}


 h2 {font-size: 1.15em;}
 h3 {font-size: 1.05em;}
 h4 {font-size: 1.25em;} 
 
#spotlights h2 {font-size: 0.92em;}
#spotlights p {font-size: 0.92em;}
 
.pageSpotlightContainer h3 {font-size: 1em;}
.additionalLinksContainer h3 {font-size: 1em;}
.note {font-size: 0.92em;}

.req {font-size: 1.5em;}

.disclaimer {font-size: 0.92em;}
#footerContainer {font-size: 0.92em;}