/* YEW TREE CLINIC
CSS version 2 */

/* --------- 1. defaults  --------- */

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: center;
}
#wrapper { 
 margin: 10px auto;
 width: 740px;
 
}
#header {
 width: 740px;
 color: #333;
 padding-top: 3px;
 padding-right: 10px;
 padding-bottom: 3px;
 padding-left: 10px;
 border-top: 1px solid #B3AEAE;  
 border-right: 1px solid #B3AEAE;  
 border-left: 1px solid #B3AEAE; 
 background: #FFFF99;
 
}
#content { 
 width: 740px;
 color: #333; 
 border-right: 1px solid #B3AEAE; 
 border-bottom: none;
 border-left: 1px solid #B3AEAE; 
 background: #FFFF99;
 margin: 0;
 padding: 10px;
 text-align:left;
}

#footer {
clear: both;
margin: 0;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
width: 740px;
background-color: #008000;
border-top: 1px solid #E4ED82;
border-right: 1px solid #959595;
border-bottom: 1px solid #B49A9A;
border-left: 1px solid #959595;
text-align: center;
}

/* --------- 2. texts and headings  --------- */

h1 {
font-size: 1.1em;
font-weight: bold;
padding: 12px 0 10px 40px;
color: #008000;
letter-spacing: -0.01em;
}

h2 {
font: bold 93% Arial, sans-serif;
text-decoration: underline;
padding: 12px 0 10px 40px;
color: #008000;
letter-spacing: -0.01em;
}

#contact {
position: absolute;
float:left;
top: 75px;
}

#findus {
position : relative;
text-align:right;
top: -115px;
}

#address {
text-align : center;
color: #008000;
font-family: Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;
padding: 0px;
}

p.textdefault {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
padding-left:40px;
padding-right:40px;
padding-bottom: 3px;
}

p.small {
font-size: 95%;
font-family: Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;
font-weight: bold;
padding-left:40px;
padding-right:40px;
padding-bottom: 3px;
}

#copyright {
font-size: 0.8em;
padding-top: 4px;
padding-bottom: 3px;
}
/* --------- 3. images and logos --------- */

.logo {
display: block;
margin-left: auto;
margin-right: auto;

}

.heading {

margin-top: 10px;
margin-bottom: 12px;
margin-left: 40px;
}

#email {
padding-left: 40px;
}

#map {
padding-left : 135px;
}
/* --------- 4. navigation and lists --------- */

#topnav {
width: 740px;
background-color: #008000;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
border-top: 1px solid #636363;
border-right: 1px solid #948484;
border-bottom: 1px solid #948484;
border-left: 1px solid #959595;
margin: 0px 10px 0px 0px;
}

ul {
text-align: center;
}

#topnav li {
display: inline;
list-style-type: none;
padding-right: 10px;

}

#footer li {
display: inline;
list-style-type: none;
padding-right: 10px;

}

#content	li { 
	display: list-item;
	list-style: disc;	
	text-indent: 0;	
	color: #008000;	
	}
	
#content	ul {
	text-indent: 0;
	text-align: left;
	padding-left: 60px;
	line-height: 1.2em;
	}


/* --------- 5. links --------- */

a {
	margin-bottom: 1em;
	color: #008000;
	text-decoration: underline;	
	}

a:hover {	
	margin-bottom: 1em;
	color: #FF8F00;		
	text-decoration: underline;
	}


a:visited {
	margin-bottom: 1em;
	color: #816F8D;
	text-decoration: underline;
	
}

#header a {
font: 0.9em/1.2em Verdana, Arial, sans-serif;
color: #008000;
text-decoration: none;
font-weight: bold;

}

#header a:hover {	
font: 0.9em/1.2em Verdana, Arial, sans-serif;
color: #FF5F00;	
text-decoration: none;
font-weight: bold;	
}

#header a:visited {
font: 0.9em/1.2em Verdana, Arial, sans-serif;
color: #CCC;
text-decoration: none;
font-weight: bold;	
}

#topnav a {
font: 0.8em/1.1em Verdana, Arial, sans-serif;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

#topnav a:hover {	
font: 0.8em/1.1em Verdana, Arial, sans-serif;
color: #FF8F00;
font-weight: bold;	
text-decoration: underline;	
}

#topnav a:visited {	
font: 0.8em/1.1em Verdana, Arial, sans-serif;
color: #CCC;
font-weight: bold;	
text-decoration: none;	
}

#footer a {
font: 0.8em/1.1em Verdana, Arial, sans-serif;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

#footer a:hover {	
font: 0.8em/1.1em Verdana, Arial, sans-serif;
color: #FF8F00;
font-weight: bold;	
text-decoration: underline;;
	
}

#footer a:visited {	
font: 0.8em/1.1em Verdana, Arial, sans-serif;
color: #CCC;
font-weight: bold;	
text-decoration: none;	
}

#copyright a {
font-size: 0.8em;
text-decoration: none;
}

#copyright a:hover {
color: yellow;
font-size: 0.8em;
text-decoration: none;
}

/* --------- 6. specific styles--------- */

#chiropody h1 {
font-size: 1.1em;
font-weight: bold;
font-family: Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;
padding: 12px 0 10px 40px;
color: #2E38D0;
letter-spacing: -0.01em;
}

#acupuncture h1 {
font-size: 1.1em;
font-weight: bold;
font-family: Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;
padding: 12px 0 10px 40px;
color: #CC3300;
letter-spacing: -0.01em;
}

#holistic h1 {
font-size: 1.1em;
font-weight: bold;
font-family: Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;
padding: 12px 0 10px 40px;
color: #800080;
letter-spacing: -0.01em;
}


#chiropody h2 {
font: bold 100% Arial, sans-serif;
padding: 12px 0 10px 40px;
color: #2E38D0;
letter-spacing: -0.01em;
}

#acupuncture h2 {
font: bold 100% Arial, sans-serif;
padding: 12px 0 10px 40px;
color: #CC3300;
letter-spacing: -0.01em;
}

#holistic h2 {
font: bold 100% Arial, sans-serif;
padding: 12px 0 10px 40px;
color: #800080;
letter-spacing: -0.01em;
}

#osteopathy h2 {
font: bold 100% Arial, sans-serif;
padding: 12px 0 10px 40px;
color: #008000;
letter-spacing: -0.01em;
}