/*
Style sheet for Eatingdisorder website
Chiara Manodori, LCSW  - cmanodori@yahoo.com
*/

/* Styles Common to all pages*/
/* General Styles */
html {
  font-size: 100.01%;
}
body {
  background-color: #61604f;
  min-width: 800px;
  min-height: 750px;
  font-family: times New Roman, serif;
  font-weight: lighter;
  font-style: normal;
  font-size: 1.06em;
  text-align: left;
  color: #61604f;
  line-height: 1.2em;
} 
a:link {
  color: #1a1830;                
}
a:visited {
  color: #81728f;                        
}
a:hover {
  color: #b3b18b;                   
}
h1, h2, h3, h4 {
  font-style: italic;
  font-weight: bold;
  text-align: center; 
}
h1 {
  font-size:1.8em; 
}
h2 { 
  font-size:1.4em
 }
h3 {
  font-size:1.15em
}
h4 {
  font-size:1.0em
}
div {
  position:  absolute;
}


/* Class and ID Styles */
div#container {
  position: relative;
  width: 810px;
  height: 1700px;
  margin: 0 auto;
  z-index:1;
}
div#banner {
  background-color: white;
  width:810px; 
  height:107px;
  top:  10px;
  z-index:2;
}
div#title {
  width:780px; 
  height:80px;
  top:  8px;
  left: 100px;
  font-family: Goudy Old Style, serif;
  font-weight: bold;
  font-style: italic;
  font-size: 2.1em;
  color: white;
  line-height: 1.2em;
  z-index:3;
}
div#specialty {
  width:450px; 
  height:20px;
  top:  60px;
  left: 280px;
  font-family: Goudy Old Style, serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.5em;
  color: white;
  z-index:3;
}
div#title  p {
  font-family: Goudy Old Style, serif;
  font-weight: bold;
  font-style: normal;
  font-size: 2.4em;
  color: white;
  line-height: 1.2em;
}

/* Begin Main Section */
div#whiteBox {
  background-color: white;
  width:810px; 
  height:750px;
  top:  135px;
  z-index:2;
}
div#leftCol {
  width: 266px;
  height: 736px;
  top:  7px;
  left:  4px;
  z-index:3;
}
div#photo {
  width: 140px;
  height: 169px;
  top: 10;
  left: 62px;
  z-index:4;
}
div#links {
  width: 265px;
  top: 167px;
  font-family: Times New Roman, serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
  text-align: center;
  line-height: 2.05em;
  z-index:4;
}
div#lilacBox{
  width: 265px;
  top: 457px;
  z-index:4;
}
div#scheduleBox {
  width: 265px;
  top: 5px;
  font-family: Goudy Old Style, serif;
  font-weight: bold;
  font-style: normal;
  font-size: 1.4em;
  text-align: center;
  color: white;
  line-height: 1.2em;
  z-index:5;
}
div#callBox {
  width: 268px;
  top: 115px;
  left:  -3;
  font-family: Goudy Old Style;
  font-weight: bold;
  font-style: normal;
  font-size: 1.2em;
  text-align: center;
  color: #61604f;
  line-height: 1.0em;
  z-index:5;
}
div#rightCol {
  border: 7px solid #b3b18b;
  background-color: white;
  width: 519px;
  height: 723px;
  top: 7px;
  left: 273px;
  z-index:3;
}
div#inBox1 {
  border: 1px solid #5a4c68;
  width: 513px;
  height: 717px;
  top: 2px;
  left: 2px;
  z-index:4;
}
div#inBox2 {
  border: 4px solid #5a4c68;
  width: 480px;
  height: 678px;
  top: 2px;
  left: 2px;
  padding-left: 17px;
  padding-right: 4px;
  padding-top: 17px;
  padding-bottom: 10px;
  z-index:4;
}
div#address {
  width: 470px;
  top: 1px;
  font-weight: bold;
  text-align: center;
  z-index:5;
}
div#flyer {
  top: 5px;
  left: 40px;
  z-index:5;
}
div#text1  div#text2 {
  width: 470px;
  top: 30px;
  line-height: 1.15em;
  z-index:5;
}
div#text2 {
  top: 75px;
}
div#map {
  width: 317px;
  height: 391px;
  top: 155px;
  left:  77;
  z-index:6;
}      


/*End Styles Common to all the pages*/