/* ---- Last updated: 2007-03-11 by Todd ---- */

/* 
Layout specs:
------------------
Page: 760
Side bar: 208
Bar margin: 24
Outer margin: 24
Content: 504
Number of divs: 6
Inner margins: 18
Smallest div: 69

Box 1: 69
Box 2: 156
Box 3: 243
Box 4: 330
Box 5: 417
Box 6: 504

Swatch colours:
---------------------
Page bg: #333;
Nav bar: #600;
Brown: #963;
Footer: #444;
Image border: #bebebe;
Separator dots: #d4d4d4;
Sidebar nav title bg: #eee;
Sidebar nav items: #f7f7f7;
Sidebar nav on: #cbba86;

*/

html, body {
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size:  1em; 
}

body {
	background-color: #333;
}

/*--------- Universal rules ---------*/

.box1, .box2, .box3, .box4, .box5, .box6 {
	/* border: 1px solid gray; */
}

.box1 {
	width: 69px;
}

.box2 {
	width: 156px;
}

.box3 {
	width: 243px;
}

.box4 {
	width: 330px;
}

.box5 {
	width: 417px;
}

.box6 {
	width: 504px;
}

.posL {
	float: left;
}

.posLm {
	float: left;
	margin: 0 18px 0 0;
}

.posC {
	margin: 0 auto;
}

.posR {
	float: right;
}

.posRm {
	float: right;
	margin: 0 0 0 18px ;
}

img.posL {
	margin: 0 18px 0 0;
}

img.posR {
	margin: 0 0 0 18px ;
}

.innerL {
	text-align: left;
}

.innerC {
	text-align: center;
}

.innerR {
	text-align: right;
}

.clear {clear: both;}

a img {
	border: 0px none;
}
/*--------- Page ---------*/

div#pageWrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-image: url('../../graphics/bg/pagewrap_bg.gif');
	background-repeat: repeat-y;
	background-position-y:center
}

div#page {
	position: relative;
	width: 760px;
	margin: 0 auto;
	padding: 0;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	background-color: #fff;
}

/*--------- Banner ---------*/
div#banner {
	position: relative;
	height: 94px;
	margin: 0;
	padding: 10px 15px;
	background-color: #fff;
}

#banner img.bannerLogo {
	float: left;
	margin: 0;
	padding: 0;
	border: 0px none;
}

#banner img.bannerTitle {
	float: left;
	padding: 0;
	border: 0px none;; margin-left:15px; margin-right:0; margin-top:23px; margin-bottom:24px
}

#banner h1 {
	position: absolute;
	top: 0;
	color: #fff;
	left: -10000px;
	font-size: 1px;
}

div.usefulBtns {
	position: absolute;
	bottom: 10px;
	right: 15px;
	margin: 0;
	padding: 0;
}

div.usefulBtns img {
	padding: 0;
	border: 0px none;; margin-left:6px; margin-right:0; margin-top:0; margin-bottom:0
}

/*--------- Main nav ---------*/
ul#mainNav  {
	position: relative;
	width: 760px; 
	height: 22px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size:  .7em;
	font-weight: bold;
	color: #fff;
	border-top: 1px solid #421500;
	background-color: #600;
}

#mainNav li {
	display: inline;
	margin: 0;
	padding: 5px 13px;
}

#mainNav li a {
	margin: 0; 
	padding: 0;
	color: #fff;
	text-decoration: none;
	background-color: transparent;
}

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

#mainNav li a.mainNavOn {
	color: #fff;
	text-decoration: underline;
}


/*--------- Banner ---------*/
div#banner2 {
	position: relative;
	overflow: hidden;
	height: 140px;
	margin: 0;
	padding: 0;
	background-color: #963;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#banner2 img {
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #fff;
}

#banner2 address {
	float: right;
	width: 175px;
	margin: 0;
	padding: 15px 10px 15px 0;
	text-align: left;
	line-height: 1.2em;
	color: #fff;
	font-style: normal;
	font-size: .7em;
}

#banner2 address strong {
	font-style: normal;
	line-height: 1.5em;
}

div.banner2_btm {
	overflow: hidden;
	height: 15px;
	margin: 0;
	padding: 0;
	background-image: url('../graphics/bg/banner2_btm_bg.gif');
	background-repeat: repeat-x;
	background-position:  left top;
}

/*--------- Content Wrapper ---------*/
div#contentWrap {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: .7em;
	background-color: #fff;
}

div#contentWrap1 {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: .7em;
	background-color: #fff;
	background-image: url('../graphics/bg/content_bg1.gif');
	background-repeat: repeat-y;
	background-position:  left top;
}

div#contentWrap2 {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: .7em;
	background-color: #fff;
	background-image: url('../graphics/bg/content_bg2.gif');
	background-repeat: repeat-y;
	background-position:  left top;
}

/*--------- Nav Side Bar ---------*/

div#navSideBar {
	float: left;
	width: 208px;
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #000;
	text-align: center;
	border-top: 1px solid #fff;
}

#navSideBar h3 {
	margin: 0;
	padding: 10px 6px 0 6px;
	text-align: left;
	font-size: 1em;
	line-height: 40px;
	border-bottom: 1px solid #c0c0c0;
}

#navSideBar ul {
	margin: 0 0 36px 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	border-bottom: 1px solid #eee;
}

#navSideBar ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#navSideBar ul li a {
	display: block;
	margin: 0;
	padding: 6px 6px;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #c0c0c0;
	background-color: #f7f7f7;
}

#navSideBar ul li a:link, #navSideBar ul li a:visited, #navSideBar ul li a.navOn:link, #navSideBar ul li a.navOn:visited {
	color: #000;
}

#navSideBar ul li a:hover, #navSideBar ul li a:active, #navSideBar ul li a.navOn:hover, #navSideBar ul li a.navOn:active {
	color: #000;
	background-color: #eee;
}

#navSideBar ul li a.navOn, #navSideBar ul li a:visited.navOn, #navSideBar ul li a:hover.navOn, #navSideBar ul li a:active.navOn {
	background-color: #cbba86;
	color: #000;
}


/*--------- Law Side Bar ---------*/

div#lawSideBar {
	float: left;
	width: 208px;
	margin: 0;
	padding: 0;
	font-size: .9em;
	color: #000;
	text-align: center;
	border-top: 1px solid #fff;
}

#lawSideBar div.bioImage {
	width: 157px;
	margin: 24px 30px 16px auto;
	padding: 0;
	border: 1px solid #bebebe;
}

#lawSideBar div.bioImage img {
	border: 3px solid #fff;
}

#lawSideBar div.bioInfo {
	width: 177px;
	margin: 16px auto;
	text-align: left;
}

#lawSideBar .icon {
	margin: 3px 4px 0 0;
	padding: 0;
	vertical-align: middle;
}

#lawSideBar h4 {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1.1em;
}

#lawSideBar div.bioInfo p {
	margin: .3em;
	padding: 0;
}

#lawSideBar ul {
	margin: .3em 0 0 .9em;;
	padding: 0 0 0 .9em;
	text-align: left;
	list-style-type: square;
}

#lawSideBar ul li {
	margin: 0;
	padding: 0;
}

#lawSideBar a {
	color: #963;
	text-decoration: none;
}

#lawSideBar a:hover, #lawSideBar a:active {
	color: #c96;
	text-decoration: underline;
}

/*--------- Footer ---------*/

div.footerLine {
	clear: both;
	margin: 1px 0 1px 0;
	padding: 0;
	border-bottom: 2px solid #846a50;
} 

div#footer {
	clear: both;
	margin: 0;
	padding: 9px 12px;
	text-align: left;
	font-size: .6em;
	color: #fff;
	background-color: #444;
}

div#footer p {
	margin: 0;
	padding: 0;
}

#footer a {
	color:  #fff;
	text-decoration: none; 
}

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


/*--------- TAF ---------*/

#taf a.home {
border: 1px solid #ffffff;
text-decoration: none;
}

#taf a.home:active {
border: 1px solid #ffffff;
text-decoration: none;
}

#taf a.home:hover {
border: 1px solid #ffffff;
text-decoration: none;
}

#taf a.home:visited {
border: 1px solid #ffffff;
text-decoration: none;
}

#taf input {
background-color: #ffffff;
border: 1px solid #c0c0c0;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0px 0px 0px 10px;
padding: .2em 0 .2em .3em;
width: 165px;
}

#taf textarea {
background-color: #ffffff;
border: 1px solid #c0c0c0;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0px 0px 0px 10px;
padding: .2em 0 .2em .3em;
width: 165px;
}

#taf input.error, #taf textarea.error {
color: #000000;
background-color: #ffffcc;
}

#taf td.reset {
text-align: left;
}

#taf input.reset {
margin: 12px 4px;
background-color: #ffffff;
border: 1px solid #963;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
text-align: center;
width: 110px;
}

#taf td.send {
text-align: right;
}

#taf input.send {
margin: 12px 4px;
background-color: #963;
border: 1px solid #630;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
text-align: center;
width: 110px;
}


#taf table {
border-collapse: collapse;
margin: 0;
padding: 0;
}

#taf td {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
margin: 0;
padding: 0;
text-decoration: none;
}

#taf td.formtext {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
padding: 0px 0px 12px 0px;
text-align: right;
text-decoration: none;
}

#taf td.messagetext {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
padding: 0 0 12px 0;
text-align: center;
text-decoration: none;
}

#taf td.formtext2 {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
text-align: center;
padding: 0 0 12px 0;
text-decoration: none;
}

#taf td.formtext3 {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 0 0 12px 0;
text-align: right;
text-decoration: none;
}

#taf tr {
vertical-align: top;
}

#taf .error {
color: #f00;
}
		
		
/*--------- Content ---------*/

div#contentFull {
	min-height: 400px;
	margin: 0;
	padding: 24px;
	color: #000;
	font-size: 1em;
	text-align: left;
	line-height: 1.3em;
}

div#content {
	float: right;
	width: 504px;
	min-height: 400px;
	margin: 0;
	padding: 24px 24px 24px 0;
	color: #000;
	font-size: 1em;
	text-align: left;
	line-height: 1.3em;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #contentFull h1, #contentFull h2, #contentFull h3, #contentFull h4, #contentFull h5 {
	font-family: Arial, Helvetica, sans-serif;
}

#content h1, #contentFull h1 {
	margin: 0 0 .6em 0;
	padding: 0;
	font-size: 1.4em;
}

#content h2, #contentFull h2 {
	margin: 0 0 .6em 0;
	padding: 0;
	font-size: 1.5em;
}

#content h3, #contentFull h3 {
	margin: 1.2em 0 .6em 0;
	padding: 0;
	font-size: 1.2em;
}

#content h4, #contentFull h4 {
	margin: 1.2em 0 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

#content h5, #contentFull h5 {
	margin: 1.2em 0 0 0;
	padding: 0;
	font-size: .9em;
}

#content p, #contentFull p {
	margin: 0 0 1em 0;
	padding: 0;
}

#content table, #contentFull table {
	font-size: 1em;
}

#content .box1, #content .box2, #content .box3, #content .box4, #content .box5, #contentFull .box1, #contentFull .box2, #contentFull .box3, #contentFull .box4, #contentFull .box5 {
	margin: 9px 0 9px 0;
}

#content .box1 p, #content .box2 p, #content .box3 p, #content .box4 p, #content .box5 p, #contentFull .box1 p, #contentFull .box2 p, #contentFull .box3 p, #contentFull .box4 p, #contentFull .box5 p {
	margin: 0 0 .5em 0;
	padding: 0;
	line-height: 1.4em;
}

#content .callout, #contentFull .callout {
	padding: .5em 0;
	text-align: center;
}

#content ul, #contentFull ul {
	margin:  .5em 0 1em 0;
	padding: 0 0 0 2em;
	list-style-type: disc;
}

#content ol, #contentFull ol {
	margin:  .5em 0 1em 0;
	padding: 0 0 0 2em;
	list-style-type: decimal;
}

#content img.contentImg, #contentFull img.contentImg {
	border: 1px solid #000;
}

#content a, #contentFull a {
	color: #963;
	font-weight: normal;
	text-decoration: underline;
}

#content a:visited, #contentFull a:visited {
	color: #963
}

#content a:hover, #content a:active, #contentFull a:hover, #contentFull a:active {
	color: #c96;
}

#content span.underline, #contentFull span.underline {
	text-decoration: underline;
}

#content div.qualifications p, #contentFull div.qualifications p {
	margin: .5em 0 .5em 2.5em;
	padding: 0;
}

#content td p {
	margin: .5em 0;
}

/* Directory */ 

#content table.contactInfo, #contentFull table.contactInfo {
	margin: 0 0 3em 0;
	border-collapse: collapse;
}

#content table.contactInfo th, #contentFull table.contactInfo th {
	padding: .2em .3em;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 1em;
	border: 1px solid #fff;
	background-color: #963;
}

#content table.contactInfo th p, #contentFull table.contactInfo th p {
	margin: 0;
	padding: 0;
}

#content table.contactInfo td, #contentFull table.contactInfo td {
	padding: .2em .3em;
	vertical-align: top;
	font-size: .9em;
	color: #000;
	text-align: left;
}

#content table.contactInfo td p, #contentFull table.contactInfo td p {
	margin: 0;
	padding: 0;
}

#content address, #contentFull address {
	margin: 1em 5em;
	font-style: normal;
}


#content a img.thumbnail, #contentFull a img.thumbnail {
	border: 3px solid #fff;
}

#content a:hover img.thumbnail, #content a:active img.thumbnail, #contentFull a:hover img.thumbnail, #contentFull a:active img.thumbnail {
	border: 3px solid #963;
}


#content div.areaLawyers, #contentFull div.areaLawyers {
	margin: 2em 0;
	padding: 0;
	text-align: left;
}

#content div.areaLawyers h3, #contentFull div.areaLawyers h3 {
	margin: 0;
	padding: 0;
	text-align: left;
}

#content div.areaLawyers ul, #contentFull div.areaLawyers ul{
	text-align: left;
}

#contentFull table.lawyerList {
	font-size: 1em;
}

#contentFull table.lawyerList h4 {
	margin: .2em 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.3em;
}

#contentFull table.lawyerList h4 a {
	font-weight: bold;
	text-decoration: none;
}