@charset "UTF-8";
/* CSS Document */

/* ---------------------------= Main Nav Primary Styles =--------------------------- */

#services {
	position: relative;
	width: 561px;
	height: 398px;
	padding-bottom: 20px;
	}
	
#servicesTitleBar {
	position: relative;
	background: url(../images/services_titleBar.jpg) no-repeat;
	width: 561px;
	height: 41px;
	}
	
#servicesContent {
	position: relative;
	background: url(../images/services_bkgd.jpg) no-repeat;
	width: 561px;
	height: 333px;
	}
	
	#servicesLeftCol {
		position: relative;
		float: left;
		left: 24px;
		background: url(../images/services_leftCol.jpg) no-repeat;
		width: 165px;
		height: 333px;
		}
	
	#servicesRightCol {
		position: relative;
		float: right;
		right: 24px;
		background: url(../images/services_rightCol.jpg) no-repeat;
		width: 165px;
		height: 333px;
		}
	
#servicesFooterBar {
	position: relative;
	background: url(../images/services_footerBar.jpg) no-repeat;
	width: 561px;
	height: 24px;
	}

/* ---------------------------= Services Left and Right Nav Primary Styles =--------------------------- */
	
#services_leftNav, #services_rightNav {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 165px;
	height: 333px;
	}
	
#services_leftNav ul, #services_rightNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
html>body #services_leftNav li, #services_rightNav li {
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	height: 110px;
	vertical-align: top; /* IE6 and IE7 need this to eliminate vertical gaps between LI elements */
	}
	
/*\*/ * html #services_leftNav li, /*\*/ * html #services_rightNav li {
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	height: 106px; /* IE6 needed a different height here, to fit the leftNav items */
	vertical-align: top; /* IE6 and IE7 need this to eliminate vertical gaps between LI elements */
	}

#services_leftNav li ul, #services_rightNav li ul {
	position: absolute;
	top: -300px;
	left: -10000px;
	width: 183px;
	height: 333px;
	z-index: 300;
	}
	
/* ---------- Styles unique to services_leftNav and services_rightNav ---------- */
	
#services_leftNav li:hover ul#trustsPanel { 
	/* IE6 requires the csshover3.htc script - see body styling for behavior property */
	position: absolute;
	top: 0;
	left: 165px;
	width: 163px;
	height: 313px;
	background: url(../images/services_trustsWills.jpg) no-repeat;
	padding: 15px;
	}
	
#services_leftNav li:hover ul#conservatorPanel { 
	/* IE6 requires the csshover3.htc script - see body styling for behavior property */
	position: absolute;
	left: 165px;
	width: 163px;
	height: 313px;
	background: url(../images/services_conservatorship.jpg) no-repeat;
	padding: 15px;
	}
	
html>body #services_leftNav li:hover ul#conservatorPanel { 
	top: -110px;
	}
	
/*\*/ * html #services_leftNav li:hover ul#conservatorPanel { 
	top: -112px;
	}
	
#services_leftNav li:hover ul#probatePanel { 
	/* IE6 requires the csshover3.htc script - see body styling for behavior property */
	position: absolute;
	top: -220px;
	_top: -224px; /* IE 6 fix */
	left: 165px;
	width: 163px;
	height: 313px;
	background: url(../images/services_probate.jpg) no-repeat;
	padding: 15px;
	}
	
#services_rightNav li:hover ul#adminPanel { 
	/* IE6 requires the csshover3.htc script - see body styling for behavior property */
	position: absolute;
	top: 0;
	left: -183px;
	width: 163px;
	height: 313px;
	background: url(../images/services_trustAdmin.jpg) no-repeat;
	padding: 15px;
	}
	
#services_rightNav li:hover ul#mediCalPanel { 
	/* IE6 requires the csshover3.htc script - see body styling for behavior property */
	position: absolute;
	top: -110px;
	_top: -112px; /* IE 6 fix */
	left: -183px;
	width: 163px;
	height: 313px;
	background: url(../images/services_medical.jpg) no-repeat;
	padding: 15px;
	}
	
#services_rightNav li:hover ul#elderPanel { 
	/* IE6 requires the csshover3.htc script - see body styling for behavior property */
	position: absolute;
	top: -220px;
	_top: -224px; /* IE 6 fix */
	left: -183px;
	width: 163px;
	height: 313px;
	background: url(../images/services_elderLaw.jpg) no-repeat;
	padding: 15px;
	}
	
/* ---------- Styles shared between services_leftNav and services_rightNav ---------- */

a.serviceTitle:link, a.serviceTitle:visited {
	display: block;
	color: #000033;
	text-align: center;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12pt;
	font-weight: bold;
	line-height: normal;
	}
	
a.serviceTitle:hover {
	text-decoration: none;
	color: #963;
	}
	
html>body a.trustsPlacement { /* All browsers except IE6 */
	/* if you change the font size of the serviceTitle links, you must adjust padding in the placements below */
	padding: 26px 0; /* this padding, along with display:block in a.serviceTitle is key for the text centering vertically */
	}
	
/*\*/ * html a.trustsPlacement { /* IE6 only */
	padding: 23px 0;
	}
	
a.conservatorPlacement {
	padding: 45px 0;
	}
	
a.probatePlacement {
	padding: 46px 0;
	}
	
html>body a.adminPlacement { /* All browsers except IE6 */
	padding: 36px 0;
	}
	
/*\*/ * html a.adminPlacement { /* IE6 only */
	padding: 34px 0;
	}
	
html>body a.mediCalPlacement {
	padding: 36px 0;
	}
	
/*\*/ * html a.mediCalPlacement {
	padding: 34px 0;
	}
	
a.elderPlacement {
	padding: 46px 0;
	}
	
ul li ul li p {
	color: #963;
	text-align: left;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	line-height: 17px;
	padding-top: 0;
	margin-right: 10px;
	}
	
ul li ul li p.panelTextTitle {
	display: block;
	color: #000033;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12pt;
	font-weight: bold;
	line-height: normal;	
	}
	
ul li ul li a.panelLink:link, ul li ul li a.panelLink:visited {
	color: #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 17px;
	}
	
ul li ul li a.panelLink:hover {
	text-decoration: underline;
	}