/*************************************************/
/************** Screen Stylesheet ****************/
/*************************************************/

/***************** reset all *********************/
* {padding: 0;
   margin: 0;
   border: 0;
}

/***************** in general ********************/
body {margin: 3em auto;
      width: 800px; /*62em previously*/
      font-size: 0.8em;
      border-color: silver;
      border-style: dotted;
      border-width: 2px;
      line-height: 1.6em;
      color: #333;
      font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
      background-color:white;
}

ul {list-style-type:circle;
    list-style-position:inside;
}

a {text-decoration: none;
}

a:hover {text-decoration: underline;
}
    
/*************** paragraphs **********************/
#content p {font-size: 1em;
            line-height: 1.7em;
            margin: 0.5em 0.5em;
            clear: both;
}

/************** headings *************************/
h1 {font-size: 1.2em;
}

h2 {font-size: 1.0em;
}

h3 {font-size: 0.9em;
}

#content p:first-letter{font-size: 1.3em;
}

/* layout */
#header {font-size: 1.2em;
         line-height: 2.5em;
}


#banner {clear: both;
         background-image: url(../media/banner.jpg);
         background-repeat: no-repeat;
         height: 130px;
}

/******************* navigation styles ***********/
#nav {float: left;
      height: 30px;
      font-size: 1.4em;
      position: relative;
      top: -25px;
}

#nav a  { text-decoration: none;
          text-align: center;
          font-variant: small-caps;
          color: black;
          display: inline;
	  background-image:url(../media/button.gif);
	  background-repeat: no-repeat;
          background-position: center;
	  width: 100px;
          float: left;
          padding-top: 20px;
          padding-bottom: 5px;
          padding-left: 5px;
}

#nav a:hover {background-image:url(../media/hbutton.gif);
              background-position:center;
              background-repeat: no-repeat;
              padding-top: 20px;
              padding-bottom: 5px;
}

#home a.home , #services a.services , #team a.team , #experience a.experience , #contact a.contact, #jobs a.jobs
        {background-image:url(../media/abutton.gif);
         background-position:center;
         background-repeat: no-repeat;  
         padding-top: 20px;
         padding-bottom: 5px;
}

#subnav {clear: both;
         float: right;
}

#subnav a {text-decoration:none;	 
           padding-right: 1em;
}

#subnav a:hover {text-decoration:underline;
}

/************ content styles *********************/
#content  {
}

.marg {float:right;
       display:block;
       width:18em;
       font-size:0.8em
}

.text  {float:left;
        width: 45em;
}

/************** form related styles **************/
#formmailer {width: 35em;
             float: left;
}

#formmailer legend {font-size: 1.2em;
                    line-height: 1.7em;
                    background-color: white;
                    border-style: dotted dotted dotted none;
                    border-width: 2px;
                    border-color: silver; 
                    margin-bottom: 1em;
                    position: relative;
                    top: -1.2em;
                    left: -0.4em;
}

#contacttype,#contactinfo,#replyby,#buttons
             {display: block;
              margin-bottom: 1.5em;
              background-color: #6295C9;
}

#contactinfo input,textarea 
                  {background-color: silver;
                   width: 20em ;
                   float: right;
                   margin: 0.2em;
                   font-family: inherit;
                   font-size: inherit;
}

#contactinfo textarea {height: 12em;
}

#contactinfo label {display: block;
                    float: left;
                    width: 8em;
}

#replyby {display:block;
}

#replyby input {display: inline;
}

#buttons input {background-color:none;
}

/*************** footer style ********************/
#footer {clear: both;
         padding-top: 10px;
         border-top-style: dotted;
         border-top-width: 2px;
         border-top-color: silver;
         font-size: 0.8em;
}

/***** navigation to the top of the page *********/
.top {text-decoration: none;
      position: relative;
      left: -2.5em;
      top: -2.2em;
      background-color: #6295C9;
}

/************** home page ************************/
#intro {clear: both;
        float: left;
        width: 38em;
}

#building {float: right;
}

/*********** service page (marginals) *************/
#dm {padding-top:14em;
}

#pv {
}

#co {padding-top:150px;
     background-image:url(../media/cycle.gif);
     background-repeat:no-repeat;
     background-position:left 60%;
}

#db {padding-top:50px
}

#tr {padding-top:100px;
}

/****************** team page **********************/
#teamintro {clear: both;
            float: left;
            width: 18em;
}

#teamgraphic {float: right;
}

/**************** experience page ******************/
#clinical {clear: both;
           float: left;
           width: 30em;
}

#therapyarea {float: right;
              padding-right: 4em;
}

#consult {float: left;
          width: 40em;
}

#phvigi {float: left;
         width: 40em;
}


/**************** contact page **********************/
#legal {width: 25em;
        display: block;
        float: right;
}

#contact #route {float:right;
                 display: block;
                 width: 25em;
                 padding-top: 2em;
}

#contact #route img {width: 25em;
                     height: 19em;
}

#emaillink {vertical-align:bottom;
}

/****************** jobs page **************************/
#jobs {clear: both;
       padding-bottom: 4em;}

#jobint {padding-top: 2em;
           }

li.pdf {padding-top: 1.5em;}