
/* stephen hunter law screen css */

/* base styles */
body 					{ background: #333 url( '../images/bg.jpg' ); }
.overall 					{ border: solid 0px red; border-top: none; }

h1, h2, h3 				{ color: #333; }
h1, h2, h3, p 				{ margin: 0; padding: 0; }
p 						{ font: normal 1.25em/18px arial; margin: 0 0 1em 0; color: #333; }
p.callOut { padding: 1em; background: #f6ebd7; margin-bottom: 1.2em; border:1px solid #6d332d; }
em						{ color: #66c; }
i						{ color: #900; }
hr						{ margin-top: 10px; }
embed					{ background: #ffffff; }

dl						{ margin: 0 40px 0 40px; }
dt						{ color: #66c; }
dd						{ margin-bottom: 1em; }

form						{ padding-bottom: 12px; }
label						{ margin: 0 12px 0 12px; }

.push-1, .push-17			{ margin-bottom: 0; }



/* image classes for inline paragraph images */

.alignleft					{ float: left; margin-top: 4px; margin-right: 10px; }
.alignright					{ float: right; margin-top: 4px; margin-left: 10px; }

.spacer					{ margin-bottom: .5em; }

.header, .navigation, .left, .content, .right, mini-nav
						{ display: inline; float: left; }

.mini-nav					{ height: 24px; text-align: center; background: #000; }
.mini-nav ul				{ list-style-type: none; }
.mini-nav li					{ display: inline; color: #444; }
.mini-nav a					{ font: normal 10px/22px verdana; text-decoration: none; margin: 0; color: #bbb; }
.mini-nav a:hover			{ text-decoration: underline; color: #fff; }

.header 					{ outline: solid 0px red; }
.header-left				{ outline: solid 0px yellow; }
.header-right				{ outline: solid 0px cyan; text-align: right; }

.navigation					{ z-index: 99; background: #222 url( '../images/background-navigation-8x96.gif' ) repeat-x; }

.category-image				{ width: 868px; height: 196px; border: solid 1px #999; }
.category-image-index		{ height: 262px; }

.gateway					{ width: 890px; height: 188px; border: solid 1px #900; margin: 0 0 0 20px; padding: 0 0 0 20px; background: url( '../images/background-gateway-16x240.gif' ); }

.gateway-1, 
.gateway-2, 
.gateway-3				{ display: inline; float: left; width: 276px; height: 176px; margin-right: 20px; outline: solid 0px yellow; }

.gateway-1 h2, 
.gateway-2 h2, 
.gateway-3 h2				{ font: normal 1.5em/1.25em arial, sans-serif; margin: 12px 0 0 24px; padding: 0 0 9px 48px; color: #cf6; }

.gateway-2,
.gateway-3				{ background: url( '../images/graphic-divider-3x240.gif' ) no-repeat; }
.gateway-3 p				{ padding-right: 20px; }

.gateway-1 p, 
.gateway-2 p, 
.gateway-3 p				{ font: normal 1.0em/1.35em arial, sans-serif; margin: 0 0 0 24px; color: #fff; }

.gateway-1 h2				{ background: url( '../images/icon-briefcase-40x54.jpg' ) no-repeat; }
.gateway-2 h2				{ background: url( '../images/icon-reference-40x54.jpg' ) no-repeat; }
.gateway-3 h2				{ background: url( '../images/icon-phone-40x54.jpg' ) no-repeat; }

.gateway-2 ul				{ margin: 4px 0 0 36px; }
.gateway-2 li				{ margin: 0; font-style: italic; color: #fbdbb6; }

.gateway-3 p.phone			{ font: normal 1.75em/1.25em arial; color: tan; margin-top: 3px; padding-left: 12px; background: url( '../images/graphic-arrow-8x16.gif' ) no-repeat 0 6px; }

.gateway-button			{ margin: 9px 0 0 0; text-align: left; }
.gateway-button a			{ display: block; text-align: center; width: 72px; height: 36px; margin: 0 0 0 24px; background: #600 url( '../images/button-gateway-72x36.jpg' ) no-repeat; }
.gateway-button a			{ font: 900 .8em/1.8em arial; color: #000; text-decoration: none; }
.gateway-button a:hover		{ text-decoration: underline; }





/* index page styles */
.content-index 				{ width: 850px; padding: 24px 0 0 20px; background: #fff url( '../images/background-content-16x400.gif' ) repeat-x; }

.content-1, .content-2, .content-3
						{ display: inline; float: left; width: 264px; margin-right: 18px; outline: solid 0px #000; }
.content-1 h2, .content-2 h2, .content-3 h2
						{ font: 900 1.75em/1.25em times, serif; text-transform: uppercase; letter-spacing: .050em; margin: 0 0 18px 0; color: #990000; }
.content-1 p, .content-2 p, .content-3 p
						{ font: normal 1.00em/1.50em arial, sans-serif; color: #664e3f; }
.content-1 b, .content-2 b, .content-3 b
						{ font-weight: bold; color: #900; }

.content-1 h2.flat			{ margin-bottom: 0; }
.areas-practice				{ height: 340px; background: url( '../images/background-practice-areas-234x340.gif' ) no-repeat; }
.areas-practice ul			{ list-style-type: none; margin: 0 0 0 3px; padding-top: 32px; }
.areas-practice li				{ height :23px; }
.areas-practice li.current a 		{ display: block; height: 36px; padding-left: 36px; padding-top: 8px; font-weight: 600; color: #000; background: url( '../images/list-background-225x36.gif' ) no-repeat; }
.areas-practice li.current a:hover { font-weight: 600; color: #900; }
.areas-practice li a			{ display: block; height: 36px; padding-left: 36px; padding-top: 8px; font-weight: 600; color: #900; text-decoration: none; background: url( '../images/list-bullet-black-14x14.gif' ) no-repeat 12px 8px; }
.areas-practice li a:hover 		{ background: url( '../images/list-background-225x36.gif' ) no-repeat; }


.content-3 img				{ float: left; margin-top: 2px; margin-right: 12px; }

.content-button				{ margin-left: 50px; margin-top: 18px; text-align: center; }
.content-button a			{ display: block; width: 200px; height: 18px; background: url( '../images/button-content-200x18.gif' ) no-repeat; }
.content-button a			{ font: 100 .9em/1.8em arial; color: #fff; text-decoration: none; }
.content-button a:visited		{ display: block; width: 200px; height: 18px; background: url( '../images/button-content-200x18.gif' ) no-repeat; }
.content-button a:visited		{ font: 100 .9em/1.8em arial; color: #fff; text-decoration: none; }
.content-button a:hover		{ text-decoration: underline; }





/* interior page styles */
.content 					{ padding: 24px 0; background: #fff url( '../images/background-content-16x400.gif' ) repeat-x; }

.navigation-left				{ }
.navigation-left ul			{ list-style-type: none; margin: 0; }
.navigation-left li			{ height: 36px;}
#li_menu_category_2_active a	{ display: block; height: 36px; padding-left: 24px; padding-top: 8px; font-weight: 600; color: #990000; background: url( '../images/list-background-176x36.gif' ) no-repeat; }
#li_menu_category_2_active a:hover { font-weight: 600; }
.navigation-left li a			{ display: block; height: 36px; padding-left: 24px; padding-top: 8px; color: #333333; text-decoration: none; }
.navigation-left li a:hover		{ display: block; height: 36px; padding-left: 24px; padding-top: 8px; font-weight: normal; color: #990000; text-decoration: underline; }


.search 					{ z-index: 1; display: inline; float: right; width: 224px; padding-bottom: 10px; margin-right: 30px;}
.search form				{ padding-bottom: 0; }
.search-left 				{ float: left; width: 12px; height: 26px; background: url( '../images/search-left-12x25.gif' ) no-repeat; }
.search-right 				{ float: left; width: 36px; height: 26px; background: url( '../images/search-right-36x25.gif' ) no-repeat; }
.search-submit				{ float: left; margin-left: 9px; }
#search_box 				{ float: left; width: 116px; height: 26px; line-height: 1.0em; background: url( '../images/search-body-12x25.gif' ) repeat-x; }
#search_box input 			{ background: none; height: 19px; margin-top: 2px; font: normal 1.0em/1.0em verdana; color: #900; border: none; }
.search-body ul, 
.search-body ol 				{ margin: 0; padding: 0; list-style-type: none; }
#search_submit_button input { padding-left: 10px;}

.content-text				{ display: inline; float: left; width: 470px; }
.content-text h1			{ font: 900 2.00em/1.25em times, serif; text-transform: uppercase; letter-spacing: .050em; margin: 0 0 12px 0; color: #4a2c0d; }
.content-text h2			{ font: 900 1.35em/1.25em arial, sans-serif; margin: 0 0 6px 0; color: #990000; }
.content-text p				{ font: normal 1em/1.50em arial, sans-serif; padding-top: 6px; color: #4a2c0d; }
.content-text a				{ color: #990000; }
.content-text a:hover			{ text-decoration: none; }
.content-text ul				{ list-style-type: none; margin: 0 0 12px 0; }
.content-text li				{ padding-left: 21px; font-weight: normal; margin-bottom: 10px; color: #4a2c0d; background: url( '../images/list-check-mark-16x12.gif' ) no-repeat; }

#search_result .search_result_title { padding-left: 0px; font-weight: bold; color: #4a2c0d; background: none; }

.right						{ width: 188px; text-align: center; border-top: solid 1px #fff; border-left: solid 1px #fff; background-color: #f6ebd7; }
.right .call-action			{ text-align: left; width: 164px; margin: 12px; border-top: solid 1px #885f03; border-bottom: solid 1px #885f03; background: #fffcee; }
.right .call-action p			{ font: 900 1.10em/1.25em arial; color: #885f03; margin: 0; padding: 6px 12px 3px 12px; }
.right .call-action p.phone		{ font-weight: normal; margin-top: -6px; margin-bottom: 6px; font-size: 160%; letter-spacing: .035em; }
.right .call-action input		{ margin: 6px 0 0 12px; height: 18px; background-color: #ddd; border: none; border-left: solid 2px #999; border-top: solid 2px #999; }
.right .call-action input.submit	{ margin-top: 12px; border: none; }
.right .call-action img, 
.right .call-action a			{ line-height: .5em; }
.call-action-img {margin-bottom: 12px; padding-top: 10px;}

.info-cta 					{ width: 164px; height: 180px; margin: 12px 0 12px 12px; text-align: left; background: tan url( '../images/cta-sh-info1-bknd-164x82.jpg' ) no-repeat 0 0; }
.info-cta h3 				{ font: normal 1.2em/1.25em times, serif; margin-left: 12px; padding-top: 15px; text-transform: uppercase; color: #fff; }
.info-cta p 					{ font: normal 1.25em/1.25em times, serif; margin: 0 0 0 12px; color: #fff; }
.info-cta p a 				{ color: #ff0; text-decoration: none; }
.info-cta p a:hover 			{ text-decoration: underline; }


.details					{ width: 850px; padding: 24px 0 36px 20px; background: #ddd url( '../images/background-details-18x300.gif' ) repeat-x; }

.details-1, .details-2, .details-3
						{ display: inline; float: left; width: 264px; margin-right: 18px; outline: solid 0px #000; }
.details-1 h2, .details-2 h2, .details-3 h2
						{ font: 900 1.75em/1.25em times, serif;  letter-spacing: .050em; margin: 0 0 18px 0; color: #990000; }
.details-3 h2
						{ margin-left: 2px; }

.details-1 p, .details-2 p, .details-3 p
						{ font: normal 1.00em/1.50em arial, sans-serif; color: #664e3f; }
.details-1 b, .details-2 b, .details-3 b
						{ font-weight: bold; color: #900; }

.details-1 ul				{ list-style-type: none; margin: 0 0 0 12px; }
.details-1 li					{ font: 900 1em/18px arial; color: #664e3f; padding-left: 27px; }
.details-1 li.phone			{ background: url( '../images/icon-phone-16x13.jpg' ) no-repeat 0 2px; }
.details-1 li.location			{ background: url( '../images/icon-location-16x15.jpg' ) no-repeat 0 2px; }

.footer 					{ text-align: center; padding: 12px 0 24px 0; }
.footer ul					{ list-style-type: none; }
.footer li					{ display: inline; color: #aaa; font: normal 0.80em/1em arial; }
.footer li a					{ text-decoration: none; color: #ccc; }
.footer li a:hover			{ text-decoration: underline; }
#ul_link_list_2_link_list li					{ display: block; font: normal 0.80em/1.50em arial; margin: 0; color: #777; padding-left: 20px; padding-right: 20px;}


