/* CSS Document */
	
/* link heights corresponds with image height */
.navButton, .navButton:visited {
	height:44px;
	display:block;
	position:relative !important;
	}

/* link and list-item widths correspond with image widths */
#home, #homeButton, #homeButton:visited {
	width:172px;
	}
#staff, #staffButton, #staffButton:visited {
	width:131px;
	}
#clinic, #clinicButton, #clinicButton:visited {
	width:124px;
	}
#services, #servicesButton, #servicesButton:visited {
	width:190px;
	}
#resources, #resourcesButton, #resourcesButton:visited {
	width:165px;
	}
/* span is same dimensions as link and positioned to superimpose */
.navButton span, .navButton:visited span {
	display:block;
	height:44px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
	}

/* button images are span background images */
#homeButton span, #homeButton:visited span {
	background-image:url(images/home-topmenu.jpg);
	}
#staffButton span, #staffButton:visited span {
	background-image:url(images/staff-topmenu.jpg);
	}
#clinicButton span, #clinicButton:visited span {
	background-image:url(images/clinic-topmenu.jpg);
	}
#servicesButton span, #servicesButton:visited span {
	background-image:url(images/services-topmenu.jpg);
	}
#resourcesButton span, #resourcesButton:visited span {
	background-image:url(images/resources-topmenu.jpg);
	}

/* rollovers are background position so that no preloading is necessary */
.navButton span, .navButton:visited span {
	background-position:0 0;
	}

.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton.udmR span, .navButton.udmR:visited span, .navButton:active span {
	background-position:0 -50px;
	}

#udm li { width:100%; }

#dropmenudiv{
position:absolute;
border:1px solid #b9a370;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:30px;
z-index:10000;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 8px;
border-bottom: 1px solid #b9a370;
padding: 1px 0;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #342D19;
z-index:10000;

}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #1c170a;
}

.myTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	color:#99CC66;
	text-align:center;
	}

.myTitle2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#99FF99;
	/* font-variant: small-caps; */
	}

.myTitle3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#99FF99;
	}
	
.myTitle4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#d3f1d3;
	font-weight:bold
	}

.staffPhoto {
	border: 5px solid #2e2b1d;
	margin: 8px;
	margin-top: 15px;
	}


.staffHR {
	border-bottom: 2px #2e2b1d dashed;
	padding: 10px 5px 8px 10px;
	width:520px;	
	}