/*

Theme Name: Legal Out

Description: Custom theme.

Author: Custom



*/

@charset "utf-8";

/* CSS Document */



body {

	margin:0px;

	background:url(images/elements/bg_main.jpg) top left repeat-x;

	background-color:#3D8ECE;

	padding:0px;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	color:#666;

}

body#tour {

	margin:0px;

	background:none;

	background-color:#fff;

	padding:0px;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	color:#666;

}

img{border:none;}

a{color:#007dc8; text-decoration:none;}

a:visited{color:#007dc8; text-decoration:none;}

a:hover{color:#007dc8; text-decoration:underline;}

h1{

	font-size:24px;

	font-weight:normal;

	color:#00396C;

	padding:0px 0px 20px 0px;

	margin:0px;

}

h2{

	font-size:18px;

	color:#007dc8;

	padding:0px;

	margin:0px 0px 3px 0px;

}

h3{

	font-size:14px;

	color:#6B8E00;

	padding:0px;

	margin:0px 0px 10px 0px;

}

h4{

	font-size:14px;

	color:#6B8E00;

	font-weight:normal;

	padding:0px;

	margin:0px 0px 10px 0px;

}

p{

	margin:0px 0px 15px 0px;

}

div.tableindent{

	padding:5px 0px 5px 10px;

}

ul{

	margin-top:0px;

	margin-bottom:0px;

}

li{

	margin:0px 0px 0px -20px;

}

form{

	margin:0px;

	padding:0px;

}



.container{

	margin:0px auto;

	width:900px;

}



/*HEADER*/



.headerLogo{

	position:absolute;

	top:0;

	left:50%;

	margin-left:-470px;

	width:406px;

	height:156px;

}

.header{

	float:left;

	width:900px;

	height:174px;

	border-bottom:solid 5px #6b8e00;

	background-color:#e3d4ae;

}

.headerHome{background-color:#e3d4ae;}



.header6 {background-color:#6b8e00;} /*Get Informed*/

.header2 {background-color:#e3d4ae;} /*Reach Out*/

.header10{background-color:#007DC8;} /*Protect Yourself*/

.header514 {background-color:#003D6E;} /*Take Action*/

.header15{background-color:#e3d4ae;} /*Knowledge Center*/

.header19{background-color:#e3d4ae;} /*News*/

.header17{background-color:#e3d4ae;} /*Recommended Reading*/

.header30{background-color:#6b8e00;} /*FAQs*/

.header33{background-color:#003D6E;} /*About*/

.header26{background-color:#003D6E;} /*Find a Lawyer*/

.header184{background-color:#003D6E;} /*Legal*/

.header189{background-color:#003D6E;} /*Privacy*/



.topnav{

	float:right;

	width:875px;

	height:28px;

	background-color:#fff;

	color:#007dc8;

	padding:6px 25px 0px 0px;

	text-align:right;

}

.topnav a.topNavOn{color:#6B8E00;}

.topnav a.topNavOn:hover{color:#6B8E00;}

.topnav a.topNavOn:visited{color:#6B8E00;}



.headerImg{

	float:right;

	width:900px;

	text-align:right;

}



/*BODY*/



.content{

	float:left;

	width:900px;

	padding-bottom:20px;

	background-color:#fff;

	display: inline;

}

.secContent{

	float:left;

	width:900px;

	background-color:#fff;

	display: inline;

}

.menu{

	float:left;

	width:900px;

	height:40px;

	display: inline;

	background:url(images/bg_menu.gif) top right no-repeat;

}

.menuItem a{color:#6b8e00;text-decoration:none;}

.menuItem a:visited{color:#6b8e00;text-decoration:none;}

.menuItem a:hover{color:#6b8e00;text-decoration:none;}



.menuItemOn a{color:#fff;text-decoration:none;}

.menuItemOn a:visited{color:#fff;text-decoration:none;}

.menuItemOn a:hover{color:#fff;text-decoration:none;}



.menuItem, .menuItemOn{
	float:left;
	width:225px;
	height:37px;
	font-size:22px;
	font-weight:normal;
	color:#6b8e00;
	text-align:center;
	padding-top:3px;
	position:relative;
}

#menuInformed{
	width:226px;
}
.navDropDown{
	background:url(images/menu/bg_informed_on.gif) bottom right no-repeat;
	background-color:#6b8e00;
	position:absolute;
	top:30px;
	left:0px;
	text-align:left;
	width:161px;
	margin:0px;
	padding:5px 0px 5px 65px;
	display:none; 
	font-size:14px;
}
.navDropDown li{
	padding:5px 0px 5px 0px;
}

#menuInformedOn{

	width:226px;

	background:url(images/menu/bg_informed_on.gif) top right no-repeat;

	background-color:#6b8e00;

}

#menuReach{

	margin-left:-4px;

	width:229px;

}

#menuReachOn{

	margin-left:-4px;

	width:229px;

	background:url(images/menu/bg_reachout_on.gif) top center no-repeat;

	background-color:#fff;

}

#menuAction{

	margin-left:-4px;

	width:230px;

	

}

#menuActionOn{

	margin-left:-4px;

	width:230px;

	background:url(images/menu/bg_action_on.gif) top center no-repeat;

	background-color:#fff;

}

#menuProtect{

	margin-left:-4px;

	width:227px;

}

#menuProtectOn{

	margin-left:-4px;

	width:227px;

	background:url(images/menu/bg_protect_on.gif) top left no-repeat;

	background-color:#6b8e00;

}



.subMenu{

	float:left;

	width:854px;

	height:20px;

	margin:0px 0px 0px 46px;

	padding-top:10px;

	display:inline;

}

.subMenuList{

	margin:0px;

	padding:5px 0px 0px 20px;

	float:left;

	list-style:none;

	font-size:14px;

}



.subMenuList li{

	margin:0px 0px 0px 0px;

	padding:0px 0px 12px 18px;

}

.current_page_item{
	background-image:url(images/elements/bullet.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:20px;
}
.navDropDown .current_page_item{
	background:none;
}

.current_page_item a{color:#00396C;}
.current_page_item a:visited{color:#00396C;}
.current_page_item a:hover{color:#00396C;}

.subMenuList li.page-item-17{
	border:none;
}



.whatlist{

	margin:0px;

	padding:5px 0px 0px 0px;

	float:left;

	list-style:none;

}



.whatlist li{

	margin:0px 0px 0px 0px;

	padding:0px 0px 12px 18px;

}

.whatlist li{

	background-image:url(images/elements/bullet_whatlist.gif);

	background-position:top left;

	background-repeat:no-repeat;

}

.flash{

	float:left;

	width:820px;

	margin:0px 0px 15px 40px;

	display: inline;

}



.secondary{

	float:left;

	width:835px;

	margin:0px 0px 10px 25px;

	display: inline;

}

.secImg{

	float:left;

	width:110px;

	height:106px;

	margin:0px 0px 0px 10px;

	padding:12px 0px 12px 0px;

	border-left:dotted 3px #ccc;

}

.secTxt{

	float:left;

	width:155px;

	padding:12px 0px 12px 0px;

}



.banners{

	float:left;

	width:840px;

	border-top:dotted 3px #ccc;

	margin:0px 0px 0px 30px;

	padding-top:20px;

	display: inline;

}

.banner{

	float:left;

	width:400px;

	height:115px;

	margin:0px 10px 0px 10px;

	background-color:#fff;

	display: inline;

}

.bannerText{

	font-size:14px;

	width:230px;

	padding:55px 0px 0px 133px;

	color:#000;

}

#memberBanner{

	background-image:url(images/elements/bg_co_member.gif);

}

#blogBanner{

	background-image:url(images/elements/bg_co_blog.gif);

}

#protectBanner{

	background-image:url(images/elements/bg_co_protect.gif);

}



.secBody{

	float:left;

	width:900px;

	padding:0px;

	background-image:url(images/elements/bg_sec_content.gif);

	display: inline;

}

.leftColumn{

	float:left;

	width:610px;

	padding:0px 0px 20px 40px;

	font-size:12px;

	color:#000;

}

.leftColumn p{

	padding:0px 0px 0px 40px;

}

.leftColumn p.list{

	padding:0px 0px 0px 80px;

}

.leftColumn a{text-decoration:underline;}

.leftColumn a:visited{text-decoration:underline;}

.leftColumn a:hover{text-decoration:underline;}



.leftColumn ul{

	margin-left:90px;

	margin-bottom:10px;	

	padding-left:70px;

}



.leftColumn ul li{

	

}



.rightColumn{

	float:left;

	width:225px;

	font-size:11px;

	color:#000;

	padding:0px 0px 20px 25px;

}

.rightColSubNav{

	float:left;

	width:225px;

	background-color:#D9E2E9;

	padding:0px 0px 0px 0px;

	border-bottom:1px solid #fff;

}

.rightColCorners{

	

}

.rightColContent{

	float:left;

	padding:7px 0px 0px 15px;

	background-color:#DCDCDC;

	

}

.rightColContent p{

	width:185px;

}

.rightColContent a{text-decoration:underline;}

.shareThis{

	float:left;

	width:225px;

	border-top:1px solid #fff;

	background-color:#DCDCDC;

	padding:20px 0px 20px 0px;

	text-align:center;

}



.calloutBanner{

	float:left;

	width:135px;

	font-size:11px;

	padding:30px 0px 14px 60px;

	margin:0px 0px 10px 0px;

}

#coMember{

	background-image:url(images/elements/sidebar_co_member.gif);

	background-repeat:no-repeat;

}

#coInformed{

	background-image:url(images/elements/sidebar_co_informed.gif);

	background-repeat:no-repeat;

}

#coFaqs{

	background-image:url(images/elements/bg_co_faqs.gif);

	background-repeat:no-repeat;

}

#coProtect{

	background-image:url(images/elements/sidebar_co_protect.gif);

	background-repeat:no-repeat;

}

#coWork{

	background-image:url(images/elements/sidebar_co_work.gif);

	background-repeat:no-repeat;

}

#coBlog{

	background-image:url(images/elements/sidebar_co_blog.gif);

	background-repeat:no-repeat;

}



.question{

	float:left;

	font-weight:bold;

	color:#6B8E00;

	padding:0px 0px 5px 40px;

}

.answer{

	float:left;

	font-weight:normal;

	padding:0px 0px 0px 75px;

}

.faqLetter{

	float:left;

	font-size:24px;

	color:#6B8E00;

	font-weight:normal;

	padding:0px 5px 0px 0px;

}

.faqText{

	float:left;

	width:505px;

	padding:11px 0px 0px 0px;

}

.faqText p{

	padding:0px 0px 0px 0px;

}



.faqText ul{

 	margin-left:35px;

 	padding-left:35px;

 }

.faqText ol{

 	margin-left:35px;

 	padding-left:35px;

 }

/* contact form */

.contactForm{

	width:475px;

	font-size:12px;

	margin-left:75px;

}

.contactForm .textbox{

	width:215px;

	border:1px solid #7F9DB9;

}

.contactForm textarea{

	width:260px;

	border:1px solid #7F9DB9;

}

.contactForm tr td{

	vertical-align:top;

}

.blankCol{

	width:75px;

}

.formLabel{

	width:90px;

	padding:7px 0px 7px 0px;

}

.formField{

	width:315px;

	padding:6px 0px 6px 0px;

}

.required td{

	background-color:#D9E2E9;

	padding:0px 0px 12px 0px;

	color:#00396C;

}

.requiredBottom td{

	background-color:#D9E2E9;

	padding:12px 0px 12px 0px;

}



/*site map */



.ddsg-wrapper ul{

	padding:0px 0px 0px 50px;

	margin:0px;

}

.ddsg-wrapper ul li{

	padding-top:5px;

	padding-bottom:5px;

}

/* blog styles */

.post{

	padding-top:10px;

}

.post h1{

	padding:0px;

}

.post h2{

	font-size:16px;

	font-weight:normal;

}

.entry{

	padding-top:10px;

}



/*blog sidebar */

.sidebar ul{

	list-style:none;

	margin:0px 0px 0px 0px;

	padding:0px 0px 20px 20px;

}

.sidebar ul li ul{

	list-style:none;

	margin:0px 0px 0px 20px;

	padding:0px 0px 20px 20px;

}

.widgettitle{

	font-weight:normal;

	color:#00396C;

}

.widget_categories{

 	padding-bottom:10px;

}



/* Find a Lawyer Table*/

.bioName{

	font-size:12px;

	font-weight:bold;

	color:#6B8E00;

}

table.lawyers{

	width:535px;

	margin-left:70px;

}

table.lawyers tr th{

	border-bottom:1px solid #999;

	text-align:left;

	font-size:11px;

	color:#007DC8;

	font-weight:normal;

	padding-bottom:10px;

}

table.lawyers tr td{

	vertical-align:top;

	padding-top:10px;

}



table.lawyers tr td.bioCell{

	width:335px;

}

table.lawyers tr td.practiceCell{

	width:145px;

	font-size:10px;

}

table.lawyers tr td.locationCell{

	width:65px;

	font-size:10px;

}



table.lawyers p{

	margin:0px;

	padding:0px;

}



/* wheel of life */

	.wol{

		position:relative;

		float:left;

		padding:0px 0px 20px 100px;

	}



	.pieImage{

		display:none;

	}

	.popupBubble{

		display:none;

		width:235px;

		height:255px;

		font-size:12px;

		font-family:Arial;

		padding:0px 0px 0px 0px;

		margin:0px;

	}

	.popupBubble p{

		width:195px;

		padding:8px 0px 0px 20px;

		margin:0px;

	}

	.popupBubble ul{

		margin-top:0px;

		margin-bottom:0px;

		margin-left:60px;

		padding-left:0px;

	}



	#popupsingle{

		background-image:url(images/elements/wol/bubble_left.png);

		background-repeat:no-repeat;

		position:absolute;

		top:-110px;

		left:0px;

	}

	#popupcouple{

		background-image:url(images/elements/wol/bubble_left.png);

		background-repeat:no-repeat;

		position:absolute;

		top:-170px;

		left:140px;

	}

	#popuppartners{

		background-image:url(images/elements/wol/bubble_right.png);

		background-repeat:no-repeat;

		position:absolute;

		top:-110px;

		left:380px;

	}

	#popupseniors{

		background-image:url(images/elements/wol/bubble_right.png);

		background-repeat:no-repeat;

		position:absolute;

		top:35px;

		left:365px;

	}

	#popupsingle_parent{

		background-image:url(images/elements/wol/bubble_right.png);

		background-repeat:no-repeat;

		position:absolute;

		top:120px;

		left:265px;

	}

	#popupfamily{

		background-image:url(images/elements/wol/bubble_left.png);

		background-repeat:no-repeat;

		position:absolute;

		top:0px;

		left:0px;

	}



/* Protect yourself modules */

.protectMod{

	float:left;

	width:260px;

	margin-bottom:7px;

	padding:45px 0px 0px 20px;

	font-size:12px;

	letter-spacing:0px;

}

.protectMod select{font-size:11px;}

#healthMod{

	background-image:url(images/elements/protect/healthcare.gif);

	background-repeat:no-repeat;

	margin-left:35px;

	margin-right:10px;

}

#familyMod{

	background-image:url(images/elements/protect/family.gif);

	background-repeat:no-repeat;

	margin-left:35px;

	margin-right:10px;

}

#businessMod{

	background-image:url(images/elements/protect/business.gif);

	background-repeat:no-repeat;

}

#financialMod{

	background-image:url(images/elements/protect/financial.gif);

	background-repeat:no-repeat;

}



.bluebox{

	float:left;

	background-color:#D9E2E9;

	width:525px;

	margin-left:70px;

	margin-bottom:10px;

	padding-right:10px;

}



.protectbluebox{

	float:left;

	background-color:#D9E2E9;

	width:560px;

	margin-left:35px;

	margin-bottom:10px;

	padding-right:10px;

}



p.no{padding:0px;margin:0px;}

/* recommended reading  */

.amazon{

	margin:0px 0px 0px 0px;

	padding:0px 50px 20px 0px;

}



/* Tour  */



.tour{

	float:left;

	width:850px;

	color:#000;

}

.tourImage{

	float:left;

	width:750px;

}

.tourPrev{

	float:left;

	width:101px;

}

.tourText{

	float:left;

	width:532px;

	padding:25px 0px 0px 10px;

}

.tourNext{

	float:left;

	width:107px;

}

.tourBlue{

	color:#007DC8;

	font-weight:bold;

}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
}


/*footer */

.footer{

	float:left;

	width:840px;

	border-bottom:dotted 3px #ccc;

	margin:0px 0px 0px 30px;

	padding-top:20px;

	padding-bottom:20px;

	color:#fff;

	display: inline;

}

.footerBox{

	float:left;

	width:400px;

	margin:0px 10px 0px 10px;

	font-size:11px;

	display: inline;

}



.footerLinks{

	float:left;

	width:440px;

	padding:10px 0px 30px 200px;

	text-align:center;

	color:#fff;

	line-height:24px;

}

.footerLogo{

	float:left;

	padding:20px 0px 0px 90px;

	text-align:right;

}

.footer a{color:#fff;text-decoration:underline;}

.footer a:visited{color:#fff; text-decoration:underline;}

.footer a:hover{color:#fff; text-decoration:underline;}





.footerLinks a{color:#fff;text-decoration:underline;}

.footerLinks a:visited{color:#fff; text-decoration:underline;}

.footerLinks a:hover{color:#fff; text-decoration:underline;}

	