/* CSS Document */

body 	{
		padding: 0;
		margin: 0;
		border: 0;
		background-color: #F5EFE3;
        background-image:  url(../images/bgr.jpg);
        background-repeat: repeat-x;
        background-position: top;
		}

#main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #111111;
}

#main a, #main a:visited, #main a:active {
	color: #6B973B;
	text-decoration: underline;
}

#main a:hover {
	color: #000000;
	text-decoration: underline;
}

#helpful {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #111111;
}

#helpful a, #helpful a:visited, #helpful a:active {
	color: #6B973B;
	font-weight: bold;
	text-decoration: underline;
}

#helpful a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

#left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #444444;
}

#left a, #left a:visited, #left a:active {
	color: #6B973B;
	text-decoration: underline;
}

#left a:hover {
	color: #000000;
	text-decoration: underline;
}

.home {
	float: left;
	width: 68px;
	height: 30px;
	border: 0 px solid;
	background:  url(../images/home_btn.gif) no-repeat 0 0px;
}

a.home:link, a.home:visited, a.home:active {
	text-decoration: none;
	background:  url(../images/home_btn.gif) no-repeat 0 0px;	
}

a.home:hover {
	background:  url(../images/home_btn.gif) no-repeat -68px 0px;
}

.locations {
	float: left;
	width: 130px;
	height: 30px;
	border: 0 px solid;
	background:  url(../images/office_btn.gif) no-repeat 0 0px;
}

a.locations:link, a.locations:visited, a.locations:active {
	text-decoration: none;
	background:  url(../images/office_btn.gif) no-repeat 0 0px;	
}

a.locations:hover {
	background:  url(../images/office_btn.gif) no-repeat -130px 0px;
}

.therapy {
	float: left;
	width: 146px;
	height: 30px;
	border: 0 px solid;
	background:  url(../images/workshops_btn.gif) no-repeat 0 0px;
}

a.therapy:link, a.therapy:visited, a.therapy:active {
	text-decoration: none;
	background:  url(../images/therapy_btn.gif) no-repeat 0 0px;	
}

a.therapy:hover {
	background:  url(../images/therapy_btn.gif) no-repeat -146px 0px;
}

.workshops {
	float: left;
	width: 175px;
	height: 30px;
	border: 0 px solid;
	background:  url(../images/workshops_btn.gif) no-repeat 0 0px;
}

a.workshops:link, a.workshops:visited, a.workshops:active {
	text-decoration: none;
	background:  url(../images/workshops_btn.gif) no-repeat 0 0px;	
}

a.workshops:hover {
	background:  url(../images/workshops_btn.gif) no-repeat -175px 0px;
}

#associates, #associates ul { /* all lists */
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 0;
}

#associates a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2A4A1B;
	text-decoration: none;
	display: block;
}

#associates a:link, #associates a:visited, #associates a:active {
	color: #162B0C;
	text-decoration: none;
}

#associates a:hover{
	color:#FFFFFF;
	text-decoration: underline;
}

#associates li { /* all list items */
	float: left;
	width: 120px; /* width needed or else Opera goes nuts */
	background: url('../images/associates_btn.gif') no-repeat 0px 0px;
}

#associates li ul { /* second-level lists */
	position: absolute;
	background: #598627;
	width: 120px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#associates li:hover ul, #associates li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#associates li:hover, #associates li.sfhover {
	background: url('../images/associates_btn.gif') no-repeat -120px 0px;
}

#lightblue {
	line-height: 14px;
	background: #598627;
	padding: 5px 0px 0 10px;
}

.links {
	float: left;
	width: 113px;
	height: 30px;
	border: 0 px solid;
	background:  url(../images/links_btn.gif) no-repeat 0 0px;
}

a.links:link, a.links:visited, a.links:active {
	text-decoration: none;
	background:  url(../images/links_btn.gif) no-repeat 0 0px;	
}

a.links:hover {
	background:  url(../images/links_btn.gif) no-repeat -113px 0px;
}

.websiteby {
	float: left;
	width: 135px;
	height: 15px;
	border: 0 px solid;
	background:  url(../images/website_by.gif) no-repeat 0 0px;
}

a.websiteby:link, a.websiteby:visited, a.websiteby:active {
	text-decoration: none;
	background:  url(../images/website_by.gif) no-repeat 0 0px;	
}

a.websiteby:hover {
	background:  url(../images/website_by.gif) no-repeat -135px 0px;
}