/* first return the basic visual rules for the mock-up elements
               there is no need to do this again for the alternate styles,
               all that is necessary is to redefine the colors

               note: this is the so-called heredoc or here document syntax,
               everything between the print statement below and the line with
               the _CSS label by itself will be returned to the browser */

            /* there are other ways to do this -- my preference */


/* css-demo.php */

/* Dynamic CSS in PHP */


			#container{
						vertical-align:top;
						margin-left: auto;
						margin-right: auto;						
						width: 50.08em;
						//width: 800px;						
						border: #799857 thick solid;
			}
			
			#main{
						position: relative;
						margin-left: auto;
						margin-right: auto;						
						width: 50.08em;
						//width: 800px;						
			}

	#header {
			position: relative;
			margin-left: auto;
			margin-right: auto;	
			padding-left: 0em;
			padding-right: 0em;					
			width: 50.08em;	
			//width: 800px;	
			text-align:right;					
			background:url(../images/altheader.gif ) #FFFFFF no-repeat;
			height: 10.016em;
	}
			
	#logo {		
			position: relative;
			float: left;
			vertical-align: top;
			width: 26.918em;
			height: 8.764em;		
	}

	#menu {
			position:absolute;
			bottom: 0em;
			width: 31.3em;			
			height: 38px;
	
	}
			
	#sub_menu {
			position:absolute;
			top: 0px;
			right: 0px;
			height: 38px;
			width: 31.3em;
	}
	.cssnav	{
			position:relative;
			float: right;				
			margin: 0;
			margin-right: 1px; 
			padding: 0;
			font-family: arial, helvetica, sans-serif;
			background: url(../images/navhoriz2.gif) 0 0 no-repeat;
	        overflow:hidden;	
	}
	.cssnav a {		
			float: left;		
			display: block;
			color: #FFFFFF;
			font-size: 14px;
			width: 92px;
			height: 38px;
 			text-decoration: none;
			background: url(../images/altnavhoriz.gif ) 0 0 no-repeat;
			overflow:hidden;
			text-align: center;
	}

	.cssnav a:hover {
			color: #ffffff;
			background-position: -94px 0;
	}			

	.cssnav a:active, a:focus {
			background-position: -188px 0;
			color:white;
	}
	
	.cssnav a.selected {
			background-position: -188px 0;
			color:white;
	}

	.cssnav span{
		    position: relative;
			float: none;
			top: 20px;
		    cursor: pointer;   		     
	}
			
	.primarycontent{
			position: relative;
			margin-top: 10px;
			margin-left: auto;
			margin-right: auto;	
			padding-top: 6px;
		background:url(../images/couple2.gif) bottom right no-repeat #FFFFFF;
			border: #323E24 thin solid; /*99CC99 799857*/
			width: 48.828em;
			height: 15.024em;								
	}

	.primarycontent p{
			position: absolute;
			padding-top: 20px;
			left: 10px;
			width: 12.35em;
			line-height: 1.2em;
			padding-left: 10px;
			font-family: arial, helvetica, sans-serif;
			vertical-align: top;
			text-align: right;
			color:#4B5E35;
			font-size:2.1284em;
			//font-size: 2.6em;					
			font-family: Footlight MT Light, serif;
			font-weight: bold;
	}

	.primarycontent span{
			color:#A3BA87;
	}

	.primarycontent p1{
			padding-left: 10px;
			font-family: arial, helvetica, sans-serif;
			text-align: left;
			color:#000000;
			font-size:1.6276em;		
			//font-size:1.8em;			
			font-family:Arial, Helvetica, sans-serif;
	}

	.primarycontent p2{
			padding-left: 10px;
			font-family: arial, helvetica, sans-serif;
			text-align: right;
			color:#000000;
			font-size:1.6276em;		
			//font-size:1.8em;			
			font-family:Arial, Helvetica, sans-serif;	
	}

	.primarycontent span.tagline{
			font-size:.6em;
			//font-size:.7em;
			font-weight:bold;
			font-style: oblique;
	}

	.subprimarycontent{
			background:url(../images/headerbar.gif) top right no-repeat; 
			margin-top: 0px;
			margin-left: auto;
			margin-right: auto;	
			width: 48.828em;
			height: 37.56em;			
	}

	.subprimarycontent img{
			position: absolute;
			top: 0px;
			right: 10px;
	}

	.subpageheader{
			position: relative;
			padding-left: 20px;
			padding-top: 6px;
			width: 600px;
			height: 80px;
			text-align: center;
			color:#FFFFFF;
			font-size:24px;					
			font-family:Arial, Helvetica, sans-serif;
	}


	#subleftnav{
			position: relative;
			top:-6px;
			left: 7px;
			background: #FFFFFF url(/pfcc/images/leftnavbg.jpg) top left 		no-repeat;
			width: 250px;
			height: 450px;	
			color:#607944;		
			font-size:22px;					
			font-family: Footlight MT Light, serif;
			font-weight: bold;
	}

	#subleftnavbox{
			position: relative;
			top: 20px;
			left: 10px;
			width: 180px;
			height: 400px;
			background: #FFFFFF;
			color:#607944;		
			font-size:22px;					
			font-family: Footlight MT Light, serif;
			font-weight: bold;	
	}
	
	.subleftnavsimple{
			position: relative;
			margin-top: 10px;
			padding-top: 10px;
			width: 240px;
			height: 450px;	
			border-right: #D9E9C0 thin solid;
			text-align: right;
			color:#607944;		
			font-size:18px;					
			font-family: arial, helvetica, sans-serif;
			font-weight: normal;
	}						

	.subleftnavsimple span { padding-right: 20px; }

	.subleftnavsimple li { list-style: none; margin: 1.3em 0 1.3em 0;  }

	.subleftnavsimple a { color:#263412; text-decoration: none;}
	.subleftnavsimple a:hover { display:block; text-decoration: underline;}
	.subleftnavsimple a:visited { color:#91C049; text-decoration: none;}		
	.subleftnavsimple li:hover, .subleftnavsimple li a:hover {display:block; text-shadow:#000000; text-decoration: underline;}
	
	#pcimageright{
			position:relative;
			float:right;
			vertical-align:top;
			bottom: 0px;
			width:18.5296em;
			height:15.024em;
	}
				
	#secondarycontent{
			position: relative;
			float: left;
			margin-top: 10px;
			margin-left: auto;
			margin-right: auto;	
			background: none;
			width: 36.828em;
			height: 14.02em;
			//height: 10.78em;
			text-align: left;
			text-indent: .626em;
			line-height: 2.08em;
			color:#FFFFFF;
			font-size:22px;					
            font-family: "trebuchet ms", verdana, sans-serif;					    				
	}
	

	#secondarycontent h1, h2, h3, h4{
			position:relative;
			margin-top:4px;
			margin-bottom:0px;
			padding-bottom:0;
			text-align: center;
	        color:#000;
			padding-left:0.1252em;
			padding-right:0.1252em;
			font-family: "trebuchet ms", verdana, sans-serif;
        	font-weight: bold;
			font-size:75%;
			line-height: 1.2em;
	
	}
	
	#secondarycontent p{
			position: relative;
			text-align: center;
	        color:#000;
			padding-left:0.1252em;
			padding-right:0.1252em;
			padding-bottom: .78em;
			margin-bottom: .0626em;
			font-family: "trebuchet ms", verdana, sans-serif;
        	font-weight: 500;
			font-size:70%;
			line-height: 1.252em;
			//line-height: 1.1em;			
	
	}
	
	#secondarycontent #copy {
			position: relative;
			top: 2em;	
	}
	#secondarycontent p a {
			position: relative;
			text-align:center;
			letter-spacing:0.1em;		
			color:#54693D;
          	font-weight: bolder;
			text-decoration:underline;
	}

	#scimageleft{
			float:left;
			vertical-align:bottom;
			width:265px;
			height:191px;
	}
	#patientcontent{
			position:relative;
			float:left;	
			margin-left: .25em;
			padding-left: 0em;
			margin-bottom: 10px;
			margin-top: 10px;
			background:url(../images/hands.gif) center bottom no-repeat;
			width: 11.6em;
			height: 12.71em;					
	}

	#patientcontent a.special {
	    position: absolute;
    	top: 0;
	    left: 0;
		width: 12.4em;
	    height: 47px;
		text-decoration:none;
		color:#fff;		
		font-weight:normal;	
	}

	#featurecontent{
			position:relative;
			float:left;
			margin-left: .39em
			//margin-left: .76em;	
			margin-right: auto;	
			//margin-right: 0em;							
			margin-bottom: 10px;
			margin-top: 10px;
			background:url(../images/morehands.gif) center bottom no-repeat;
			/*border: #99CC99 medium ridge;*/
			width: 11.6em;
			height: 12.71em;						
	}

	#featurecontent a.special {
	    position: absolute;
    	top: 0;
	    left: 0;
		width: 12.4em;
	    height: 47px;
		text-decoration:none;
		color:#fff;
		font-weight:normal;					
	}	
						
	#caregivercontent{
		position:relative;
		float: left;
		margin-left: .50em;
		margin-right:.50em;
		//margin-left: .70em;
		//margin-right:.70em;					
		margin-bottom: 10px;
		margin-top: 10px;
		background:url(../images/altstethescope2.gif) center bottom no-repeat;
		width: 11.6em;
		height: 12.71em;
	}
	
	#caregivercontent a.special {
	    position: absolute;
    	top: 0;
	    left: 0;
		width: 12.4em;	
	    height: 47px;
		text-decoration:none;
		color:#fff;		
		font-weight:normal;	
	}	
			

		.button{
			background:#ECF1E7;
			position:absolute;
			border: #B9CCA6 0.04em ridge;
			/*	border-color: #B9CCA6  #ACC296 #9EB885  #B9CCA6;*/		
			bottom:.3em;
			margin-left:2.82em;
			margin-right:3.52em;
			width: 55%;	
			height: 1.7528em;
			text-align:center;
	     	font-size: .8em;
			line-height:1.8em;
            font-family: "trebuchet ms", verdana, sans-serif;}
	
	.button a {
			text-align:center;
			letter-spacing:0.1em;		
			color:#54693D;
          	font-weight: bolder;
			text-decoration:none;
	}
	


	.button a:hover {
			background:#F4F8F1;
			color:#799857;
          	font-weight: bold;
	}			

	.button a:active, a:focus {
			outline:none;
			color:#799857;
          	font-weight: bold;
	}

	.search {
			position: absolute;
			top: 8.3em;
			margin-bottom: 1.5em;
			height:1.19em;
			z-index:100;
			
	}
	
	.search input.submit {
			position: relative;
		/*	top:-0.07em;*/
			width: 1.80em;
			background:#ECF1E7;
			height:1.39em;
			font-size:1.0em;
			line-height:1.0em;
			text-align:left;
			border: #B9CCA6 0.04em ridge;
			color:#54693D;
            font-family: "trebuchet ms", verdana, sans-serif;}
	}
	
        #s {margin-bottom: .12em;
                text-align: center;}

        .search input.text {
                /*      top:-0.2em;     */
                        border: #B9CCA6 0.04em ridge;
                        height:1.15em;
                        width: 9em;
                        font-size:1.0em;
                        font-weight: normal;
                        line-height:1.15em;
                        text-align:left;
            font-family: "trebuchet ms", verdana, sans-serif;}	
	#footer { 
			clear:both;
			background-color:  #8DC451; /*ECF5E2;#E6F2D9;*/
margin-bottom: -.25em;
//margin-bottom: -5em;
padding-bottom: 0em;
			text-align: left;
			font-family: arial, helvetica, sans-serif;
			color: #FFFFFF;			
			width: 50.08em;
			//width: 800px;
			height: 5.008em;
			border-top: 3px solid #799857;
			border-bottom:thick solid #799857;
	}
	
	#footer p {
			padding-left: .626em;
			padding-top: 0em;
			margin-top:0.4em;
	}

	#footer a{
			color: #FFFFFF;	
			}



	.raised {
  			background:transparent; 
  			position: relative;
  			float: right;
  			width:100%;
  	}
	
	.raised h1, .raised p {
  			margin:0 10px;
  	}
	
.raised h1 {
  font-size:2em; 
  color:#fff;
  }
.raised p {
  padding-bottom:0.5em;
  }
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {
  height:1px;
  }
.raised .b2 {
  background:#7BA04A; 
  border-left:1px solid #fff; 
  border-right:1px solid #eee;
  }
.raised .b3 {
  background:#7BA04A; 
  border-left:1px solid #fff; 
  border-right:1px solid #ddd;
  }
.raised .b4 {
  background:#7BA04A; 
  border-left:1px solid #fff; 
  border-right:1px solid #aaa;
  }
.raised .b4b {
  background:#7BA04A; 
  border-left:1px solid #eee; 
  border-right:1px solid #999;
  }
.raised .b3b {
  background:#7BA04A; 
  border-left:1px solid #ddd; 
  border-right:1px solid #999;
  }
.raised .b2b {
  background:#7BA04A; 
  border-left:1px solid #aaa; 
  border-right:1px solid #999;
  }
.raised .b1 {
  position: absolute;
  top: 0;
  margin:0 5px; 
  background:#fff;
  }
.raised .b2, .raised .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.raised .b3, .raised .b3b {
  margin:0 2px;
  }
.raised .b4, .raised .b4b {
  height:2px; margin:0 1px;
  }
.raised .b1b {
  margin:0 5px; background:#999;
  }
.raised .boxcontent {
  display:block;  
  background:#7BA04A; 
  border-left:1px solid #fff; 
  border-right:1px solid #999;
  }


#dlmenu {	position: relative;
			margin-top: 10px;
			padding-top: 10px;
			width: 240px;
			height: 450px;	
			border-right: #D9E9C0 thin solid;
			text-align: right;
			/*color:#607944;	*/	
			font-size:18px;					
			font-family: arial, helvetica, sans-serif;
			font-weight: normal;
			}

#dlmenu span { padding-right: 20px; }

#leftnavmenu {list-style-type:none; margin:0 0 10px; padding: 0em .8em 0em 1.15em;background:#fff; z-index:100;}

#leftnavmenu li {display:block;  list-style: none; margin: 1.3em 0 1.3em 0; position:relative; z-index:100;}

#leftnavmenu li a {display:block; text-decoration:none; }
#leftnavmenu li a:visited{display:block; text-decoration:none;}

#leftnavmenu li dd {display:none;}

#leftnavmenu li:hover{border:0;text-shadow:#000000; text-decoration: none;}

#leftnavmenu li a:hover {border:0;text-shadow:#000000; text-decoration: underline;}


/*This is the hover color*/
#leftnavmenu li:hover dt a , #leftnavmenu li a:hover dt a { text-shadow:#000000; text-decoration: underline; }

#leftnavmenu li:hover dd, #leftnavmenu li a:hover dd {display:block;}

/*This is the bottom of the expanded list color*/
#leftnavmenu li:hover dl, #leftnavmenu li a:hover dl {height:80%; background:#fff;}

#leftnavmenu table {border-collapse:collapse; padding:0; margin:-4px; font-size:100%;}

#leftnavmenu dl {width: 200px; margin: 0; background: none; cursor:pointer;}

#leftnavmenu dt {margin:0; padding: 0; font-size: 100%; }

#leftnavmenu dd {margin:0; padding:0; font-size: 90%; text-align:right; font-weight:bold;  }

/*This is the default behavior menu color*/
.gallery dt a {display:block;  color:#263412; text-decoration: none; background:#FFFFFF; }
.gallery dt a:visited {display:block;  color:#91C049; text-decoration: none; background:#FFFFFF; }

/*This is the color for the background of the expanded list*/
.gallery dd a {color:#BA9C41; min-height:1em; text-decoration:none; text-transform:lowercase; font-style:italic; display:block; padding:4px 5px 4px 20px; background:#FFFFFF;}
.gallery dd a:visited {color:#91C049; min-height:1em; text-decoration:none; text-transform:lowercase; font-style:italic; display:block; padding:4px 5px 4px 20px; background:#FFFFFF;}
* html .gallery dd a, * html .gallery dd a:visited {height:1em;}

/*The first color is the hover in the expanded list.  The
second color is the expanded list hover text color*/
.gallery dd a:hover {background:#none;  }				
/* end static CSS */
/* begin dynamic CSS: the C stands for Cascade */

/* persistent Color Scheme (mainpage) */

#container { background-color: #E6F2D9; }
#header { border-bottom: thick solid #799857; }
#menu { right: 5px; }
.search { left: .6em; }

/* end dynamic CSS */