/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/
body {
	text-align: left; /*center;*/
	margin: 0 auto 0 auto;
	color: #000000;
	background: #2b2d18 url(img/bg.gif) repeat-x;
	font-family: arial, verdana;
	font-size: 11px; /*62.5%;*/
}

img {
	border: 0px none;
	display: block;
}

a:link,a:visited {
	color: #333300; /*#666633;*/ /*000;*/
	text-decoration: underline;
	outline: none;
}

a:hover,a:active {
	color: #666633; /*#999966;*/ /*4f522e;*/
	text-decoration: underline;
	outline: none;
}

a.subnav_link:link, a.subnav_link:visited {
	text-decoration: underline;
}

a.subnav_link:hover, a.subnav_link:active {
	text-decoration: underline;
}

a.homepage_paragraph_link:link, a.homepage_paragraph_link:visited {
	text-decoration: underline;
}

a.homepage_paragraph_link:hover, a.homepage_paragraph_link:active {
	text-decoration: underline;
}

h2,h3 {
	padding: 0;
	margin: 0;
	width: 767px;
	height: 36px;
	float: left;
	display: block;
	text-indent: -8000px;
	text-decoration: underline;
	font-size: 5%;
	line-height: 5%;
}

h2.helping {
	background: url(img/title_helping.gif) no-repeat;
}

h2.attorney_profile {
	background: url(img/title_attorney_profile.gif) no-repeat;
}

/* for the subheader with horizontal bar on every page */
h2.news {
	background: url(img/tile_news.gif) no-repeat;
}

h2.about_the_firm {
	background: url(img/tile_about_the_firm.gif) no-repeat;
}

h2.practice_areas {
	background: url(img/tile_practice_areas.gif) no-repeat;
}

h2.results {
	background: url(img/tile_results.gif) no-repeat;
}

h2.blog {
	background: url(img/tile_blog.gif) no-repeat;
}

h2.contact_us {
	background: url(img/tile_contact_us.gif) no-repeat;
}

h2.disclaimer {
	background: url(img/tile_disclaimer.gif) no-repeat;
}

h2.sitemap {
	background: url(img/tile_site_map.gif) no-repeat;
}

/* did not work
h2.visible{
text-indent: 0px;
}
*/
h3 {
	width: 243px;
	height: 21px;
	margin-bottom: 10px;
}

h3.personal_injury {
	background: url(img/title_personal_injury.gif) no-repeat;
}

h3.practice_areas {
	background: url(img/title_practice_areas.jpg) no-repeat;
}

h3.latest_news {
	background: url(img/title_firmnews_safetyalerts.jpg) no-repeat;
}

h3.attorney_referrals {
	background: url(img/title_attorney_referrals.jpg) no-repeat;
}

h3.lance_cooper {
	background: url(img/title_lance_cooper.gif) no-repeat;
	width: 530px;
}

h3.patrick_dawson {
	background: url(img/title_patrick_dawson.gif) no-repeat;
	width: 530px;
}

h3.practice_areas2 {
	background: url(img/title_practice_areas2.gif) no-repeat;
	width: 173px;
}

h3.blog {
	background: url(img/title_blog.gif) no-repeat;
	width: 173px;
}

h3.contact {
	background: url(img/title_contact.gif) no-repeat;
	width: 173px;
}

h3.non-con_verdicts_settlements {
	background: url(img/non-confidential_verdicts.gif) no-repeat;
	background-position: top center;
	width: 432px; /*500px;centered*/ /*243px;*/
}

h3.topics {
	background: url(img/topics.jpg) no-repeat;
	background-position: top center;
	width: 243px;
}

h3.practice_area_13 {
	background: url(img/green_personal_injury.jpg) no-repeat;
	width: 396px;
}

h3.practice_area_14 {
	background: url(img/green_wrongful_death.jpg) no-repeat;
	width: 396px;
}

h3.practice_area_15 {
	background: url(img/green_medical_malpractice.jpg) no-repeat;
	width: 396px;
}

h3.practice_area_16 {
	background: url(img/green_motor_vehicle_collisions.jpg) no-repeat;
	width: 396px;
}

h3.practice_area_17 {
	background: url(img/green_tractortrailor_collisions.jpg) no-repeat;
	width: 396px;
}

h3.practice_area_18 {
	background: url(img/green_premises_liability.jpg) no-repeat;
	width: 396px;
}

h3.practice_area_19 {
	background: url(img/green_product_defects.jpg) no-repeat;
	width: 396px;
}

h3.practice_area_20 {
	background: url(img/green_defective_automobiles.jpg) no-repeat;
	width: 396px;
}

h3.practice_area_21 {
	background: url(img/green_insurance_badfaith.jpg) no-repeat;
	width: 396px;
}

h3.practice_area_22 {
	background: url(img/green_commercial_litigation.jpg) no-repeat;
	width: 396px;
}

h3.practice_area_23 {
	background: url(img/green_foodborne_illness.jpg) no-repeat;
	width: 396px;
}

h3.practice_area_24 {
	background: url(img/green_technology_predators.jpg) no-repeat;
	width: 396px;
}

h3.attorneys {
	background: url(img/Attorneys.jpg) no-repeat;
	width: 243px;
}

h3.about_the_staff {
	background: url(img/the-cooper-firm-staff.gif) no-repeat;
	width: 243px;
}

h3.reported_cases {
	background: url(img/reported-cases.gif) no-repeat;
	width: 243px;
}

h3.attorney_referrals {
	background: url(img/attorney_referrals.jpg) no-repeat;
	width: 243px;
}

h3.testimonials {
	background: url(img/testimonials.gif) no-repeat;
	width: 243px;
}

h3.firm_blog {
	background: url(img/firm-blog.gif) no-repeat;
	width: 243px;
}

.huey_pa {
	clear: left;
	margin: 10px 0;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
}

h4.cooper {
	color: #666633;
	margin: 0 0 0 0;
	padding: 0; /*0 0 5px; 0;*/
}

p.vcard {
	margin-top: 0px;
	padding-top: -20px;
}

p.vcard a:link, a:visited {
	text-decoration: underline;
}

p.vcard a:hover, a:active {
	text-decoration: underline;
}

p.staff_info {

}

p.staff_info a:link, a:visited {
	text-decoration: underline;
}

p.staff_info a:hover, a:active {
	text-decoration: underline;
}

p {
	margin: 0 0 .85em 0;
	padding: 0;
	font-size: 12px; /*11px; this looks same as original*/ /*1.1em;*/
	line-height: 1.3em;
	text-align: left; /*justify;*/
}

ul,ol {
	margin: 0 0 10px 15px;
	padding: 0 0 0 15px;
}

ul li,ol li {
	font-size: 11px; /* 11 is correct for homepage boxes*/ /*1.1em;*/
	line-height: 1.2em;
}

ul li.pa_home,ol li.pa_home {
	font-size: 11px; /* 11 is correct for homepage boxes*/ /*1.1em;*/
	line-height: 1.2em;
	font-weight: bold;
}

ul li ul {
	margin: 0 0 0 15px;
}

li li {
	font-size: 1em;
}

/* BEGIN added when specifying px values for font throughout site */
ul.normal {
	margin: 0 0 10px 15px;
	padding: 0 0 0 15px;
}

ul.normal li {
	font-size: 12px; 
	line-height: 1.2em;
}

ul.normal li ul {
	margin: 0 0 0 15px;
}

ul.normal li li {
	font-size: 12px;;
}

a.sitemap_link:link, a.sitemap_link:visited {
	text-decoration: underline;
}

a.sitemap_link:hover, a.sitemap_link:active {
	text-decoration: underline;
}

/* END added when specifying px values for font throughout site */

li.firm_news_safety_alerts a {
	text-decoration: underline;
}

li.firm_news_safety_alerts span {
	float: right;
}

li.firm_news_safety_alerts span a {
	text-decoration: underline;
}

li.firm_news_safety_alerts_safety_alert {
	
}

li.firm_news_safety_alerts_safety_alert a {
	text-decoration: underline;
}

li.firm_news_safety_alerts_safety_alert span {
	float: right;
}

li.firm_news_safety_alerts_safety_alert span a {
	text-decoration: underline;
}

li.firm_news_safety_alerts_safety_alert:hover {
	color: #996633;
}

li.firm_news_safety_alerts_safety_alert:hover a {
	color: #996633;
}

.safety_alert {
	color: #996633;
}

/*---------------------------------------*/
div.results_settlements_div {
	clear: both;
	padding: 0px 20px 0 0px;/*120px;*/
}

ul.results_settlements {
	list-style: none;
}

ul.results_settlements li {
	font-size: 12px;
	line-height: 180%;
}

ul.results_settlements li a:link, ul.results_settlements li a:visited {
	text-decoration: underline;
}

ul.results_settlements li a:hover, ul.results_settlements li a:active {
	text-decoration: underline;
}

div.results_sections_div {
	padding-left: 10px;
	padding-top: 5px;
	clear: both;
}

div.results_sections_div div {
	width: 260px;
	float: left;
	padding-left: 10px;
}

div.results_sections_div div ul {

}

/* trying to get list of results sections to display better in two even columns.
trying to make list items not spaced out in FF. not needed.
div.results_sections_div div ul li {
	padding: 0;
	margin: 0;
}*/

h4.results_sections {
	color: #333300;
}

/* trying to get list of results sections to display better in two even columns.
trying to make list items not spaced out in FF. not working.*/
h4.results_sections_sub {
	color: #333300;
	padding: 0;
	margin: 0;
}

a.results_sections_link:link, a.results_sections_link:visited, a.results_sections_link:hover, a.results_sections_link:active {
	text-decoration: underline;
}


/* for all the links to the results section */
a.results_word:link, a.results_word:visited {
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
	color: #333300;
}

a.results_word:hover, a.results_word:active {
	color: #666633;
}

/*---------------move to better place-----*/
div.news_date {
	width: 60px;
	float: left;
	padding-right: 5px;
	margin: 10px 0;
}

div.news a {
	text-decoration: underline;
}

div.news span a {
	text-decoration: underline;
}

div.news, div.news_safety {
	width: 450px;
	float: left;
	margin: 10px 0;
}

div.news_safety:hover { /*color: #FF0000;*/
	
}

div.news_safety:hover { /*color: #FF0000;*/
	
}

div.news_safety a {
	text-decoration: underline;
}

div.news_safety:hover a {
	text-decoration: underline;
	/*color: #FF0000;*/
}

div.news_safety span a {
	text-decoration: underline;
}

div.news_safety:hover span a {
	text-decoration: underline;
	/*color: #FF0000;*/
}

div.news p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div.news_safety p {
	margin: 0 0 10px 0;
	padding: 0;
}

/*-----------------------------------------*/
img.portrait {
	float: left;
	padding: 0 11px 11px 0;
}

p.center {
	width: 767px;
	float: left;
	text-align: center;
}

/*
---------------------------------------------
02. LAYOUT ELEMENTS
---------------------------------------------
*/
#tcf {
	width: 866px;
	text-align: left;
	margin: auto;
}

#header {
	float: left;
	background: url(img/bg_header.gif) repeat-x;
	height: 180px;
	width: 866px;
}

#content {
	width: 866px;
	float: left;
	background: url(img/content_bg.jpg) repeat-y 29px 0;
}

#contentinner {
	width: 767px;
	float: left;
	padding: 30px 49px 10px 50px;
	background: url(img/content.jpg) no-repeat 29px 0;
}

#contentbottom {
	margin: 0;
	padding: 0;
	height: 20px;
	width: 866px;
	float: left;
	text-indent: -8000px;
	background: url(img/content_bottom.jpg) no-repeat 29px 0;
	font-size: 5%;
	line-height: 5%;
}

/*
---------------------------------------------
03. HEADER & NAVIGATION ELEMENTS
---------------------------------------------
*/
#header h1,#header h1 a {
	position: relative;
	z-index: 0;
	margin: 0;
	padding: 0;
	float: left;
	height: 141px;
	width: 808px;
	display: block;
	text-indent: -8000px;
	text-decoration: underline;
	background: url(img/logo.jpg) no-repeat;
	font-size: 5%;
	line-height: 5%;
}

#header h1 a:hover {
	text-decoration: underline;
}

#header h1 {
	padding: 0 29px 0 29px;
	background: url(img/logo.jpg) no-repeat 29px 0;
}

#hammer {
	position: relative;
	z-index: 0;
	margin-top: -141px;
	padding: 0;
	float: right;
	height: 174px;
	width: 210px;
	font-size: 5%;
	line-height: 5%;
	text-indent: -8000px;
	text-decoration: underline;
	background: url(img/hammer.gif) no-repeat;
}

ul#nav {
	position: absolute;
	top: 141px;
	width: 532px;
	height: 39px;
	list-style-type: none;
	padding: 0 0 0 168px;
	margin: 0;
}

ul#nav li {
	text-indent: -8000px;
	float: left;
	padding: 0;
	margin: 0;
	font-size: 5%;
	line-height: .05em;
	height: 39px;
}

ul#nav li a {
	height: 39px;
	float: left;
	text-decoration: underline;
	border-bottom: 0px none;
}

ul#nav li.news,ul#nav li.news a {
	width: 63px;
	background: #505330 url(img/nav_news.gif) no-repeat 0 -39px;
}

ul#nav li.about,ul#nav li.about a {
	width: 124px;
	background: #505330 url(img/nav_about.gif) no-repeat 0 -39px;
}

ul#nav li.practice_areas,ul#nav li.practice_areas a {
	width: 119px;
	background: #505330 url(img/nav_practice_areas.gif) no-repeat 0 -39px;
}

ul#nav li.results,ul#nav li.results a {
	width: 72px;
	background: #505330 url(img/nav_results.gif) no-repeat 0 -39px;
}

ul#nav li.blog,ul#nav li.blog a {
	width: 53px;
	background: #505330 url(img/nav_blog.gif) no-repeat 0 -39px;
}

ul#nav li.contact,ul#nav li.contact a {
	width: 101px;
	background: url(img/nav_contact.gif) no-repeat 0 -39px;
}

ul#nav li,ul#nav li a:hover,ul#nav li.active a {
	background-position: 0 0;
}

/*
---------------------------------------------
04. CONTENT ELEMENTS
---------------------------------------------
*/
#homeleft {
	float: left;
	width: 509px;
	padding: 0;
	margin-right: 10px;
}

#homeleft p {
	width: 450px;
	padding: 0 0 0 20px;
	margin-bottom: 5px;
	float: left;
}

#homeleft p.more {
	float: right;
	text-align: right;
}

#homeright {
	padding: 0 15px 0px 0; /*0 15px 28px 0;*/
}

#homeright p {
	margin-top: 0;
	font-size: 1.2em;
}

#homepanels {
	width: 767px;
	float: left;
	padding: 30px 0;
}

#homepanels .panelinner {
	height: 230px;
}

#contentleft,div.profile {
	width: 550px; /*530px;*/
	float: left;
}

div.profile {
	margin-bottom: 30px;
}

#contentright {
	width: 179px;
	float: right;
	padding-right: 5px;
}

div.panel {
	width: 256px;
	float: left;
	background: url(img/panel.png) no-repeat;
	behavior: url(iepngfix.htc);
}

div.panelright {
	width: 252px;
}

div.panelinner {
	padding: 4px;
	min-height: 152px;
	height: auto;
}

div.panelinner p {
	font-size: 11px;
}

/* for Internet Explorer */ /*\*/
* html div.panelinner {
	height: 152px;
}

/**/
div.panelbottom {
	background: url(img/panel_bottom.png) no-repeat;
	behavior: url(iepngfix.htc);
	width: 252px;
	height: 3px;
	float: left;
	font-size: 5%;
	line-height: 5%;
	text-indent: -8000px;
	text-decoration: underline;
}

div.panel img,div.panel2 img {
	float: left;
	margin-bottom: 7px;
}

div.panel h3,div.panel2 h3 {
	margin-bottom: 3px;
}

div.panel p,div.panel2 p {
	float: left;
	width: 226px;
	text-align: center;
	padding: 0 10px 0 10px;
	margin: 0;
}

div.panel2 p {
	width: 153px;
	text-align: left;
	margin-bottom: 4px;
}

div.panel ul,div.panel2 ul {
	width: 246px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}

div.panel ul li,div.panel2 ul li {
	margin: 0;
	width: 236px;
	padding: 5px;
	float: left;
}

div.panel ul.split {
	/*list-style-position: outside;
	list-style-image: url("img/dash.gif");
	list-style-type: square;*/
	width: 123px;
	margin: 0;
	padding: 0;
	float: left;
}

div.panel ul.split li {
	width: 98px; /*118px;*/ /*98px;*/ /*113px; changed this trying to get dashes to show up. columns are too big now.*/
	margin: 3px 0; /* had been 0 before trying to get dashes to show up*/
	padding: 0 0px 0 5px;
	float: left;
	font-weight: bold;
}

div.panel ul.split li a:link {
	text-decoration: underline;
}

div.panel ul.split li a:visited {
	text-decoration: underline;
}

div.panel ul.split li a:hover {
	text-decoration: underline;
}

div.panel ul.split li a:active {
	text-decoration: underline;
}

/* -----------------beginning of SLICED side contact form----------------*/
div.panel2 ul,div.panel2 ul li {
	width: 163px;
}

div.panel2 {
	width: 179px;
	float: left;
	margin-bottom: 27px;
	background: url(img/panel2.jpg) no-repeat;
}

div.panel2inner {
	width: 173px;
	padding: 4px 3px 0 3px;
}

a.practice_areas_right_column:link, a.practice_areas_right_column:visited, a.practice_areas_right_column:hover, a.practice_areas_right_column:active {
	text-decoration: underline;
}

div.panel2bottom {
	background: url(img/panel2_bottom.jpg) no-repeat;
	width: 179px;
	height: 17px;
	float: left;
	font-size: 5%;
	line-height: 5%;
	text-indent: -8000px;
	text-decoration: underline;
}

div.panel2 p input,div.panel2 p textarea {
	width: 147px;
	padding: 2px;
	border: 1px solid #000;
	font-size: 1em;
	font-family: arial, verdana;
}

div.panel2 p.submit {
	text-align: right;
}

div.panel2 p.submit input {
	width: auto;
	border: 0 none;
	background: #2b2d18;
	color: #fff;
}

.side_contact_label {
}

/* -----------------end of SLICED side contact form----------------*/
/*----------------beginning of side contact email form-------*/
#ContactemailAddForm {
	padding-left: 8px;
}

#ContactemailAddForm label {
	font-size: 10px;
}

#ContactemailAddForm input,#ContactemailAddForm textarea {
	width: 147px;
	padding: 2px;
	border: 1px solid #000;
	font-size: 1em;
	font-family: arial, verdana;
}

#ContactemailAddForm div.input {
	padding-top: 1px;
	padding-bottom: 2px;
}

/*
#ContactemailAddForm p.submit div.submit {
	text-align: right;
}
#ContactemailAddForm p.submit div.submit input {
	width: auto;
	border: 0 none;
	background: #2b2d18;
	color: #fff;
}
*/
#ContactemailAddForm div.submit {
	text-align: right;
	padding-right: 12px;
	padding-top: 4px;
}

#ContactemailAddForm div.submit input {
	width: auto;
	border: 0 none;
	background: #2b2d18;
	color: #fff;
}

/*----------------end of side contact email form-------------*/
/*----------------beginning of Contact Us page contact email form-------------*/ /*
.contact_page_form #ContactemailAddForm {
	padding-left: 8px;
}
*/
.contact_page_form {
	width: 300px; /*163px;*/ /*margin-left: 100px; dont like it*/
	padding: 0 0 20px 22px;
}

.contact_page_form form#ContactemailAddForm div.input {
	width: 300px;
	margin-top: 5px;
	margin-bottom: 5px;
	/*font-size: 100%; */ /*font-size: 12px; */
}

.contact_page_form form#ContactemailAddForm div.input input {
	width: 300px;
}

.contact_page_form form#ContactemailAddForm div.input textarea {
	width: 300px;
}

/*----------------end of Contact Us page contact email form-------------*/

.directions_to_office {
	font-size: 13px;
	font-weight: bold;
}


 /*
.paging ul {
list-style: none;
}

.paging li {
display: inline;
}*/
.paging ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.paging li {
	margin: 0;
	padding: 0;
	display: inline;
}

.paging .disabled {
	display: inline;
}

/* for the practice areas listing on the practice area landing page */
.left_image_small {
	float: left;
	clear: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.right_text_summary {
	float: left;
	width: 356px; /*370px;*/
	clear: none;
	margin-left: 10px;
	/*text-align: bottom; doesn't work */ /*vertical-align: bottom; doesn't work */ /*vertical-align: text-bottom; doesn't work */
}

.pa_summary {
	clear: both;
	margin-bottom: 20px;
}

div.contact_top {
	padding-left: 30px;
}

div.contact_form {
	padding-left: 30px;
}

a.practice_area_read_more {
	
}

a.practice_area_read_more:hover {
	color: #900;
}

a.practice_area_read_more:active {
	color: #000000;
	text-decoration: underline;
}

/* blog page */

#blog_links {
	width: 150px;
	padding: 20px 10px 10px 10px; /*30 on top works for when Firm Blog header is shown*/
}

#blog_links a:link, a:visited {
	text-decoration: underline;
}

#blog_links a:hover, a:active {
	text-decoration: underline;
}

#content_blog {
	width: 350px;
	border-left: 1px solid black;
	padding-bottom: 30px;
	padding-left: 20px;
}

/* end of blog page */



div.contents_sitemap {
	float: left;
	width: 400px;
}



/*
---------------------------------------------
05. FOOTER ELEMENTS
---------------------------------------------
*/
#footer {
	float: left;
	background: #2b2d18;
	text-align: center;
	color: #fff;
	width: 767px;
	padding: 25px 49px 10px 50px;
}

#footer a,#footer a:link,#footer a:visited {
	text-decoration: underline;
	color: #fff;
}

#footer a:hover,#footer a:active {
	text-decoration: underline;
	color: #fff;
}

#footer p {
	text-align: center;
	margin-bottom: 3px;
}

#footer p.copy {
	margin-bottom: 18px;
}

#footer p.dand {
	font-size: 1em;
}

#footer p.dand a {
	padding: 0 0 0 13px;
	background: url(img/sds.gif) no-repeat;
}