/*
  Author:   pcn
  Company:  contractor
  Web Site: wellspring clinic
  Email:    newbery@sbcglobal.net
  Comments: wellspring clinic web site build version 1.0 main style sheet
*/


/* CSS for Wellspring Clinic */
body{
margin: 0px;
padding: 0px;
background-color: #ffffff;
text-align: center;
}

/*Pager header Styles --------------------------------------------------------------------------- */

#sphead{
position: relative;
top:0px;
width: 100%;
height: 170px;
text-align: center;
border-bottom: 5px solid  #2f556a;
margin: 0px 0px 5px 0px;
padding-top: 5px;
overflow:hidden;
}

#sphead span.title{
position:relative;
display: block;
color: #2f556a;
font: 9pt verdana,arial,helvetica,sans-serif;
padding: 2px;
}

.logo{
position: absolute;
top: 5px;
left:20px;
}

h1{
color: #2f556a;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center;
font: bold 30pt Garamond,sans-serif;
}

/* header banner style 1 */
#banner{
position:relative;
width: 100%;
height: 80px;
margin-top: 4px;
background-image: url(images/pond2.jpg);
background-position: 0px -10px;
border-top: 5px solid  #2f556a;
text-align: left;
overflow:hidden;
}

#banner img{
border-right: 5px solid #2f556a;
border-left: 5px solid #2f556a;
}

/* header banner style 2 */
#banner2{
position:relative;
width: 100%;
height: 80px;
margin-top: 4px;
background-color: #50869e;
background-image: url(images/pond3.jpg);
background-position: 0px -10px;
border-top: 5px solid  #2f556a;
text-align: left;
overflow: hidden;
}

#banner2 img{
border-right: 5px solid #2f556a;
border-left: 5px solid #2f556a;
}

#banner2 h1 {
position: absolute;
top : 40px;
left: 140px;
color: #ffffff;
font: bold 14pt verdana,arial,helvetic,sans-serif;
letter-spacing: .2em;
}
/*end page header styles -------------------------------------------------------------------------*/


/*global navigation styles -----------------------------------------------------------------------*/
.spnav{
position: absolute;
top: 190px;
left:0px;
height: 800px;
width: 115px;
padding: 20px 0px 0px 5px;
text-align: right;
background-color: transparent;
z-index: 99;
}

.spnav .subnav{
position: relative;
border-right: 2px solid #2f556a;
border-left: 1px solid #2f556a;
border-bottom: 2px solid #2f556a;
}

.spnav .subnav span{
font-weight: bold;
color: #2f556a;
background-color: #ffffff;
background-image: url(images/snav_arrow.gif);
background-repeat: no-repeat;
background-position: 107px 5px;
}

.spnav .subnav a{
font-weight: normal;
}

.spnav .subnav a:hover{
font-weight: normal;
color: #50869e;
background-color: #ffffff;
background-image: url(images/snav_arrow2.gif);
background-repeat: no-repeat;
background-position: 107px 5px;
}

.spnav a{
display: block;
text-decoration: none;
color:  #2f556a;
text-transform: uppercase;
font: bold 7pt verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
padding: 4px 8px 4px 4px;
}

.spnav a:hover{
text-decoration: none;
color: #ffffff;
background-color: #50869e;
text-transform: uppercase;
font: bold 7pt verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
padding: 4px 8px 4px 4px;

}

.spnav span{
display: block;
text-decoration: none;
color:  #ffffff;
background-color: #2f556a;
text-transform: uppercase;
font: bold 7pt verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
padding: 4px 8px 4px 4px;
}
/*end global navigation styles -------------------------------------------------------------------*/


/*page body styles -------------------------------------------------------------------------------*/
#pos{
position: relative;
min-width: 580px;
margin: 0px auto 0px 110px;
text-align: left;
z-index: 2;
}

h2{
font: large verdana, Arial, Helvetica, sans-serif;
font-style: italic;
color: #2f556a;
margin: 10px 20px -10px 20px;
}

h3{
font: large verdana, Arial, Helvetica, sans-serif;
font-style: italic;
color: #2f556a;
margin: 10px 20px -10px 20px;
}

#spcon{
position: relative;
min-width: 580px;
top: 0px;
margin: 0px 0px 20px 10px;
padding: 10px 0px 20px 0px;
}

#spcon p{
position: relative;
clear:both;
font: 10pt verdana, Arial, Helvetica, sans-serif;
text-align: left;
line-height: 145%;
margin: 18px 20px 18px 20px;
}

#spcon .wrap{
position: relative;
clear: none;
font: 10pt verdana, Arial, Helvetica, sans-serif;
text-align: left;
line-height: 145%;
margin: 18px 20px 18px 20px;
}

#spcon .highlights{
position: relative;
float: left;
width: 73%;
margin: 5px 0px 0px 0px;
overflow: auto;
}

ul{
margin: 18px 20px 18px 20px;
padding: 0px;
font: 10pt verdana, Arial, Helvetica, sans-serif;
}

li{
list-style: none;
line-height: 145%;
}

ul.faqlist{
background-color: #ffffff;
padding: 0px 0px 20px 0px;
margin: 18px 20px 20px 20px;
border-bottom: 5px solid #2F556A;
}

ul.faqlist li{
margin: 5px 0px 5px 20px;
}
ul.faqlist li a:link{
font-weight: bold;
color: #2F556A;
text-decoration: none;
}

ul.faqlist li a:visited{
font-weight: bold;
color: #2F556A;
text-decoration: none;
}

ul.faqlist li a:hover{
font-weight: bold;
color: #50869E;
text-decoration: underline;
}


.faqpac{
position: relative;
margin: 60px 20px 80px 0px;
border-left: 1px solid #50869E;
border-bottom: 5px solid #50869E;
}

.faqpac img{
border: none;
}

h1.staff {
color: #2f556a;
margin: 10px 20px -10px 20px;
text-align: left;
font: large verdana, Arial, Helvetica, sans-serif;
}

#spcon .staffpic{
position: relative;
float: left;
width: 144px;
margin: 18px 10px 18px 20px;
border: 1px solid #2f556a;
overflow: auto;
}

.unit1{
position: relative;
float: left;
width: 48%;
margin-left: 0px;
overflow: auto;
}

.unit1a{
position: relative;
float: left;
width: 380px;
margin-left: 0px;
text-align: center;
overflow: auto;
}

.unit2a{
position: relative;
float: left;
width: 270px;
overflow: auto;
}

.unit2{
position: relative;
float: left;
width: 48%;
overflow: auto;
}

.mapframe{
border: 1px solid #2f556a;
margin: 5px auto 0px 20px;
}

.testify{
position: relative;
margin: 20px 100px 80px 0px;
}

.testify p span{
display: block;
font-weight: bold;
color: #2f556a;
margin-top: 0px;
padding-top: 0px;
}

.testify p{
position: relative;
top: 0px; 
left: 80px;
font: 10pt verdana, Arial, Helvetica, sans-serif;
text-align: left;
margin: 0px 100px 18px 20px;
padding: 0px;
}

.testify img{
position: absolute;
top: 0px;
left: 0px;
width: 60px;
margin: 0px 0px 0px 18px;
padding: 0px;
border: 1px solid #2f556a;
}

.dia1{
font: 10pt verdana, Arial, Helvetica, sans-serif;
position: relative;
width:482px;
border: 1px solid #2f556a;
background-color: #eaffff;
margin: 0px auto 0px auto;
text-align: center;
}

.dia1 span{
display: block;
background-color: #2f556a;
color: #ffffff;
padding: 0px 0px 4px 0px;
}

#spcon p.example{
position: relative;
left: 20px;
width: 80%;
font: 10pt verdana, Arial, Helvetica, sans-serif;
font-style: italic;
}

#spcon p.example span{
display: block;
position:relative;
left: -20px;
font-style: normal;
color: #2f556a;
}

#spcon p.example2{
position: relative;
left: 20px;
width: 80%;
font: 10pt verdana, Arial, Helvetica, sans-serif;
font-style: normal;
}

#spcon p.example2 span{
display: block;
position:relative;
left: -20px;
font-style: normal;
color: #2f556a;
}

.textbld{
font-weight: bold;
}

h3.gloscat{
margin: 60px 0px 0px 20px;
font-size: 10pt;
font-weight: bold;
font-style: normal;
}

/*end page body styles ---------------------------------------------------------------------------*/


/*page footer styles -----------------------------------------------------------------------------*/
#foot{
clear: both;
position: relative;
width: 100%;
text-align: center;
font: 7pt verdana, Arial, Helvetica, sans-serif;
color: #2f556a;
padding: 20px 0px 20px 0px;
}
/*end page footer styles -------------------------------------------------------------------------*/