/*This is the master CSS file for Body & Mind site.*/

#container {
width: 770px;
}

body {
color: #666666; 
font-family: Verdana, Helvetica, Arial, "Trebuchet MS", sans-serif;
font-size: small; }

em {
color: #415b90;
font-weight: bold; }

span.contacts {
color: #cc9900;
font-weight: bold; }

span.selected {
color: #cc9900;
font-weight: normal;
text-decoration: underline; }


ul {
list-style-type: none;
margin: 0;
padding: 0;
}

li {
background: url(images/bullet.gif) left center no-repeat;
padding: 0 0 0 12px;
margin-top: 5px;
margin-bottom: 10px;
}

p {
text-align: justify;
font-size: x-small; }

h1 {
text-align: left;
letter-spacing: 5px;
font-size: small; }

h2 {
font-size: 1.0em;
text-decoration: none;
}

h3 {
font-size: 0.8em;
line-height: 1.4em; } 

a:link, a:visited {
color: #415B90;
text-decoration: none; } 

a:hover {
text-decoration: underline; }

a:active {
color: #CC9900;
text-decoration: underline; }

p.footer {
text-align: center;
font-weight: bold;
color: #666666;
font-size: xx-small; }

#greylinetop {
padding-bottom: 10px; }

#greylinebottom {
padding-top: 10px; }

#greylinefooter {
padding-bottom: 10px;
padding-top: 20px; }

#greylinedivider {
padding-bottom: 20px;
margin-left: 20px;
padding-top: 10px; }

#masthead {
padding-bottom: 20px;
padding-top: 20px;
}

#topnav {
margin-left: 20px;
font-size: x-small; }

#topnav a:active {
color: #cc9900;
text-decoration: underline; }

#topnav a:link, #topnav a:visited {
color: #415B90;
text-decoration: none; }

#topnav a:hover {
color: #415B90;
text-decoration: underline; }

#header {
background-color: #ffffff; }

#header p {
font-size: xx-small; }

#tagline {
position: static;
width: 380px;
margin-left: 20px;
padding-top: 20px; }

#taglinelink {
position: static;
width: 380px;
margin-left: 20px;
}

span.david {
font-style: italic;
font-size: x-small; }

#tagline p {
text-align: left;
font-weight: normal;
color: #666666;
line-height: 1.5em;
font-size: small; }

#tagline h2 {
text-align: left;
font-weight: bold;
font-size: small;
color: #666666;
letter-spacing: 0.3em; }

#main-content {
background-color: #ffffff;
position: static;
width: 380px;
margin-left: 20px;
}

#ourservices {
color: #666666;
border: 1px #CCCCCC solid;
position: absolute;
left: 450px;
top: 260px;
font-size: x-small;
width: auto;
}

#ourservices h3 {
color: #666666;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
font-weight: normal;
margin: 0px; }

#ourservices h2 {
color: #415B90;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em;
font-weight: bold;
margin: 0px;
padding: 8px;
border-bottom: 1px #CCCCCC solid; }

#ourservicesbox {
padding: 10px;
}

#ourservices a:link, #ourservices a:visited {
color: #666666;
text-decoration: none; }

#ourservices a:hover {
color: #666666;
text-decoration: underline; }

#ourservices a:active {
color: #cc9900;
text-decoration: underline; }

#footer {
text-align: left;
font-weight: normal;
margin-left: 20px;
font-size: xx-small; }

#footer a:link, #footer a:visited {
color: #666666;}