/*-------------------------
Author: Andrew Sherman
Company: Visual Blaze 
Client: JHDJ Law
(c) 2010, All Rights Reserved.
descr: coreStyle sheet
-------------------------*/

/*------------------------
TOC
=includes
=core structural elements
	=body
	=wrapper
	=wrapper-inner
=header
	=globalNav
	=logo
	=tagline
	=phoneNum
	=facebookBtn
	=primNav
		=primNav sub menu
=content column infrustructure
	=general Column styling
	=3col layout
	=2 col layout
	=2col -> blog layout
=col1 content
	=h1
	=h2
	=h3
	=col1 p
	=col1 ul
=col2 content
	=attorneythumb
	=teamNav
	=press release feed
=col3 content
	=profile box
=cta form small
	=ajax feedback msg
	=cta form positioning in dif columns
		=col2
		=col3
=page specific content
	=index
		=flash banner
		=twitter feed
		=adoption column
		=videoChannel column
		=index col joint styles
	=contact
	=adoption profiles
		=adoptBox
	=our-team
		=landing page sub columns
=footer

=global/general styles
	=superlawyer badge
	=hPN
	=form errors
-------------------------*/

/*=includes*/
@import url(reset.css);

/*-------------------------
=core structural elements
-------------------------*/

body {
	font-family: arial;
	font-size: 12px;
	/*req. for auto marg center technique*/
	text-align: center;
	/*req. for centering..*/
	min-width: 960px;
	/*background: url(../images/bodyBgTile.png) repeat-x;*/
	background: #353E75;
}

#wrapper {
	position:relative;
	width: 960px;
	/*min-height: 500px;*/
	/*req. centering..*/
	margin: 0 auto;
	/*req. centering..*/
	text-align: left;
	/*background: url(../images/wrapperTile.png) repeat-y;*/
	/*background: #999;*/
}

#wrapper-inner {
	width: 948px;/*960-6-6*/
	/*min-height: 500px;*/
	margin: 0px auto;
	background: #fff;
}

/*------------
=header
------------*/
#header {
	/*height: 173px;
	background: #333;*/
}

/*------------
=globalNav
-------------*/
#globalNav {
	position: relative;
	width: 960px;
	height: 36px;
	margin: 0 -6px 0 -6px;/*required for ie6 layout issues*/
	/*border-top: 1px solid #dddddd;*/
	/*background: #93C856;*/
	list-style: none;
	font-family: helvetica, arial;
	font-weight: bold;
	font-size: 14px;
	background: url(../images/globalNavBg.png) no-repeat top left;
	float: left;
	}
	#globalNav li {
		margin-right: 39px;
		margin-top: 5px;
		float: left;
		}
		#globalNav li a {
			color: #000;
			text-decoration: none;
			text-shadow: 0 1px 0 #E3F9C5; 
		}
		#globalNav li a:hover {
			color: #45720C;
		}
		#globalNav li a.active {
			color: #fff;
			text-shadow: 0 -1px 0 #37590A; 
	}
	#globalNav li.first {
		margin-left: 330px;
		/*margin-left: 431px;*/
}

/*=logo*/
p#logo a {
	/*position: absolute;*/
	position: relative;
	display: block;
	width: 283px;
	height: 128px;
	margin-top: -30px;
	/*left: 15px;*/
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/logo.png) no-repeat top left;
	float: left;
}

/*=tagline*/
#tagLine {
	position: absolute;
	width: 419px;
	height: 28px;
	top: 98px;
	left: 326px;
	text-indent: -9999px;
	background: url(../images/tagline.png) no-repeat top left;
}

/*=phoneNum*/
#phoneNum {
	min-height: 23px;/*31-8*/
	margin: 10px 15px 0px 0px;
	padding: 8px 0px 0px 40px;
	font-family: helvetica, arial;
	font-weight: bold;
	font-size: 26px;
	color: #93C856;
	background: url(../images/phoneNumBg.png) no-repeat left center;
	float: right;
}

/*=facebook Btn*/
#facebookBtn a {
	position: relative;
	display: block;
	width: 167px;
	height: 43px;
	margin-top: 16px;
	margin-right: -5px;
	text-indent: -9999px;
	background: url(../images/facebookBtn.png) no-repeat top left;
	float: right;
	clear: right;
}

/*------
=primNav
-------*/

#primNav {
	position: relative;
	z-index: 30;
	width: 918px;/*948-30*/
	min-height: 32px;
	margin-top: -6px;
	padding: 0px 15px 0px 15px;
	list-style: none;
	border-top: 4px solid #85C847;
	font-family: helvetica;
	/*font-weight: bold;*/
	font-size: 16px;
	/*overflow: auto;*/
	background: #5A64A1 url(../images/primNavBg.png) repeat-x;
	/*float: left;*/ /*causing issues in FF6*/
	clear: both;
	}
	#primNav li {
		/*margin-top: 7px;*/
		margin-right: 72px;
		float: left;
		}
		#primNav li a {
			line-height: 2em;/*gives a and li necessary height to line up with li ul */
			width: auto;
			/*height: 32px;*/
			/*padding-bottom: 7px;*/
			color: #fff;
			text-decoration: none;
		}
		#primNav li a:hover {
			color: #DFE0DE;
		}
		#primNav li.active a {
			color: #CCE0B1;
	}
	#primNav li.last {
		margin-right: 0px;
	}
	#primNav li:hover, #primNav li.hover {
			position: relative; /*allows flyouts to be positioned in accordance with li parent*/
		}
		/*=primNav sub menu*/
		/*=menu level 2 [1st flyout]*/
		#primNav li:hover > ul { /*controls show/hide of menu level 2+3*/
			visibility: visible; 
		}
		#primNav li ul {/*subMenu*/
			position: absolute; 
			z-index: 20;
			visibility: hidden;
			width: 250px;
			top: 31px;
			left: 0px;
			padding-top: 10px;
			padding-bottom: 14px;
			list-style: none;
			font-family: helvetica, arial;
			font-size: 12px;
			color: #fff;
			background: #5C66A3 url(../images/primNavFlyoutBg.png) repeat-x;
		}
		#primNav ul li:hover, #primNav ul li.hover {/*controls hover/active states of submenus*/
			background: #9199BC;
		}
		#primNav ul li.hasChild {/*bg indicates which menu elements have child menus on 2tier [!!uses js for assignment]*/
			/*background: url(../images/primNavTierIndicatorBg.png) no-repeat 180px center;*/
		}
		#primNav ul li:hover.hasChild, #primNav ul li.hover.hasChild {
			/*background: #CECCCC url(../images/primNavTierIndicatorBg.png) no-repeat 180px center;*/
		}
		#primNav li.last ul {/*controls layout of last menu item [push left so doesn't go off screen]*/
				left: -89px;
			}
			#primNav li ul li {/*flyout 1 li*/
				display: block;
				width: 202px;
				margin-left: 15px;
				margin-right: 0px !important;
				float: none;
				}
				#primNav li ul li a {/*flyout 1 links*/
					padding: 0;/*reset*/
					line-height: 1em;/*reset*/
					color: #fff !important;
					/*additions to format*/
					display: block;
					width: 194px;/*202-8*/
					padding: 5px 5px 4px 3px;
				}
				#primNav li ul li a.active {/*controls active state on active links [above on parent li doesn't control active]*/
					background: #2C3666;
				}
				#primNav li ul li.hasChild a.active {
				background: #999 url(../images/primNavTierIndicatorBg.png) no-repeat 180px center;
				}
				#primNav li ul li.hasChild ul li a.active {/*removes 3rd tier indicator from being assigned to third tier*/
					background: #999;
				}

/*-----------------------------
=content column infrustructure
------------------------------*/
/*=general Column styling*/
#col1, #col2, #col3 {
	background: url(../images/colBg.png) repeat-x;
}

/*=3col layout*/
#col1 {
	width: 463px;
	min-height: 300px;
	margin-left: 246px;
	/*background-color: #333;*/
	float: left;
}
#col2 {
	width: 202px;
	min-height: 212px;/*H-88*/
	padding-top: 94px;
	margin-left: -687px;/*463+22+202*/
	/*background-color: #666;*/
	float: left;
}
#col3 {
	width: 214px;
	min-height: 300px;
	/*background-color: #999;*/
	float: left;
}

/*=2 col layout*/
#twoCol #col1, #blog #col1  {
	width: 677px;
}

#twoCol #col2, #blog #col2 {
	margin-left: -901px;/*677+22+202*/
	padding-top: 0px;
}

/*=2col -> blog layout*/
#blog #col1, #blog #col2 {
	margin-top: 40px;
	background: none;
}
#blog #col2 {
	padding-top: 0px;
}


/*-------------------
=col1 content
--------------------*/
/*=h1*/
h1 {
	margin-top: 15px;
	font-family: georgia,"Trebuchet MS",serif;
	font-size: 28px;
	font-weight: normal;
	color: #262F68;
}

#breadcrumb {
	margin-bottom: 44px !important;/*controls content over bg position*/
	font-family: georgia, arial;
	font-style: italic;
	line-height: 8px !important;
	font-size: 12px;
	color: #515460;
	}
	#breadcrumb a {
		color: #515460;
	}
	#breadcrumb a:hover { 
		text-decoration: none;
}

/*=h2*/
h2 {
	font-family: verdana;
	font-size: 20px;
}
#col1 h2 {
	margin-bottom: 15px;
	color: #262F68;
}

/*=h3*/
#col1 h3 {
	margin-bottom: 15px;
	color: #262F68;	
	font-size: 16px;
}

/*=col1 p*/
#col1 p, #col1 ol {
	margin-bottom: 10px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height:18px;
}

/*=col1 ul*/
#col1 ul, #col1 ol {
	margin-bottom: 10px;
	font-size: 11px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	}
	#col1 ul li, #col1 ol li {
		margin-bottom: 5px;
		margin-left: 35px;
}
ul.nobull, ol.nobull {
	list-style: none;
}

/*content images*/
#col1 img.contentImg {
	display: block; 
	margin-bottom: 10px;
}

/*------------
=col2 content
-------------*/
/*for 3col layout*/
#col2 h3 {
	min-height: 50px;/*65-15*/
	margin-bottom: 10px;
	padding-top: 15px;
	padding-left: 75px;
	font-size: 18px;
	color: #2A5402;
	background: url(../images/sidebarIcon-attorns.png) no-repeat top left;
}

/*=attorneythumb*/

#col2 .attorThumb, #col1 .attorThumb {
	margin-left: 2px;
	margin-bottom: 15px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	overflow: auto;
	}
	#col2 .attorThumb p.img, #col1 .attorThumb p.img {
		padding-right: 8px;
		float: left;
	}
	#col2 .attorThumb ul, #col1 .attorThumb ul {
		width: 142px;
		float: left;
		list-style: disc;
		color: #444;
		}
		#col2 .attorThumb ul li, #col1 .attorThumb ul li {
			margin: 0px;
			margin-left: 15px;
		}
		#col2 .attorThumb ul li a, #col1 .attorThumb ul li a {
			color: #7E7F7F;
			font-size: 11px !important;
}
/*col1 thumb list specific styles*/
#col1 .attorThumb {
	clear: both;
	}
	#col1 .attorThumb p {/*resets thumbs inner p on our-team landing page from default*/
		margin-bottom: 0px !important;
		}
		#col1 .attorThumb p a {
			font-size: 12px !important;
			font-weight: bold;
	}
	#col1 .attorThumb ul {
		margin-bottom: 0px !important;
}


/*-->previous layout [no <ul>]
#col2 p {
	margin-left: 2px;
	margin-bottom: 15px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	overflow: auto;
	}
	#col2 p img {
		padding-right: 8px;
		float: left;
	}
	#col2 p span {
		display: block;
		width: 142px;
		float: left;
}
*/

/*=teamNav*/
/*logic to bump team nav down if on the team landing page which has twoCol layout (and by default does not have top padding)*/
#col2 h3#teamIndex {
	margin-top: 94px;
}

#col2 h4 {
	margin-top: 15px;
	font-size: 18px;
}
#col2 ul li {
	margin-bottom: 5px;
	}
	#col2 ul li a {
		color:#353E75;
		font-size: 13px;
}
#col2 ul li a.active {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
	


/*=Press Release feed*/
#col2 h3#prFeed {
	margin: 25px 0px 15px 0px;
	border-top:2px solid #84C848;
	background: url(../images/sidebarIcon-blog.png) no-repeat top left;
}
#col2 ul {
	list-style: none;
	}
	#col2 ul#prFeedUL li {
		margin-bottom: 16px;
		}
		#col2 ul li span {
			display: block;
			margin-bottom: 2px;
			border-bottom: 1px solid #3C467E;
			font-size: 11px;
			font-weight: bold;
			color: #545454;
	
			}
			#col2 ul li span em {
				margin-right: 3px;
				font-size: 16px;
				color: #3C467E;
	
		}
		#col2 ul#prFeedUL li a {
			display: block;
			color: #7E7F7F;
			font-size: 11px !important;
}
p#prFeedMore a {
	font-weight: bold;
	font-size: 13px;
	color: #000;
}

/*------------
=col3 content
------------*/

/*=profile box*/
#profileBox {
	width: 185px;/*200-15*/
	/*min-height: 250px;*/
	margin: 105px 0px 10px 10px;
	padding: 0px 0px 10px 15px;
	color: #434444;
	background: url(../images/profileBoxBg.png) no-repeat bottom left;
	}
	#profileBox img {
		margin-left: -15px;
		border-bottom: 1px solid #fff;
	}
	#profileBox a, #profileBox span {
		display: block;
		height: 27px;
		margin-bottom: 8px;
		padding-left: 45px;
		font-size: 18px;
		font-weight: bold;
		color: #434444;
	}
	#profileBox #proPhone {
		margin-top: 16px;
		background: url(../images/profilePhoneIcon.png) no-repeat top left;
	}
	#profileBox #proVCard {
		font-size: 15px;
		background: url(../images/profileVIcon.png) no-repeat top left;	
	}
	#profileBox #proEmail {
		font-size: 15px;
		background: url(../images/profileEmailIcon.png) no-repeat top left;
	}
	/*form*/
	#profileBox form p {
		margin-bottom: 10px;
	}
	#profileBox form label {
		display: block;
		color: #434444;
		font-weight: bold;
		font-size: 15px;
	}
	#profileBox form input,#profileBox form textarea {
		width: 170px;
		height: 18px;
		border: none;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #F7F7F7;
	}
	#profileBox form textarea {
		height: 68px;
		font-family: arial;
		font-size: 12px;
		font-weight: normal;
	}

/*-------------
=cta form small
-------------*/
#ctaForm {
	margin-top: 105px;
	}
	#ctaForm h3 {
		width: 150px;/*210-60*/
		height: 62px;/*70-8*/
		padding: 8px 0px 0px 60px;
		font-size: 20px;
		color: #2A5402;
		text-shadow: 0 1px 0 #B8F471; 
		background: url(../images/ctaFormHeaderBg.png) no-repeat top left;
	}
	#ctaForm form {
		width: 195px;/*210-15*/
		padding-left: 15px;
		padding-bottom: 19px;
		background: url(../images/ctaFormBodyBg.png) no-repeat bottom left;
		}
		#ctaForm form label {
			display: block;
			color: #5D9126;
			font-weight: bold;
			font-size: 15px;
		}
		#ctaForm form input,#ctaForm form textarea {
			width: 165px;/*170-5*/
			height: 16px;/*18-2*/
			padding-left: 5px;
			padding-top: 2px;
			border: none;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			background: #CFE8B3;
		}
		#ctaForm form textarea {
			height: 68px;
			font-family: arial;
			font-size: 12px;
			font-weight: normal;
		}
		form #ctaSubmit {/*selector also used on profile form w/ same id*/
			width: 133px !important;
			height: 33px !important;
			margin-top: 25px !important;
			margin-left: 20px !important;
			-moz-border-radius: 0px !important;
			-webkit-border-radius: 0px !important;
			border-radius: 0px !important;
			border: none !important;
			font-size: 18px !important;
			font-family: arial !important;
			text-shadow: 0 -1px 0 #032E3F !important; 
			color: #fff !important;
			cursor: pointer !important;
			background: url(../images/ctaFormBtn.png) no-repeat top left !important;
		}
		form #ctaSubmit:hover {
			background: url(../images/ctaFormBtn.png) no-repeat top right !important;
}
/*=ajax feedback msg*/
.formFeedback {
	min-height: 22px;/*32-10*/
	padding: 10px 0px 0px 30px;
	background: url(../images/ajaxSending.png) no-repeat top left;
	}
	.formFeedback span {
		padding-left: 0px !important;/*reset*/
		color: #1150ED !important;
		font-weight: bold !important;
		font-size: 13px !important;
}
.formFeedback.sent {
	background: url(../images/ajaxSent.png) no-repeat top left;
	}
	.formFeedback.sent span {
		color: #08BA1D !important;
	}

/*=cta form positioning in dif columns*/
/*=col3*/
#col3 #ctaForm {
	margin-left: 10px;
}

/*col2*/
#col2 #ctaForm {
	margin-top: 87px;
}
#col2 #ctaForm p {
	margin-bottom: 0px;
	font-family: arial;
}
#col2 #ctaForm h3 {
	margin-bottom: 0px;
}

/*-------------
=cta form large
-------------*/
.checkgroup {
	margin-bottom: 10px !important;
	overflow: hidden !important;
}
.checkgroup label {
	margin-top: 10px;
	font-size: 13px !important;
}
.checkgroup span {
	width: 75px !important;
	margin-right: 10px;
	font-size: 13px;
	color: #5D9126;
	font-weight: bold;
}

.checkgroup input {
	display: inline;
	width: auto !important;
	background: none !important;
}

/*--------------------
=page specific content	
--------------------*/
/*-----
=index
------*/

/*=flash banner*/
#indexBanner {
	width: 622px;
	height: 295px;
	background: #fff url(../images/indexRotPH.png) no-repeat top left;
	float: left;
}



/*=twitterFeed*/
#twitterFeed {
	width: 282px;/*326-22-22*/
	height: 300px;
	padding: 0px 22px 0px 22px;
	background: #EFEFEF url(../images/twitterPanelBg.png) no-repeat bottom left;
	float: left;
	}
	#twitterFeed #twitterBadge a {
		width: 87px;
		height: 39px;
		margin: 20px 0px 0px 0px;
		text-indent: -9999px;
		overflow: hidden;
		background: url(../images/twitterIcon.png) no-repeat top left;
		float: right;
	}
	#twitterFeed #twitterUN {
		margin-top: 5px;
		color: #8E8E8E;
		font-size: 20px;
		font-weight: bold;
		text-shadow: 0 1px 0 #fff; 
		}
		#twitterFeed #twitterUN a {
			text-decoration: none;
			color: #8E8E8E;
		}
		#twitterFeed #twitterUN a:hover {
			color: #333;
		}
		#twitterFeed #twitterUN span {
			font-size: 43px;
			margin-right: 5px;
	}
	/*tweetFeed list*/
	#twitterFeed ul {
		margin-top: 10px;
		font-family: georgia, arial;
		font-weight: bold;
		list-style: none;
		font-size: 12px;
		color: #002B5C;
		}
		#twitterFeed ul li {
			margin-bottom: 15px;
			}
			#twitterFeed ul li span.tStamp {
				display: block;
				margin-bottom: 3px;
				border-bottom: 1px solid #002B5C;
				color: #002B5C; 
			}
			#twitterFeed ul li a {
				/*display: block;*/
				color: #054E6B;
			}
			#twitterFeed ul li span, #twitterFeed ul li span a {
				font-size: 11px;
				color: #757575;
				}
				#twitterFeed ul li span a {
					/*display: block;*/
	}
	#twitterFollowBtn a {
		display: block;
		width: 131px;
		height: 28px;/*31-3*/
		margin: 0 auto;
		padding-top: 3px;
		text-align: center;
		font-size: 18px;
		text-decoration: none;
		text-shadow: 0 -1px 0 #032E3F; 
		color: #fff;
		background: url(../images/twitterFollowBtn.png) no-repeat top left;
	}
	#twitterFollowBtn a:hover {
		background: url(../images/twitterFollowBtn.png) no-repeat top right;
}

/*=adoption column*/
#adoptionCol {
	margin-left: 18px;
	margin-bottom: 15px;
	}
	#adoptionCol h2 {
		background: url(../images/adoptionIcon.png) no-repeat top left;
	}
	#adoptionCol div {
		width: 232px;/*246-14*/
		height: 163px;
		margin: 10px 20px 0px 10px;
		padding-left: 14px;
		cursor: pointer;
		background: url(../images/adoptioncenterBg.jpg) no-repeat top left;
		float: left;
		}
		#adoptionCol div p {
			width: 132px;
			}
			#adoptionCol div p a {
				display: block;
				width: 96px;
				height: 20px;/*26-6*/
				margin-top: 7px;
				padding: 6px 0px 0px 0px;
				color: #fff;
				font-size: 12px;
				text-transform: uppercase;
				text-decoration: none;
				text-align: center;
				background: url(../images/adoptionBtn.png) no-repeat top left;
				float: none;
			}
	#adoptionCol p {
		margin-top: 2px;
		font-weight: bold;
		font-size: 11px;
		color: #BCBCBC;
		float: left;
	}
	#adoptionCol p.date {
		width: 36px;
		margin: 15px 0px 0px 0px;
		border-right: 1px solid #3C467E;
		font-size: 16px;
		color: #3C467E;
		float: right;
		}
		#adoptionCol p.date span {
			display: block;
			font-size: 11px;
			color: #545454;
	}
	#adoptionCol p.img, p.adoptionImg {
		line-height: 0px !important;
		margin: 15px 10px 0px 4px;
		padding-bottom: 10px;
		padding-left: 16px;
		background: url(../images/adoptionPrevImgBg.png) no-repeat bottom left;
		float: left;
	}
	#adoptionCol p.img {
		padding-left: 6px;
		float: right;
	}
	#adoptionCol h3 {
		margin-top: 9px;
		font-size: 12px;
		letter-spacing: 0.5px;
		color: #F9F9F9;
	}
	#adoptionCol p.desc {
		width: 255px;
	}
	#adoptionCol p.viewmore {
		float: right;
		clear: right;
		}
		#adoptionCol p.viewmore a {
			display: block;
			width: 83px;/*106-23*/
			height: 24px;/*29-5*/
			margin-right: 0px;
			padding-left: 23px;
			background: url(../images/adoptMagIcon.png) no-repeat top left;
}


/*=videoChannel column*/
#vidChanCol {
	margin-left: 50px;
	}
	#vidChanCol h2 {
		background: url(../images/vidChannelIcon.png) no-repeat top left;
	}
	#vidChanCol p {
		font-weight: bold;
		color: #3C467E;
		float: right;
	}
	#vidChanCol h3 {
		margin: 15px 15px 0px 0px;
		text-align: right;
		float: right;
	}
	#vidChanCol p.img {
		margin-top: 15px;
	}
	#vidChanCol p.desc {
		width: 170px;
		margin-right: 15px;
		text-align: right;
	}
	#vidChanCol h3 {
	font-family: "arial black", arial;
	font-weight: normal;
	font-size: 14px;
	color: #7DA845;
}
	

/*=index col joint styles*/
#adoptionCol, #vidChanCol {
	width: 425px;
	min-height: 200px;
	margin-top: 15px;
	float: left;
}
#adoptionCol h2, #vidChanCol h2 {
	min-height: 60px;
	font-family: helvetica, arial;
	text-transform: uppercase;
	font-size: 22px;
	color: #3C467E;
}
#adoptionCol h2 span,#vidChanCol h2 span {
	display: block;
	width: inherit;
	margin-left: 65px;
	padding-top: 15px;
	border-bottom: 2px solid #3C467E;
}

/*----------
contact
-----------*/

#officeImg {
	float: left;
}

#contactBox {
	width: 200px;
	font-weight: bold;
	float: right;
	}
	#contactBox h2 {
		min-height: 31px;/*41-10*/
		margin-bottom: 12px;
		padding: 10px 0px 0px 50px;
		font-size: 18px;
		color: #2A5402;
		border-bottom: 2px solid #84C848;
		background: url(../images/compassIcon.png) no-repeat top left;
		
	}
	#contactBox h2.phone {
		background: url(../images/phoneIcon.png) no-repeat top left;
	}
	#contactBox p {
		margin-left: 10px;
		font-size: 16px;
		font-family: arial !important;
		}
		#contactBox p a {
			font-size: 14px;
			margin-right: 10px;
}

h2.underlined {
	margin: 10px 0px 5px 0px;
	border-bottom: 2px solid #84C848;
	clear: both;
	
}

/*-----------------
=adoption profiles
-----------------*/

/*=adoptbox*/
.adoptBox {
	margin-bottom: 10px;
	font-weight: bold;
	color: #3C467E;
	overflow: auto;
	clear: left;
	}
	.adoptBox h2 {
		font-family: "arial black", arial;
		font-weight: normal;
		font-size: 14px;
		color: #7DA845;	
	}
	.adoptBox .adoptionImg {/*override styles, main styles for this selector with index adopt column*/
		position: relative;
		width: auto;
		margin-top: 4px;
		}
		.adoptBox .adoptionImg span {/*matched ribbon*/
			position: absolute;
			display: block;
			bottom: 7px;
			right: -3px;
			width: 66px;
			height: 68px;
			text-indent: -9999px;
			background: url(../images/adoptMatchBg.png) no-repeat top left;
	}
	.adoptBox p {
		width: 560px;
		font-family: arial !important;
		font-size: 12px !important;
		float: left;
		}
		.adoptBox p span {/*used to allow <a> to clear properly*/
			float: left;
		}
		.adoptBox p a {
			display: block;
			width: auto;
			height: 24px;/*29-5*/
			margin-right: 13px;
			padding: 5px 29px 0px 0px;
			background: url(../images/adoptPDFIcon.png) no-repeat top right;
			float: left;
		}

/*-------------------------------
=our-team -> landing page layout
-------------------------------*/
/*=landing page sub columns*/

div.teamSubCol {
	width: 338px;
	float: left;
}

/*-------
footer
-------*/
#footer {
	width: 948px;
	min-height: 211px;
	padding-bottom: 10px;
	font-family: helvetica, arial;
	font-weight: bold;
	font-size: 16px;
	overflow: auto;
	background: #6FAA3A url(../images/footerBg.png) repeat-x;
	clear: both;
	}
	#footer ul {
		width: 700px;
		margin: 30px 0px 0px 45px;
		/*border: 1px solid #333;*/
		list-style: none;
		float: left;
		}
		#footer ul li {
			width: 150px;
			margin-right: 5px;
			margin-bottom: 10px;
			float: left;
			}
			#footer ul li a {
				color: #3C467E;
				text-decoration: none;
			}
			#footer ul li a:hover {
				text-decoration: underline;
		}
		#footer ul li ul {
			width: auto;
			margin-top: 0px;/*reset*/
			margin-left: 0px;
			font-family: arial;
			font-size: 12px;
			font-weight: normal;
			}
			#footer ul li ul li {
				display: block;
				margin-bottom: 0px;
				margin-right: 0px;
				padding-left: 8px;
				background: url(../images/footerUlBullet.png) no-repeat left 7px;
				float: none;
				}
				#footer ul li ul li a {
					color: #fff;
	}
	#footer p#footerAddr {/*footer address*/
		min-height: 163px;
		margin-top: 30px;
		padding-left: 34px;
		font-size: 14px;
		color: #416803;
		float: left;
		background: url(../images/footerAddDivider.png) no-repeat top left;
	}
	#footer p#metaFooter, #footer p#metaFooter2, #footer p#vbTag  {
		width: 750px;
		font-size: 10px;
		font-weight: normal;
		text-align: center;
		color: #1F5404;
		float: left;
	}
	#footer p#metaFooter a, #footer p#metaFooter2 a, #footer p#vbTag a {
		color: #1F5404;
	}
	#footer p#metaFooter a:hover, #footer p#metaFooter2 a:hover,#footer p#vbTag a:hover {
		text-decoration: none;
	}
	#footer p#metaFooter {
		width: 650px !important;
		padding: 0px 50px 0px 50px;
		margin-bottom: 5px;
	}
	#footer p#vbTag {
		margin: 10px 0px 0px 20px;
		width: auto;
}
		



/*--------------------
=global/general styles
-------------------*/

/*link styling*/

a {
	color:#353E75;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/*float Classes*/
.floatLeft {
	display: inline;
	float: left;
}
.floatRight {
	display: inline;
	float: right;
}

/*clear Classes*/
.clear {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}

/*visibility*/
.hidden {
	display: none;
}

/*=text styling generic*/
.lgBold {
	font-size: 13px !important;
	font-weight: bold;
}

/*=superlawyer badge*/
.superlawyerBadge a {
	display: block;
	width: 305px;
	height: 94px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/superLawyerBadge.png) no-repeat top left;
}
.supBadgeHome {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 26px;
}

/*=hPN*/
#hPN {
	display: none;
}

/*=form errors*/
.error {
	color: #ff0000;
	font-weight: bold;
}
.altErrorMsg {
	color: #ff0000;
}