* {
	padding:0;
	margin:0;
	border:none
	}

html{
	font-family:Garamond, "Times New Roman", sans;
	background:url("images/bgbody.gif") top left repeat-y #F8F9F6;)
	font-size:16px;
}
html#index{
	font-family:Garamond, "Times New Roman", sans;
	background:none
}

html#index body{
	background:none;
}

h1,h2,h3{padding:10px 0}
h1{
	font: 30px "Garamond Italics" "Times New Roman", Times, serif;
	font-style:italic;
	color:#666666;
	padding-bottom:50px;
	padding-top:30px;
	padding:0;
	margin:0;
}
#text h1{
	padding-bottom:40px
}
h2{
	font: 18pt "Garamond Italic" "Times New Roman", Times, serif;
	font-style:italic;
	color:#266553
}

p{line-height:19px;color:#666;padding-top:5px;padding-bottom:5px;}
#index #top, #top{
	width:100%;
	height:147px;
	background:url("images/bgtop2.gif") top left repeat-x;
}
#top{
	background:url("images/bgtop4.gif") top left repeat-x
}
	#top a{
		color:#000
	}
#logo{
	float:left;
	width:171px
}
	
#index #banner, #banner{
		float:left;
		background:url(images/bgsplash.gif) top left no-repeat;
		width:306px;
		height:99px;
}
#banner{background:url(images/bgsplash3.gif) top left no-repeat;}

#motto{
	position:absolute;
	top:107px;
	left:227px;
	height:50px;
	
}
	#motto h2{
		font-style:italic;
		font-size:21px;
		color:#000;
		padding:0;
		margin:0;
		font-family:"Garamond Italic", "Times New Roman", sans
	}

#rightlinks{
	float:right;
	width:290px;
	height:72px;
	padding-top:45px;
	background:url(images/bgtopright.gif) top right no-repeat;
	font-family:Garamond, "Times New Roman", sans;
	font-style:italic
}
	#index #rightlinks{
		padding-top:15px;
		padding-right:30px;
		width:285px;
		margin-right:0
	}
	

#menu{
	/*
	float:left;
	width:170px;
	margin-top:15px;
	*/
	position:absolute;
	top:160px;
	width:170px;
	left:0px
}
	#menu a{
		text-decoration:none;
		color:black;
	}
	
	#menu ul{
		list-style-type:none;
	}
	#menu ul li a.category{
		border-bottom:1px solid #DFE9E6;
		text-decoration:none;
		display:block;
		width:136px;
		padding-top:15px;
		font-size:14px;
		color:#000;
		margin-bottom:3px;
		background:url("images/dot.gif") 6px 18px no-repeat;
		padding-left:14px;
		margin-left:4px
	}
	#menu ul li a.selected{
		font-style:italic;
		color:#000;
		text-decoration:none
	}
	
		#menu ul li ul{
			list-style-type:none;
			margin-left:30px;
			font-size:13px;
			line-height:17px
		}
		

#content{
	width:100%;
	height:100%;
}
#content ul li{
	-clear:both;
	width:100%;
}

/*where all the content is*/
#text{padding:15px 30px 220px 220px;}
	
#text a{color:#266553}
	#text .philosophy a{
		color:#266553;
		font-size:20px;
		font-style:italic;
		font-family:Garamond
	}
	
	#text .philosophy{
		line-height:40px;
		list-style-type:none;
		width:720px;
		text-align:center
	}
	
	#text table.philosophy{
		text-align:right;
		width:550px;
		margin:30px 15px;
		color:#666666
	}
	
	/* professionals page */
	#text .profile{
		padding-bottom:30px;
		min-height:200px;
		-padding-bottom:50px
	}
	#text .profile p{
		margin-left:200px;
		padding-right:2em;
		display:table
	}
		#text .profile .photo{
			float:left;
			padding-right:50px;
		}
		
		#text table h2{
			font-family:Garamond, "Times New Roman", sans;
			font-size:18px;
			margin-top:-7px;
			color:#666;
			font-weight:bold;
		}
		#text table.professionals{padding-right:2em}
		#text table.professionals td{
			padding-bottom:25px;
		}
	
	#index #content{width:100%}
	#index #text{margin-left:-240px}
	#index #text h1{
		text-align:center;
		padding-top:10%;
		padding-bottom:10px;
		width:700px;
		margin:0 auto;
		
	}
	
	/* locations page */
	#text div.card, div.carddetail{
		width:auto;
		float:left;
		margin-right:50px;
		padding-bottom:30px
	}
	#text div.carddetail{
		float:none
	}
		#text .card h2, .carddetail h2{
			color:#266553;
			font-weight:bold;
			font-size:21px;
			padding-bottom:0px
		}
		#text .card a{color:#266553;font-style:italic}
	#text #help{
		position:absolute;
		top:338px;
		left:300px;
		font-style:italic;
		font-size:18px
	}
	#text #help2{
		position:absolute;
		top:404px;
		left:247px;
		font-style:italic;
		text-align:center;
		width:100px;
		font-size:18px
	}
	#text #help3{
		position:absolute;
		top:525px;
		left:217px;
		font-style:italic;
		text-align:center;
		width:150px;
		font-size:18px
	}
	#text #help4{
		position:absolute;
		top:460px;
		left:420px;
		font-style:italic;
		text-align:center;
		width:120px;
		font-size:18px
	}
	#text #help5{
		position:absolute;
		top:584px;
		left:360px;
		font-style:italic;
		text-align:center;
		width:150px;
		font-size:18px
	}

ul.bottommenu{
	width:500px;
	margin:0 auto;
	background:url("images/bottommenu.gif") top left repeat-y;
	height:25px;
	line-height:25px;
	margin-top:20px
}
	ul.bottommenu li{
		list-style:none;
		float:left;
		padding-left:7px;
		padding-right:7px;
		background-image:url("images/divider.gif");
		background-repeat:no-repeat;
		background-position: right 7px;
	}
	ul.bottommenu li.first{margin-left:90px;-margin-left:40px;}
	ul.bottommenu li.last{background:none}
	ul.bottommenu li a{
		color:#666666;
		font-size:15px;
		
	}
	
#tree{
	width:277px; /* 337*/
	height:173px; /*211*/
	position:absolute;
	bottom:93px;
	-bottom:96px;
	right:0;
	background:url("images/tree2.gif") bottom left no-repeat;
}
#footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:92px;
	background:url("images/bgfooter.gif") top left repeat-x;
}
	#footer #adresses{
		width:560px;
		margin:30px auto;
	}
	
	#footer address{
		float:left;
		margin-left:50px;
		font-style:normal
	}
	#io{
		position:absolute;
		top:630px;
		left:220px
	}
	#oapc{
		position:relative;
		text-align:center;
		width:200px;
		top:-270px;
		left:110px
	}
	
/* form on contact-us.html" */
form{margin-top:30px}
label {text-align:right;display:block}
input {border:1px solid gray;margin-left:15px;width:200px}
	input.zip{width:40px}
	input.zip2{margin-left:0}
	input.numbers{width:150px}
select, textarea{border:1px solid gray; margin-left:15px}
input.buttons{padding:2px 10px;width:100px}
td{vertical-align:top;line-height:25px}

/* general classes */
.hide{display:none}
.strong{font-weight:bold}
p.em{font-style:italic;padding:0}
small.em{font-style:italic;font-size:15px}
h2.name{padding-bottom:3px;padding-top:3px}
.padding{padding-bottom:10px}
.fifty{padding-bottom:50px}
.smallphoto{height:220px}
ul.list, p.list{font-style:italic;font-weight:bold}
	ul.list a, p.list a{color:#266553}
	.fiftyleft{padding-left:50px}
	.fourtyleft{padding-left:40px}
	.twentyleft{padding-left:20px}
	.lh{line-height:40px}
	.bullet{list-style-type:disc}

/* 
---------------------------------------
DROP DOWN MENU 
dl, dt, dd, #index ul, #index li {
margin: 0;
padding: 0;
list-style-type: none;
}
*/
#nav {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%;
}

#index ul#dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size:20px;
	margin-top:-3px;
	font-weight:bold;
	}
#dd li a{
	color:#6C6D71;

}
#index ul li {
	/*position: relative;*/
	float:left;
	}
	
#index .first{margin-left:10px;padding-bottom:20px}
#index .second{margin-left:40px;-margin-left:30px;padding-bottom:20px}
#index .third{margin-left:22px;padding-bottom:20px}
#index .fourth{margin-left:10px;padding-bottom:20px}

/*FOR IE6's incorrect rendering */
#index .firstsub{position:absolute;top:30px;left:0px}
#index .secondsub{position:absolute;top:30px;left:140px}
#index .thirdsub{position:absolute;top:30px;left:350px}
#index .fourthsub{position:absolute;top:30px;left:520px}

/* back to business*/
#index li ul {
	position: absolute;
	top: 30px; /* Set 1px less than menu width */
	display: none;
	padding-top:10px
	}
#index li ul li{
	clear:both;
	width:150px;
	display:block;
	background:#fff;
	font-size:13px;
	font-weight:300;
	text-align: left;
	font-family:"Garamond Italic", "Times New Roman", sans;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}

/* Styles for Menu Items */
#index ul li a{
	padding:5px 5px 15px 5px;
	text-decoration:none
}
#index ul li ul li a {
	display: block;
	text-decoration: none;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#dd li ul li a:hover { color: #fff; background: #266553; } /* Hover Styles */
		
#index li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
#index li:hover ul, #index li.over ul { display: block;} /* The magic */

.hide{display:none}
#index #rightlinks .paddingleft{padding-left:45px}
.overlaymbfi{display:block;width:100px;height:14px;margin-left:18px;margin-top:-4px}