/* <![ Global [ -----------------------------------------------------------*/

/*
Site 9 Default CSS File
Working Version: template
VERSION: 1.0 
LAST MODIFIED: 02.07.2008
LAST MODIFIED BY: NAPOLISX

NOTES:
Image pathing needs to be as follows.

url(http://www.messalaw.com/images/img.jpg);

This can be developed any way you wish, but must be changed before upload.

*/


html {
	height:100%;}
	
.body{	
	margin:0px; 
	padding:0px; 	
	behavior:url(http://www.messalaw.com/scripts/csshover.htc);
	text-align:center;
	font:12px Arial, Helvetica, sans-serif;
	background:#0e3549;}

#container {
	position:relative;
	margin:0px auto;
	padding:0px;
	width:994px;
	text-align:left;
	border-left:1px solid #000;
	border-right:1px solid #000;}
	
	
input, select, textarea {	
	}
	
legend	{
	font:bold 11px Arial, Helvetica, sans-serif; color:#000;}
	
hr {
	height:1px;
	color:#000;
	border-bottom:1px solid #000;
	margin:5px 0px;
	padding:0px;}

address {
	font-style:normal;}


/*	<![ Navigation [ -----------------------------------------------------------*/

#topnav {
	position:relative;
	width:949px;
	margin:0px auto;}
	
	#topnav ul {
		}
	#topnav ul li {
		}
	#topnav ul li a {
		}
	#topnav ul li a:hover {
		}
		
#nav {
	background:url(http://www.messalaw.com/images/nav-bg.jpg) top left repeat-x;}


	#nav ul {
		list-style:none;
		margin:0px;
		padding:0px;}
	
		#nav ul ul {
			display:inline;}


	#nav ul li {
		display:inline;
		margin:0px;
		padding:0px;}


	#nav ul li a {
		display:inline-block;
		margin:0px -2px;
		padding: 5px 10px 5px 10px;
		border-left:1px solid #000;
		color:#fff;
		text-decoration:none;}

	#nav ul li.home {
		margin-left:15px;}

	#nav ul ul li a.nav-red {
		border-right:1px solid #000;
		background:url(http://www.messalaw.com/images/nav-case-li.jpg) top left repeat-x;}
		


	#nav ul li a:hover,
	#nav ul ul li:hover a    /* this  declaration so rollover state stays up when scrolling through dropmenu */
	{
		background:#001e57;
		color:#fff;
		text-decoration:none;}

		#nav ul ul li a.nav-red:hover {
			background:url(http://www.messalaw.com/images/nav-case-li.jpg) top left repeat-x;}

	/* ----- DROP NAV STYLING ----- */


	#nav ul ul ul {
		display:none;
		position:absolute;
		z-index:98;
		top:117px;
		left:auto;
		*width:150px;    /* for dropmenus in IE,  list width needs to be declared */
		font:12px "Trebuchet MS", Tahoma, Arial, sans-serif;
		text-transform:none;
		text-align:left;
		background: #eaebd8;
		border: 1px solid #000;}



		/* --- left  absolute positioning needs to be declared for each dropmenu individually --- */


		#nav ul ul  li.ourfirm:hover ul {
			display:block;
			left:68px;
			}

		#nav ul ul  li.ourteam:hover ul {
			display:block;
			left:135px; 
			}

		#nav ul ul  li.practice-areas:hover ul {
			display:block;
			left:225px;  
			}

		#nav ul ul  li.settlements:hover ul {
			display:block;
			left:325px; 
			}

		#nav ul ul  li.news:hover ul {
			display:block;
			left:468px;  
			}



	#nav ul ul ul li {
		position:relative;
		z-index:99;}        



	#nav ul ul ul li a,
	#nav ul ul li:hover ul li a {
		position:relative;
		padding: 6px 11px 5px 12px;
		margin:0px;
		z-index:100;
		display:block;
		background:#456789;
		color:#fff;
		font: 11px arial;
		border-left:none;
		border-bottom:1px solid #ccc;
		text-decoration:none;}



	#nav ul ul ul li a:hover,
	#nav ul ul li:hover ul li a:hover {
		/*font-weight:bold;*/
		color:#000;
		background:#cccc66; 
		text-decoration:none;}


	
#aop {
	font:12px Arial, Helvetica, sans-serif;
	color:#978448;
	padding:0px;
	margin:0px 0px 0px 0px;
	background:url(http://www.messalaw.com/images/aop-txt.jpg) top left no-repeat;
	zoom:1;}
	
	#aop ul {
		list-style:none;
		padding:10px 0px;
		margin:0px;}
	#aop ul li {
		display:block;
		padding:0px 0px 1px 0px;
		margin:0px 0px -1px 0px;}
	#aop ul li a {
		display:block;
		padding:3px 20px 3px 10px;
		color:#978448;
		text-decoration:none;
		font-weight:normal;
		background:url(http://www.messalaw.com/images/aop-li.jpg) 0px 10px no-repeat;}
		
		#aop ul li .current_link {
			color:#978448;
			font-weight:bold;}
		
	#aop ul li a:hover {
		color:#978448;
		text-decoration:none;}	
		
		#aop ul li .current_link:hover {
			color:#978448;
			border-top:none;}
			
		#aop ul li ul {
			display:none;
			padding:1px 0px 0px 0px;}
			
		#aop ul li ul li a {
			padding:5px 20px 5px 38px;
			font-size:11px;}

#footlinks {
	text-align:center;}	
	
	#footlinks ul {
		list-style:none;
		margin:0px;
		padding:0px;}
	#footlinks ul li {
		display:inline;
		margin:0px;
		padding:0px;}
		
		#footlinks ul ul {
			display:inline;}

	#footlinks  ul li a {
		text-decoration:none;
		padding:0px 10px;
		border-right:1px solid #000;}
		
		#footlinks ul .last_child a {
			border-right:none;}
		
	#footlinks ul li a:hover {
		}

	
/*	<![ Layout [ -----------------------------------------------------------*/

#clear {
	clear:both;
	margin:0px;
	padding:0px;
	height:1px;
	overflow:hidden;}


.search {
	position:relative;
	margin:0px auto;
	padding:0px 0px 20px 0px;
	text-align:right;}
	
	.search form {
		margin:0px;
		padding:0px;}
	
	.search-field {
		padding:3px;
		font:10px Arial, Helvetica, sans-serif;
		border:1px solid #8fa3af;
		background:#fff;
		width:100px;}
		
	.search-button {
		width:60px;
		background: #cbd3d8;
		color:#0f364a;
		border:1px solid #8fa3af;
		text-decoration:none;
		font:11px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-align:center;}
	
	.search-button:hover {	
		background: #062552;
		border:1px solid #0f364a;  	
		text-decoration:none;
		color:#fff;}
	
	
#header {
	height:188px;
	overflow:hidden;}

#mid {
	background:url(http://www.messalaw.com/images/mid-bg.jpg) top left repeat-y;
	border-top:1px solid #000;}

#sidebar {
	display:inline-block;
	float:left;
	margin:0px;
	padding:0px;
	width:242px;
	background:#e8eadc;
	vertical-align:top;
	z-index:20;}
	
	#sidebar a {
		color:#325490;}
		
	#sidebar div {
		padding:27px 20px 10px 20px;}
	
.left {
	border-right:1px solid #000;
	z-index:20;}
	
	
.right {
	border-left:1px solid #000;
	background:#e3e2cf !important;
	z-index:20;}
	
	#address {
		background:url(http://www.messalaw.com/images/location-txt.jpg) top left no-repeat;}
		
		#address h2 {
			margin:15px 0px 0px;
			padding:0px;
			color:#335490;
			font:bold 12px Arial, Helvetica, sans-serif;}
		
	#settlements {
		background:url(http://www.messalaw.com/images/settlements-txt.jpg) top left no-repeat;}
		
		#settlements strong:first-child, #newsletters strong {
			color:#978448;}
		
		#settlements strong, #newsletters strong:first-child, #press strong {
			color:#325490;}
	
	#newsletters {
		background:url(http://www.messalaw.com/images/newsletters-txt.jpg) top left no-repeat;}
	
	#blog {
		background:url(http://www.messalaw.com/images/blog-txt.jpg) top left no-repeat;
		margin-bottom:60px;}
	
	#video {
		background:url(http://www.messalaw.com/images/video-txt.jpg) top left no-repeat;
		padding:27px 0px 0px !important;}
		
		#video p {
			margin:0px;}
	
	#press {
		background:url(http://www.messalaw.com/images/press-txt.jpg) top left no-repeat;}
		
		#press strong:first-child {
			color:#325490;}
		#press strong {
			color:#000;}
		
	#awards {
		background:url(http://www.messalaw.com/images/awards-txt.jpg) top left no-repeat;}
		
	#superlawyers {
		background:url(http://www.messalaw.com/images/superlawyers-txt.jpg) top left no-repeat;}
		
		.orange {
			color:#9a4c00;}
			
		.blue {
			color:#325490;}

#center {
	display:inline-block;
	float:left;
	margin:0px;
	padding:0px;
	width:508px;
	_width:507px;
	background:#fff;}

#content {
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:25px;
	_padding:20px;
	line-height:18px;}
	#content p {
		line-height:18px;}
	#content h1 {	
		font:18px Arial, Helvetica, sans-serif;
		font-weight:normal;
		color:#B19C67;
		display:block;
		line-height:normal;
		padding:0px 0px 5px 0px;
		margin-top:0px;}
	#content h2 {	
		font:bold 16px Arial, Helvetica, sans-serif;
		color:#325490;
		line-height:normal;
		margin:0 0 5px;
		padding:15px 0px 0px 0px;}
	#content h3 {	
		font: bold 14px Arial, Helvetica, sans-serif;
		color:#968446;
		line-height:normal;
		padding:0px;}
		#content h3 a {
			color:#968446;}
		#contact h3 a:hover {
			color:#968446;}
	#content h4 {	
		font: bold 12px Arial, Helvetica, sans-serif;
		color:#555;
		line-height:normal;
		padding:0px;}
	#content h5 {	
		font: bold 12px Arial, Helvetica, sans-serif;
		color:#777;
		line-height:normal;
		padding:0px;}
	#content a {
		color:#335490;
		text-decoration:none;}
	#content a:hover {
		color:#335490;
		text-decoration:underline;}
	#content td ul, #content td ol {
		margin-top:0px;
		margin-bottom:0px;
		padding-top:0px;
		padding-bottom:0px;}
	#content ul {
		padding-left:15px;}
	#content li {
		list-style:square;
		color:#30558c;}

.readmore {
	display:block;
	margin:-10px 0px 0px;
	padding:0px;
	text-align:right;
	font:11px Arial, Helvetica, sans-serif;}

.photoLT {
	float:left;
	padding:0px 10px 10px 0px;}

.photoRT {
	float:right;
	padding:0px 0px 10px 10px;}


#footer {
	background:url(http://www.messalaw.com/images/footer-bg.jpg) bottom left no-repeat;
	z-index:10;
	height:10px;}


/*  <![ Primary Contact Form [ ----------------------------------------------------*/

.pad_frm_itm {
	padding:3px 0px;
	margin:0px;}

.form-label {
	width:140px;
	padding:0px 5px 0px 0px;
	display:inline-block;
	vertical-align:top;}
  
.form-pct {
	width:300px;
	font:12px Arial, Helvetica, sans-serif;}
	
.msg-pct {
	width:445px;
	height:70px;
	overflow:auto;
	font:12px Arial, Helvetica, sans-serif;}

.main-submit {
	} /*applied to SUBMIT and CLEAR VALUES buttons on main contact form */
	
.main-submit:hover {
	}


.custom-form {
	}

	.custom-form fieldset {
		margin:0px 0px 10px 0px;
		padding:0px;
		border:none;}
		  
	.custom-form legend {
		padding:0px 2px;
		font-weight:bold;}
		  
	.custom-form ol {
		margin:0px;
		padding:0px;
		list-style:none;}
		

/*  <![ Disclaimer Alert [ ----------------------------------------------------*/

#overlay_div {
	position:relative;
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
	padding:0px;
	z-index:100;}

#overlay_div p {
	}
	
#iagree {
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
	padding:15px 15px 15px 15px;
	border:1px solid #031c40; /* Disclaimer box border color */
	background-color:#ececec; /* Disclaimer box bgcolor color */
	width:400px;
	margin:4px 0 0 0;}

#overlay_div h3 {
	font:18px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #0a3150;
	color:#031c40;
	padding:0;
	margin:0;}

#iagree .overlay_submit {
	padding:4px;
	margin:0 6px 0 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	background:#555;
	border:1px solid #333;
	float:right;
	text-decoration:none;}
	
	#iagree .overlay_submit:hover {
		text-decoration:none;
		color:#fff;
		background:#777;
		border:1px solid #555;}
	
#iagree .checkbox {
	float:left;
	height:22px;
	display:block;}

#iagree input#Agreement {
	position:relative;
	top:3px;
	border:none;}

	

/*	<![ Quick Contact [ -----------------------------------------------------------*/

#qc {
	background:url(http://www.messalaw.com/images/contact-txt.jpg) top left no-repeat;
	font:11px Arial, Helvetica, sans-serif;}
	
	#qc strong {
		color:#325490;}
	
	div#captcha {
		padding:0px;
		margin:0px;}
	
.trigger {
	display:none;}

.pad_frm_itm2 {
	padding:3px 0px;
	margin:0px;}

.form-label2 {
	width:58px;
	padding:0px 2px 0px 0px;
	display:inline-block;
	vertical-align:top;
	text-align:right;}
  
.form-pct2, div#captcha input {
	padding:2px 5px;
	width:190px;
	font:11px Arial, Helvetica, sans-serif;
	color:#444;
	border:1px solid #fff;}
	
.msg-pct2 {
	padding:2px 5px;
	width:190px;
	height:50px;
	overflow:auto;
	font:11px Arial, Helvetica, sans-serif;
	color:#444;
	border:1px solid #fff;}

.custom-form2 {
	font:11px Arial, Helvetica, sans-serif;}

	.custom-form2 fieldset {
		margin:0px 0px 10px 0px;
		padding:0px;
		width:170px;
		border:none;}
		  
	.custom-form2 legend {
		padding:0px 2px 5px 33px;
		font:bold 14px Arial, Helvetica, sans-serif;
		text-align:center;}
		  
	.custom-form2 ol {
		margin:0px;
		padding:0px;
		list-style:none;}

.submit-align2 {
	text-align:right;}

#qc .submit {
	font:11px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	height:21px;
	width:58px;
	text-align:center;
	background:url(http://www.messalaw.com/images/submit-btn.jpg) top center no-repeat;
	border:1px solid #e3e2cf;}
	
#qc .submit:hover {	
	}
	

/*	<![ Disclaimer [	 -----------------------------------------------------------*/

#disclaimer {
	margin:0px auto 0px auto;
	padding:10px 10px 10px 10px;
	width:488px;
	text-align:left;
	font:10px Arial, Helvetica, sans-serif;
	color:#000;
	border-top:1px solid #000;
	z-index:10;}
	
	#disclaimer a {
		color:#325490;
		font-weight:normal;
		text-decoration:none;}
	#disclaimer a:hover {
		color:#325490;
		font-weight:normal;
		text-decoration:underline;}	

/*	<![ Site 9 Styles [ --------------------------------------------------------*/

/* Directions Page Styles (Google Maps Default)*/


/* Fix for IE6 - prevents text from disappearing when map loads - apply this class to the RTF for content area */
.DirectionsContent {
	display:block;
	position:relative;}
	

/* [ Outer div ] -----------> */
#directionsForm {
	}

/* div that wraps form */
#directionsInput {
	padding:10px 0px;}

#fromAddress {
	width:350px;}

#directionsLocale {
	padding:10px 0px;}

#locale {
	}

#directionsSubmit {
	padding:10px 0px;}

#map {
	border:1px solid #000;
	color:#000;}

#addressNotFound {
	}

#directions {
	}
#gives-back{
	border:1px solid #000;
}
#gives-back a img{
	border:none;
}

/* SETTLEMENTS AND VERDICTS PAGE */

div.plList dd { margin: 0px 0px 10px 0px; }

div.plList dt a { font-weight: bold; }

