/* //////////////////////////// */
/*								*/
/*			  DHM Law			*/
/*		   Version 1.1			*/
/*		Copyright (c) 2010		*/
/*		------------------		*/
/*		Strongwater Design		*/
/*								*/
/*	///////////////////////////	*/

/* COLORS:
	dark blue:#3D5166
	medium blue:#8195AC
	light blue background: #BDCCD4
*/
	


/* ///////////////////////////// RESET CSS ///////////////////// */

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, 
dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, 
tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;	border: 0;	outline: 0;	font-size: 1em; vertical-align: baseline; background: transparent; text-decoration:none;}
section, article, aside, header, footer, nav, dialog, figure { display:block; }
body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';}
*{margin:0;padding:0;outline:0;border:0;}

/* clearfix */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.screen-reader-text {
     position: absolute;
     left: -1000em;
}

/* some basics */
	.left {
		float:left!important;
	}
	.right {
		float:right!important;
	}

	
	
/************************************MAIN STYLES******************************/
		*{
			margin:0;
			padding:0;
		}
		
		body,html  {
			width:100%;
			height:100%;
			font-family: Verdana, Geneva, sans-serif;
			font-weight:normal;
			color:#000;
			font-size:10px;
			min-width:850px;
			behavior: url(csshover3.htc); 
		}
		
		#container {
			min-height:10%;
			background:#BDCCD4 url(../images/bodybg.gif) bottom left repeat-x;
			position:relative;
		}
	
		* html #container{ 
			height:100%;
			border:none !important;
			margin-right:0 !important;
			width: expression(document.body.clientWidth < 862? "860px" : "auto");
		}
		
		a, a img, a:hover img {
			color:#8195AC;
			font-style:italic;
			text-decoration:underline;
			border:none;
			outline:none;
		}
		a:hover {
			text-decoration:none;
		}

		b {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-weight:100;
		}
		
		h1, h2, h3, h4, #nav a {
			font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
			font-weight:100;
			text-transform:uppercase;
		}
		
		h1 {
			font-size:45px;
			font-weight:bold;
		}
		
		h2 {
			font-size:30px;
			text-transform:none !important;
		}
		
		h3, input.contact {
			font-size:17px;
		}
		
		h4 {
			font-size:13px;
		}
		
		h5 {
			font-size:16px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style:italic;
			font-weight:100;
		}
		
		
/***********************************HEADER STUFF ****************************/



		#header {
			float:left;
			position:relative;
			display:inline;
			width:100%;
			background:#EEE url(../images/headerright.gif) top left no-repeat;
		}
		
		#logotype {
				height:105px;
				position:relative;
				top:0;
				left:0;
				text-align:center;
		}
		
		#logotype img {
			margin-top:22px;
			display:inline;
		}
		
		#addresses {
			overflow:visible;
			padding:0 15px 0 15px;
			height:33px;
			color:#fff;
			
		}
		
		* html #addresses {
			margin-top:-23px;
		}
		
		.leftAddress {
			float:left;
			display:inline;
			padding-right:10px;
			margin-left
			overflow:hidden;
	
		}
		
		.rightAddress {
			float:right;
			display:inline;
			padding-left:10px;
			background:#526478;
			overflow:hidden;
		}
		
		.leftAddress a, .rightAddress a {
			
			color:#fff;
			line-height:33px;
			text-decoration:none;
			text-transform:uppercase;
			text-align:center;
			font-style:normal;
		}
		
		.leftAddress a:hover, .rightAddress a:hover {
			color:#999;
			text-decoration:underline;
		}
		
		


/**************************PAGE FORMATTING DIVS******************************/
		
		#colmask {
			position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
			clear:both;
			float:left;
			width:100%;			/* width of whole page */
			overflow:hidden;		/* This chops off any overhanging divs */
			background:#CCC;		/* Left column background colour */
		}
		#colmid {
			float:left;
			width:200%;
			position:relative;
			left:200px;
			background:#BDCCD4 url(../images/bodybg.gif) bottom left repeat-x; /* Centre column background colour */
		}
		
		* html #col1pad {
			margin-left: 360px !important;
		}
		
		#colright {
			float:left;
			width:100%;
			position:relative;
			left:50%;
			margin-left:-400px;
			   	/* Right column background colour */
		}
		#col1wrap {
			float:right;
			width:70%;
			position:relative;
			right:81%;
		}
		#col1pad {
			margin:0 15px 0 415px;
			overflow:hidden;
		}
		#col1 {
			width:100%;
			overflow:hidden;
		}
		#col2 {
			float:left;
			width:200px;
			position:relative;
			margin-left:-50%;
			left:200px;
			
		}
		
		#footer {
			clear:both;
			float:left;
			width:100%;
			background:#3D5166;
			padding-top:30px;
			padding-bottom:30px;
			margin:0;
		}
	
		#disclaimer {
			background-color:#4D6179;
			width:70%;
			margin:0 auto;
			padding:10px 50px 10px 50px;
		}
	
	
/***********************NAVIGATION BAR STYLES******************************/
		

	#nav {
		float:left;
		display:inline;
		background: #DDD;
	}
	#nav ul {
		list-style:none;
	}
	
	#nav li {
		background:#EEE;
		margin-top:-1px;
		padding: 0px 10px 0px 20px;
		border-top: solid #999 1px;
		border-bottom: solid #999 1px;
		border-right: double #666 4px;
		position:relative;
		display: inline;
		
	}
	
	#nav ul li{
		float: left;
		display:inline;
	}
	#nav ul li.first {
		margin:0;
		padding:0;
		border:none;
	}

	#nav ul ul ul { /*submenu*/
			position: absolute;
			top: 0px;
			left:200px;
			}
		
	#nav ul ul ul, #nav ul ul li:hover ul ul { /* Hide and seek submenu*/
		display: none;
		}
	
	#nav ul ul li:hover ul,	div#nav ul ul ul li:hover ul
	{	display: block;
		width:170px;
		background:#CCC;
	}
		
		body#index-page li#home,  body#philo-page li#philo, body#plan-page li#plan, body#contact-page li#contactus,  body#video-page li#video, body#downloads-page li#dl {
			background: #CCC url(../images/current.gif) right center no-repeat;
			border-right:none;
			width:170px;
		}
		
		
		#nav li:hover, body#index-page li#home:hover,  body#philo-page li#philo:hover, body#plan-page li#plan:hover, body#contact-page li#contactus:hover, body#video-page li#video:hover, body#downloads-page li#dl:hover {
			background:#DDD url(../images/currentMO.gif) right center no-repeat;
			padding: 0px 10px 0px 20px;
			width:170px;
			border-right: none;
		
		}
		
		#nav li#dasilva, #nav li#hilowitz, #nav li#mcevily, #nav li#lit, #nav li#collaborative, #nav li#mediation {
			width:155px;
			border-right: double #666 4px;
			background: #FFF right center no-repeat;
		}
		
		body#hilo-page li#hilowitz, body#dasilva-bio #nav li#dasilva, body#mcevily-bio #nav li#mcevily, body#lit-page #nav li#lit, body#collab-page #nav li#collaborative, body#med-page #nav li#mediation {
			width:159px;
			border-right: none;
			background: #FFF url(../images/subcur.gif) right center no-repeat;
		}
		
		#nav li#dasilva:hover, #nav li#hilowitz:hover, #nav li#mcevily:hover, #nav li#lit:hover, #nav li#collaborative:hover, #nav li#mediation:hover, #nav li.subcur:hover {
			width:159px;
			border-right:none;
			background: #FFF url(../images/subMO.gif) right center no-repeat;
		}
	
	* html #nav li#dasilva:hover, * html #nav li#hilowitz:hover, * html #nav li#mcevily:hover, * html #nav li#lit:hover, * html #nav li#collaborative:hover, * html #nav li#mediation:hover, * html #nav li.subcur:hover {
		width:159px !important;
	}
		
		
		#nav li#mat:hover, #nav li#partner:hover {
			width:170px;
			background: #DDD url(../images/parentMO.gif) right center no-repeat !important;
		}
		
		body#hilo-page li#partner, body#dasilva-bio #nav li#partner, body#mcevily-bio #nav li#partner, body#lit-page #nav li#mat, body#collab-page #nav li#mat, body#med-page #nav li#mat {
			background:#CCC url(../images/current.gif) right center no-repeat;
			line-height:normal;
			padding: 15px 10px 15px 20px;
			width:170px;
			border-right: none;
		}
		
		
		
		#nav li.static, #nav li.static:hover, #nav li:hover.static, .static li:hover, li.static:hover {
			borde-topr: solid #999 1px;
			border-right: double #666 4px;
			border-bottom: double #666 4px;
			text-align:center;
			padding:15px;
			background:#DDD;
			width:165px;
			margin-bottom:-1px;
			
		}

			#nav li.static a, #nav li.static a:hover {
				text-decoration:none;
				font-style:none;
				font-family: Verdana, Geneva, sans-serif;
				font-weight:100;
				font-size:10px;
				line-height:normal;
				color:#000;
				cursor:pointer;
			}
			
			#nav li.static a:hover {
				color:#8195AC;
			}
		
/********************Content divs***********************/
		
		
		
		ul#tabs { 
			list-style-type: none; 
			margin:0; 
			padding:0; 
			background-color: #BDCCD4;
			height:31px;
			border-bottom:solid 2px #fff}
      	ul#tabs li { display: inline; margin:0 0 0 0; background-color: #BBB; padding:0; }
      	ul#tabs li a { 
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:12px;
			line-height:30px;
			color: #333; 
			background: #BBB url(../images/tab.gif) center bottom repeat-x; 
			border: 1px solid #555; 
			border-bottom:none;
			margin:0;
			padding: 8px; 
			text-decoration: none;
			font-style:normal;
			
			}
      	
		ul#tabs li a:hover { 
			color: #333; 
			background-color: #DDD; 
			}
      	
		ul#tabs li a.selected { color: #000; background: #FFF; font-weight: bold; padding: 8px; border:none; border-bottom:solid 1px #fff}
		div.tabContent {  padding: 30px 45px 20px 45px; }
		div.tabContent.hide { display: none; }

		
		#collab,
		#contact {
			float:left;
			width:73%;
			height:auto;
			padding:0;
			margin:30px 0px 40px 40px;
			background:#FFFFFF;
			
			
		}
		
		
		#left, #left2 {
			float:left;
			width:65%;
			height:auto;
			padding:30px 45px 20px 45px;
			margin:25px 0px 25px 40px;
			background:#FFFFFF;
			
			
		}
		
		.half {
			width:50%;
		}
		
		.clear {
			clear:both;
		}
		
		#full {
			float:left;
			width:85%;
			height:auto;
			padding:30px 45px 20px 45px;
			margin:25px 0px 25px 40px;
			background:#FFFFFF;
			
			
		}
		
		#left li,
		#contact li {
			list-style:square;
			margin-left:20px;
			
		}
		#contact li {
			font-size:12px;
			line-height:20px;
		}
		
		#right {
			float:right;
			width:auto;
			max-width:300px;
			height:auto;
			min-height: 400px;
			padding:20px 30px 0px 30px;
			margin-top:20px;
			margin-bottom:20px;
			background:#FFE;
			text-align:center;
		}
		
		
		#contact input,
		#contact textarea {
			padding:4px;
			border:1px inset #999;
			background: #fff;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			border-radius:4px;
			-khtml-border-radius:4px;
		}
		#contact input:active,
		#contact input:focus,
		#contact textarea:active,
		#contact textarea:focus {
			background: #eee;
		}
		
		#contact .submit input		{
			border:1px outset #999;
			background:#aaa!important;
			color:#fff;
		}
		#contact select {
			border:1px outset #999;
			
		}

/**************************classes************************/

.recaptchatext {
	font-size:10px;
	width:80%;
}

.about {

	min-height:385px;
	height: expression(document.body.clientHeight < 387? "385px" : "auto");
}
 .cf-wrapper {
	text-align:left;
	float:right;
	
}

#cf1, #cf2, #cf3, #cf4 {
	height:385px;
	margin-left:-359px;
	}

.bullet {
	margin-top:8px;
	margin-bottom:5px;
	text-align:center;
}



.icon {
	text-decoration:none;
	vertical-align:middle;
}

.video {
	margin:5px auto;
	padding:4px;
	text-align:center;
	border: solid 1px #999;
	width:480px;
	height:auto;
}

.bold {
	font-weight:bold;
}

.note,
.note95 {
	background:#BDCCD4;
	font-style:italic;
	padding:12px;
	}
	.note {
		width:80%;
	}
	.note95 {
		width:95%;
	}

.noteadobe {
	background:#BDCCD4;
	width:95%;
	font-style:italic;
	text-align:center;
	padding:12px;
}

.noteadobe a {
	text-decoration:none;
}

.subital {
	text-transform:lowercase;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
}

.contact li {
	padding-bottom:15px
}


#left .quoteLeft, #left2 .quoteLeft {
	text-indent:0px;
	float:left;
	display:inline;
	background: #EEE;
	padding:10px;
	width:70%;
	margin:10px 10px 10px -15px;
	
}

#left .quoteRight, #left2 .quoteRight {
	text-indent:0px;
	float:right;
	display:inline;
	background: #EEE;
	padding:10px;
	width:65%;
	margin:10px -15px 10px 10px;
	
}

#left .quoteLeft ul, #left .quoteRight ul, #left2 .quoteLeft ul, #left2 .quoteRight ul  {
	border:1px solid #999;
	padding:8px 28px 8px 8px;
	
}

#left .quoteLeft ul li, #left .quoteRight ul li, #left .dl ul li{
	list-style-type:none;
	text-align:left;
}

.photo {
	margin-right:30px;
	margin-bottom: 15px;
	margin-top:15px;
}

.rtphoto {
	margin-left:30px;
	margin-bottom: 15px;
	margin-top:25px;
}

.line {
	border-top:solid 3px #666;
	text-align:center;
	width: 60%;
	margin: 15px auto 15px auto;
	padding: 0;
}

.line2 {
	border-top:double 4px #000;
	text-align:center;
	width: 100%;
	padding: 0;
}

.line3 {
	border-bottom:double 4px #000;
	text-align:center;
	width: 100%;
	padding: 0;
}


.greyline {
	border-top:double 4px #999;
	text-align:center;
	width: 70%;
	margin:0 auto -10px auto;
}



/*************************font styles*********************/






#nav li a, a#nav li, #nav li, #nav li:hover.static, #col2 a{
	display:block;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	width:166px;
	letter-spacing:1px;
	font-style:normal;
	text-transform:uppercase;
	font-size:12px;
	line-height:40px;
	text-decoration:none;
	color:#000;
	cursor:pointer;
}

* html #nav li a, a#nav li, #nav li, #nav li:hover.static, #col2 a{
	font-weight:bold;
}

#nav li.static, #nav li:hover.static {
	line-height:normal;
	width:auto;
}

li#mat, li#mat:hover, li#partner, li#partner:hover {
	line-height:normal;
	padding: 15px 10px 15px 20px;
}

#nav li.static p, #nav li.static p:hover {
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
}

#nav li a:hover, a:hover#nav, a:hover#nav li, #nav li:hover{
	display:block;
	text-decoration:none;
	font-style:normal;
	color:#036;
}

#nav li.current a {
	color:#036;
	display:block;
}

#footer p {
	color:#FFF;
	text-align:center;
	letter-spacing:3px;
	line-height:15px;
	text-transform:uppercase;
}
	

#leftp h3, #rightp h3 {
	font-size:17px;
}

.smallCaps {
	font-variant:small-caps;
}

.initialCap {
	font-family: Georgia, "Times New Roman", Times, serif;
	float:left;
	font-size: 50px;
	line-height: 40px;
	text-indent: -5px;
	padding-left: 5px;
	padding-right: 3px;
	
}


.phone {
	font-size:9px;
	line-height:18px;
	text-decoration:underline;
	color:#333;
}

.dl-list {
	margin-left:100px;
	position:relative;
}

#tablinks {
	text-align:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	
}

#left p, 
#botleft p, 
#right p, 
#collab p, 
#contact p,
#full p, 
#left2 p {
	text-align:justify;
	text-indent:25px;
	font-size: 12px;
	line-height: 20px;
	
}

#left p.first, 
#left li, 
#collab p.first, 
#left2 p.first, 
#left2 li
#contact li,
#contact p.first {
	text-indent:0px;
	text-align:left;
	font-size: 12px;
	line-height: 20px;
	}

#left p.indent, 
#collab p.indent,
#contact p.indent, 
#left2 p.indent {
	margin-left:50px;
	text-indent:0px;
}

#disclaimer p {
	letter-spacing:normal;
	line-height:normal;
	text-transform:none;
	color:#FFF;
}

#left p.smallquote, #left p.smallquote {
	margin-left:40px;
	margin-right:40px;
	margin-top:20px;
	text-indent:0px;
	border-top: solid 3px #999;
	border-bottom: solid 3px #999;
	padding:20px;
	background:#EEE;
}

#left p.hilo, #left h4.hilo, #full p.hilo, #full h4.hilo, #left2 p.hilo, #left2 h4.hilo {
	text-align:center;
	text-indent:0px;
}

#left h4.contact {
	font-size: 18px;
	line-height:12px;
}
#left a, 
#full a, 
#collab a,
#contact a, 
#left2 a {
	color:#036;
}

#leftp p, 
#rightp p {
	text-align:center;
	font-size:12px;
}


.map {
	width:45%;
	padding-left:24px;
	}
	.map li {
		list-style: none!important;
		padding-bottom: 0!important;
		display:block;
		border:1px inset #999;
	}

.sl_badge_120 {
	width:130px;
	font-style:normal!important;
	float:left;
	margin-right: 10px;
	margin-left:5px;
	text-align:center;
	font-size:12px !important;
	border:1px solid rgb(191,191,191)!important; 
	border-bottom:4px solid rgb(86,131,154) !important;
	line-height:1.5!important;}
	.sl_badge_120 .profile {padding:2px!important;}
	.sl_badge_120 a {color:rgb(131,7,30)!important;text-decoration:none!important;}
	.sl_badge_120 a:hover {text-decoration:underline!important;}
	.sl_badge_120 .online {width:100%!important;text-align:center!important;font-style:italic;font-weight:bold;font-size:12px;color:rgb(148,0,37);}
	.sl_badge_120 .visit { text-align:center; font-size:10px; }