/*  
Description: Hutchison & Steffen website (hsnvlaw.com)
Author: Derek Reager, Ideawork Studios
Author URI: http://ideawork.com/
*/

/* Last edited 12/03/07 */

/* common */
html,body {
	margin: 0;
	padding: 0;
	}
body {
	background: #c2b8af url("../../images/bg_body.gif") center top repeat-y;
	font: small/1.4em Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
	}
a {
	text-decoration: none;
	}
img, a img {
	border: 0;
	}
h1 {
	margin-right: 17px;
	font-size: 150%;
	font-weight: normal;
	}
h2 {
	margin-right: 17px;
	font-size: 130%;
	font-weight: normal;
	}
h3 {
	margin-right: 17px;
	font-size: 117%;
	font-weight: normal;
	}
h4 {
	margin-right: 17px;
	font-size: 100%;
	font-weight: bold;
	}
	
/* container */
div#container {
	margin: 0 auto;
	width: 764px;
	}

/* wrapper */
div#wrapper {
	margin: 25px auto 0;
	width: 730px;
	}
	
/* header area */
div#header {
	width: 100%;
	background: url("../../images/bg_top.gif") left top repeat-x;
	}
* html div#header { /* for IE */
	margin-left: 1px;
	background: url("../../images/bg_top_alt.gif") center top no-repeat;
	}
div#header .logo {
	padding: 17px 0 2px;
	}
div#header .headimg {
	padding-top: 5px;
	}
* html div#header .headimg { /* for IE */
	margin-left: -1px;
	}
/* top nav */
div#topnav {
	margin: 0 auto;
	width: 730px; 
	position: relative;
	z-index: 100;
	border-top: 1px solid #ccc;
	}
* html div#topnav { /* for IE */
	margin-left: 16px;
	}
div#topnav ul {/* remove all bullets, borders and padding from default list styling */
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
div#topnav li {/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	float: left;
	position: relative;
	}
div#topnav ul li {/* weird IE rollover jump fix */
	margin-top: 5px;
	}
div#topnav ul ul li {/* weird IE rollover jump fix */
	margin-top: 0;
	}
div#topnav ul ul a, div#topnav ul ul a:visited {/* style links for the top level */
	display: block;
	}
div#topnav ul ul a {
	text-align: left;
	}
div#topnav ul ul {/* hide sub-levels and give them a positon absolute so that they take up no room */
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 34px;
	left: 0; 
	width: 213px;
	}
* html div#topnav ul ul {/* hack for IE5.5 */
	top: 33px;
	t\op: 34px;
	}
div#topnav table {/* style the table so it has no part in the layout - required for IE to work */
	position: absolute;
	top: 0;
	left: 0;
	}
div#topnav ul ul a, div#topnav ul ul a:visited {/* second level links */
	background: #8a1e04; 
	color: #fff; 
	height: auto; 
	line-height: 1em; 
	padding: 5px; 
	width: 203px;
	border-top: 1px solid #a48282;
	}
* html div#topnav ul ul a {/* hack for IE5.5 */
	width: 204px;
	w\idth: 203px;
	}
div#topnav a:hover {/* style top level hover */
	background: none;
	}
div#topnav :hover > a {
	background: none;
	}
div#topnav ul ul a:hover {/* style sub-level hover */
	color: #fff; 
	background: #480505;
	}
div#topnav ul ul :hover > a {
	color: #fff;
	background: #480505;
	}
div#topnav ul :hover ul {/* make second level visible when hover on first level list OR link */
	visibility: visible; 
	}
div#topnav ul li#lastbtn ul {
	left: -101px;
	}

/* content area */
div#content {
	width: 526px;
	float: left;
	text-align: left;
	/*background-color: #0099CC;*/
	}
div#content h1, div#content h2, div#content h3, div#content dl {
	margin-top: 0;
	padding-right: 17px;
	}	
div#content p {
	padding-right: 17px;
	}
div#content h1 {
	margin-bottom: 10px;
	color: #480505;
	}
div#content h2 {
	margin-bottom: 10px;
	color: #666;
	font-size: 92%;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	}
div#content h3 {
	margin-bottom: 10px;
	color: #666;
	}
div#content ul {
	list-style: none;
	margin-left: 0;
	margin-bottom: 10px;
	margin-top: 0;
	padding-right: 17px;
	padding-left: 0;
	text-indent: 0;
	}
div#content ul li {
	margin-left: 5px;
	padding-left: 14px;
	background: url("../../images/listimg.gif") left center no-repeat;
	}
div#content ul.bulletTop li {
	background: url("../../images/listimg.gif") left 5px no-repeat;
	}
/* links */
div#content a, div#content a:visited {
	color: #480505;
	font-weight: bold;
	}
div#content a:hover, div#content a:active {
	color: #8a1e04;
	text-decoration: underline;
	}
/* news & events data tables */
div#content table {
	margin-bottom: 20px;
	padding-right: 17px;
	width: 100%;
	}
div#content table caption {
	margin-bottom: 20px;
	text-align: left;
	vertical-align: top;
	}
div#content table th, div#content table td  {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	}
div#content table th {
	color: #666;
	font-size: 92%;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 3px solid #ccc;
	}
div#content table td a {
	font-weight: bold;
	}
div#content table tr.alt {
	background-color: #e6dfd3;
	}
/* attorneys list table */
div#content table.peeps td em {	
	font-size: 75%;
	}
/* bio pages */
div#content #bio p {
	float: right;
	width: 314px;
	}
/* forms */
form#theform {
	margin: 0;
	padding: 0;
	text-align: left;
	overflow: visible;
	}
form#theform ul {
	margin: 0 0 20px;
	list-style: none;
	}
form#theform ul li {
	margin: 0;
	padding: 0 6px 0 0;
	display: inline;
	background-image: none;
	font-size: 92%;
	font-weight: bold;
	}
form#theform ul li.last {
	padding-right: 0;
	}
form#theform fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}
form#theform fieldset legend {
	margin: 0 0 10px -8px;
	padding: 0;
	color: #666;
	font-size: 92%;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	}
form#theform table {
	width: 100%;
	}
form#theform fieldset h3 {
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
	border-bottom: 1px solid #ccc;
	font-size: 117%;
	}
form#theform table td {
	margin: 0;
	padding: 5px 0 5px;
	vertical-align: bottom;
	}
form#theform table .mess {
	vertical-align: top;
	}
form#theform table td.col {
	width: 100px;
	}
form#theform table input.txt, form#theform table select, form#theform table textarea {
	margin: 0;
	padding: 2px;
	background-color: #f7efe2;
	border: 1px solid #666;
	font: 92% Arial, Helvetica, sans-serif;
	color: #333;
	z-index: 90;
	}
form#theform table textarea {
	margin-top: 6px;
	}
form#theform .submit {
	margin: 0 0 10px;
	font-weight: bold;
	}
/* search results */
div#content table.results td {	
	font-size: 92%;
	line-height: 1.1em;
	}

/* sidebar area */
div#sidebar {
	width: 204px;
	float: right;
	text-align: left;
	/*background-color: #FF3300;*/
	}
div#sidebar p, div#sidebar h1, div#sidebar h2, div#sidebar h3, div#sidebar dl {
	padding-left: 5px;
	}
div#sidebar h1 {
	margin: 0;
	padding-top: 15px;
	padding-bottom: 5px;
	display: block;
	background: #b87661;
	font-size: 117%;
	color: #fff;
	}
div#sidebar dl {
	margin: 0;
	padding-top: 10px;
	font-weight: bold;
	color: #480505;
	}
div#sidebar dl dd {
	margin: 0;
	padding-bottom: 10px;
	line-height: 1.1em;
	}
div#sidebar dl dd a, div#sidebar dl dd a:visited {
	color: #480505;
	text-decoration: none;
	}
div#sidebar dl dd a:hover, div#sidebar dl dd a:active {
	text-decoration: underline;
	}
div#sidebar img.bio {
	margin-bottom: 10px;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	}
div#sidebar h4 {
	margin: 0;
	padding-left: 5px;
	padding-right: 17px;
	color: #480505;
	}
div#sidebar p {
	margin: 0;
	padding-right: 17px;
	color: #666;
	}
div#sidebar p em {
	font-size: 92%;
	}
div#sidebar ul {
	margin: 0;
	padding: 10px 0 0 5px;
	list-style: none;
	text-indent: 0;
	font-weight: bold;
	}
div#sidebar ul li {
	margin-left: 0;
	padding-bottom: 10px;
	line-height: 1.1em;
	}
div#sidebar ul li a, div#sidebar ul li a:visited {
	color: #480505;
	text-decoration: none;
	}
div#sidebar ul li a:hover, div#sidebar ul li a:active {
	text-decoration: underline;
	}
div#sidebar dl.contact dt {
	color: #666;
	font-size: 92%;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	}
div#sidebar dl.contact dd {
	padding-top: 5px;
	}
div#sidebar dl.contact dd.first {
	padding-bottom: 0;
	}
	
/* extra area */
div#extra {
	margin: 20px auto;
	padding: 10px 0;
	width: 730px;
	clear: both;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
	}
div#extra td {
	vertical-align: middle;
	}
div#extra a.print, div#extra a:visited.print, div#extra a.email, div#extra a:visited.email {
	padding: 3px 10px 3px 22px;
	background-color: #eee3e0;
	border: 1px solid #d7b9af;
	color: #480505;
	font: bold 67% Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
div#extra a.back, div#extra a:visited.back {
	padding: 3px 10px 3px 12px;
	background-color: #f7efe2;
	border: 1px solid #d7b9af;
	color: #480505;
	font: bold 67% Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
div#extra a.:hover.back, div#extra a.:active.back, div#extra a:hover.print, div#extra a:active.print, div#extra a:hover.email, div#extra a:active.email {
	color: #8a1e04;
	}
div#extra a.print, div#extra a:visited.print {
	background: url("../../images/printicon.gif") 10px center no-repeat;
	}
div#extra a.email, div#extra a:visited.email {
	background: url("../../images/emailicon.gif") 10px center no-repeat;
	}
div#extra img {
	padding: 0 10px;
	}
	
/* footer area */
div#footer {
	margin: 0 auto;
	width: 730px;
	color: #999;
	font-size: 83%;
	}
div#footer a, div#footer a:visited {
	color: #999;
	}
div#footer a:hover, div#footer a:active {
	text-decoration: underline;
	}
div#footer ul, div#footer ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
div#footer ul {
	text-align: center;
	}
div#footer ul li {
	margin-right: 20px;
	border-right: 1px solid #999;
	display: inline;
	}
div#footer ul li a {
	padding-right: 20px;
	}
div#footer ul li.last, div#footer ul li.last a {
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
	}
div#footer p {
	margin: 0;
	padding: 5px 10px;
	display: block;
	clear: both;
	}