/*
**************************************************************
** File Name: home_pro_care.css
** Author: Steve Davies
** Create Date: 2008-03-27
** Desc: extensions and overrides specific to ProCare home page.
**   For a rule to qualify to be declared in this module, it cannot be applied to:
**    1) all pages
**    2) all Home pages
**    3) all Type I (vertical) pages
**    4) all pages (Type I and Type II ) for a given biz area
**
** Change Log:
**
** 04/04/2008	JBouchard	Added styling for testimonial div
**************************************************************
**  begin style sheet file
*/

/* ---- pull in all rules common to all Type I pages for the ProCare biz section --------- */

@import url(vert_layout_pro_care.css);


/* ----------------------------- BEGIN - left side  ---------------------------  */


/*
  Note: this is considered a Type I page.  For Type II pages, you need an explicit foreground-color to override the "topOuter " DIV.

Clyde says:  
"margins only add to the confusion, 
when thrown into the 'absolute positioning' mix 
- do not use them." 
*/  


div.leftColumn {
    width: 49.5%;
    height: 99.5%;
/* border: 1px aqua dashed; */
}


div.rightColumn {
    width: 49.5%;
    height: 99.5%;
/* border: 1px orange dashed; */
}

div.testimonial {
	width: 57.3%;
	height: 92.3%;
	margin:auto;
	padding-top:5px;
}


div#sbLeftContent {
    top: 21%;
    height: 19%; 
}


div#sbLeftMidNav {
    top: 39.5%;
    height: 44%;
}

/*  --------------------------  */

/* ---  div's of class "sbMenuBar": the ID's used are being used here to further qualify  ---- */

div#sbLeftMidNavBoxHome {
	display: none;  /*  a home page does not need a link to itself, so suppress it */
}



/* ---------------- BEGIN - sbLeftContent internals  ----------------  */

div#sbLeftContent  p {
    margin: 0;
    margin-top: 7%;
    margin-left: 2%;
    font-family: Verdana, "Microsoft Sans Serif", Arial, Geneva, Helvetica,  sans-serif;
	font-size: 1.4em;
    font-style:italic; 
}


/*
div#sbLeftContent  p  span {
    display: block;
    margin-top: 2%;
    margin-right: 1%;
    font-size: .75em;
    font-weight: bold;
    text-align: right;
}
*/

/* ---------------- END - sbLeftContent  internals  ----------------  */


/* ----------------------------- END - left side  ---------------------------  */


/* ----------------------------------------------- BEGIN - right side  ---------------------------------  */


/* ----------------- BEGIN: rightHeader internals  -----------------  */


div#rightHeader {
   width: 100%;
   overflow: hidden;
}


/* ----------------- END: rightHeader internals  -----------------  */


/* ----------------- BEGIN:  rightSubHeader internals   -----------------  */

div#rightSubHdrMid {
    position: absolute;
    top: 0;
    left: 21%;
    width: 57%;
    height: 99.75%;
    font-family: Arial, sans-serif ;
    font-size: 1.5em;
    font-style: italic; 
    padding-top: 1em;
}


/* the following are rules for the containers of the rightSubHeader graphics */
div.rightSubHdrImgBox {
    position: absolute;
    top: 0;
    height: 99.5%;
/* border: 1px dashed aqua;  */
}


div#rightSubHdrImgBoxLeft {
    left: 0;
    width: 13.5%;
}

div#rightSubHdrImgBoxRight {
    right: 0;
    width: 14.5%;
}


/* ----------------- END: rightSubHeader internals  -----------------  */


/* ----------------- END: rightSubHeader internals  -----------------  */


/* ----------------- BEGIN: mainContent and internals  -----------------  */

div#mainContent {
    width: 99.5%;
/* debug */	
/* 	border: 1px dashed green;  */

   overflow: hidden;
}


div#mainContent  p {
    margin-left: 2%;
    margin-right: 2%;
	margin-bottom: 0.3em;
/* debug */	
/* border: 1px dashed red;  */
}


div#mainContentLeftImgBox {
    width: 59%;
    height: 54%;
    margin-top: 12%;
    margin-left: 18%;
}

/*
p.hotNewsBlock {
   background: grey;
   width: 15%;
   height: 10%;
}
*/



/*  end of stylesheet file */