/*
Black:			#333333
Green:			#4C875E
Red:			#9B1C37
Deep Red:		#621313 originally was left/right side text
Gold:			#DADBBC
Grey left column:	#B2B3B5
Grey right column:	#E9E9E9
Dark Grey nav links:	#383530

*/
html, body {
	margin: 0;
	padding: 0;
	background-color: #333333;    
}
h2, h3 {
	margin-top: 0;
}
p, table {
	font: .8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0;
}

#wrapper {
	min-width: 670px;
	width: 670px;
}
#outer3col {
	border-left: 150px solid #B2B3B5;  /* left column background */
	border-right: 150px solid #E9E9E9; /* right column background */
	background-color: #FFFFFF;         /* center column background */
}
#outer2col {
	border-left: 150px solid #B2B3B5;  /* left column background */
	background-color: #FFFFFF;         /* center column background */
}
#inner {
	margin: 0;
	width: 100%; 
        border-left: 1px solid #333333;
}
#header {
	background-color: #333333;    
	color: #FFFFFF;
	height: 100px;
	width: 100%;
	margin: 0px;
}
#header .logo {
	margin: 23px 0px 0px 15px;
	border: 0;
}

#navsep{
	font: 0px Verdana, Arial, Helvetica, sans-serif; /* Hack: Firefox was showing a space between the logo and nav, IE wasn't. Not sure what the problem was bit this solved it */
	margin: 0;
	padding: 0;
	height: 28px;
	width: 100%;
	background-color: #DADBBC;
	border-bottom: 1px solid #333333;
}
#navigation{
	width: 740px;
}
/* image navigation links */
#navigation ul { list-style: none; margin-left: 22px; padding: 0; text-align: left; }
#navigation li { display: inline;}

#navigation a { margin: 0px 14px 0px 14px;}

#navigation a.firm { float: left; height: 28px; width: 76px; background: url(../i/menu_firm_off.gif) no-repeat; }
#navigation .firmon { margin: 0px 14px 0px 14px; float: left; height: 28px; width: 76px; background: url(../i/menu_firm_on.gif) no-repeat; }

#navigation a.practice { float: left;  height: 28px; width: 104px; background: url(../i/menu_practice_off.gif) no-repeat; }
#navigation .practiceon { margin: 0px 14px 0px 14px; float: left;  height: 28px; width: 104px; background: url(../i/menu_practice_on.gif) no-repeat; }

#navigation a.attorney { float: left;  height: 28px; width: 114px; background: url(../i/menu_attorneys_off.gif) no-repeat; }
#navigation .attorneyon { margin: 0px 14px 0px 14px; float: left;  height: 28px; width: 114px; background: url(../i/menu_attorneys_on.gif) no-repeat; }

#navigation a.news { float: left;  height: 28px; width: 149px; background: url(../i/menu_news_off.gif) no-repeat; }
#navigation .newson {margin: 0px 14px 0px 14px; float: left;  height: 28px; width: 149px; background: url(../i/menu_news_on.gif) no-repeat; }

#navigation a.contact { float: left;  height: 28px; width: 78px; background: url(../i/menu_contact_off.gif) no-repeat; }
#navigation .contacton { margin: 0px 14px 0px 14px; float: left;  height: 28px; width: 78px; background: url(../i/menu_contact_on.gif) no-repeat; }

#navigation a.firm:hover       { background: url(../i/menu_firm_on.gif) no-repeat; }
#navigation a.practice:hover   { background: url(../i/menu_practice_on.gif) no-repeat; }
#navigation a.attorney:hover  { background: url(../i/menu_attorneys_on.gif) no-repeat; }
#navigation a.news:hover       { background: url(../i/menu_news_on.gif) no-repeat; }
#navigation a.contact:hover    { background: url(../i/menu_contact_on.gif) no-repeat; }

#redsep {
	/* IE seems to use the font tags height rather than the height tag
	   to determine the height of the band */
	font: 8px Verdana, Geneva, Arial, Helvetica, sans-serif;
        margin: 0;
	padding: 0;
        height: 10px;
	width: 671px;
        background-color: #9B1C37;
	border-bottom: 1px solid #333333;
}

#side1 {
	position: relative;
	width: 150px;                      /* left column width */
	margin-left: -150px;               /* negative left column width */
	margin-right: 1px;
	margin-top: 8px;
	float: left;
	z-index: 10;
}
#side1 h3, #side2 h3 {
	width: 140px;
	font: .70em Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4C875E;
	background-color: transparent;
	margin-top: 15px;
	margin-bottom: -15px;
	padding-bottom: 4px;
	padding-left: 8px;
}
#side2 ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}
#side1 ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;

}
#side1 div {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	margin-top: 24px;
	margin-bottom: 0;
	padding-left: 5px;
	padding-right: 5px;
}
	
#side1 li {
	/*font: .7em Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	text-indent: -15px; /* IE5.5 move first line back */
	\text-indent: 0px; /* NS7.2 IE6 */
	
}
#side2 li {
	/*font: .7em Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-bottom: 4px;
	padding-left: 8px;
}
#side1 li.green, #side2 li.green {
	color: #4C875E;
	/*margin-bottom: -2px; bio office address, s/b -4 for IE and 0 for NS*/
	margin-bottom: -4px; 
}
#side1 a:link, #side1 a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #901602;
	background-color: transparent;
}
#side2 a:link, #side2 a:visited {
	text-decoration: none;
	color: #901602;
	background-color: transparent;
}
#side1 a:hover, #side2 a:hover {
	color: #333333;
}

#side2 {
	position: relative;
	width: 150px;                      /* right column width */
	margin-right: -150px;              /* negative right column width */
	margin-left: 1px;
	margin-top: 8px;
	float: left;
	z-index: 11;
}
#side2 p {
	padding-left: 10px;
}

#content2col {
	position: relative;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 520px;
	z-index: 12;
	margin: 0 -3px 0 -2px;
        border-left: 1px solid #333333;
}
#content3col {
	position: relative;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 370px;
	z-index: 12;
	margin: 0 -2px 0 -2px;
        border-left: 1px solid #333333;
}
#content2col h1, h2, #content3col h1, h2 {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4C875E;
	margin-left: 8px;
	padding-top: 20px;
}
#content2col h3, #content3col h3 {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4C875E;
	margin: 20px 8px 5px 8px;
}
#content3col h5 {
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4C875E;
	margin: 20px 8px 5px 8px;
}
#content2col p, #content3col p {
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 8px 10px 8px;
	line-height: 1.5;
}

#content3col li, #content2col li {
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 8px 5px 8px;
	line-height: 1.5;
}

#content2col p.bold, #content3col p.bold {
	font-weight: bold;
	padding-top: 10px;
}
#content2col a:link, #content2col a:visited, #content3col a:link, #content3col a:visited {
	font-weight: bold;
	text-decoration: none;
        color: #9B1C37;
	background-color: transparent;
}
#content2col a:hover, #content3col a:hover {
	color: #333333;
}
#content3col .returnto_link {
	font-size: .7em;
	margin: 10px 8px 5px 8px;
}

/* lists in content3 */
.splitlines ul {
	margin: 0px 0px 0px 24px; /* left justify for IE */
	padding: 0px 0px 0px 0px; /* left justify for NS */
}
.splitlines li {
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

/* green content boxes - practice, attorney */
.greencontent {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #4C875E;
	margin: 15px 8px 0px 8px;
	padding: 8px 4px 0px 2px;
	line-height: 1.5;
}
.greencontent ul {
	/*font: .7em Verdana, Arial, Helvetica, sans-serif;*/
	color: #4C875E;
	background-color: #DADBBC;
	line-height: 1.3;
	margin: 10px -4px 20px -2px;
	padding: 5px 18px 12px 18px;
}
.greencontent li {
	margin: 0px 0px 0px -2px;
	padding: 8px 0px 0px 0px;
}
.greencontent h4 {
	font: .80em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px 4px 5px 8px;
}
/* End - green content boxes - practice, attorney */
body > #footersep {
	height: 22px;
	padding-bottom: 10px;
}
#homefooter {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #4C875E;
	width: 99.9%;	/* setting this to 100 causes the nav link background to be short */
	height: 22px;
	z-index: 13;
	border-top: 1px solid #333333;
	margin: 0 -5px 0 -5px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#footersep {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #4C875E;
	width: 99.9%;
	height: 22px;
	z-index: 13;
	border-top: 1px solid #333333;
	margin: 0 -5px 0 -5px;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#footer {
	width: 670px;
}
#footer p , #homefooter p{
	font-size: 10px;
}
#footer .form {
	margin-left: 5px;
}
#footer .search {
	font-weight: bold;
	margin-left: 38px;
}
#footer a:link, a:visited, #homefooter a:link, a:visited {
	padding: 0;
	margin: 0;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	background-color: transparent;
}
#footer a:hover , #homefooter a:hover{
	color: #333333;
}
#footer .fs, #homefooter .fs {
	text-decoration: none;
        color: #DADBBC;
	padding-left: 15px;
	padding-right: 15px;
}
#footer .fs a:link, #footer .fs a:visited, #homefooter .fs a:link, #homefooter .fs a:visited {
	text-decoration: underline;
        color: #DADBBC;
	background-color: transparent;
}
#footer .fs a:hover, #homefooter .fs a:hover {
	color: #FFFFFF;
}

#blackbottomspace{
        margin: 0;
        height: 20px;
        background-color: #333333;
}
#bottomspace{
        margin: 0;
        height: 10px;
	background-color: transparent;
}

.clear {
	clear: both;
}
/* set minimum height of body */

.padb10px {
	padding-bottom: 10px;
}
.padb15px {
	padding-bottom: 15px;
}
.padb20px {
	padding-bottom: 20px;
}
.padt5px {
	padding-top: 5px;
}
.padt10px {
	padding-top: 10px;
}
.padt15px {
	padding-top: 15px;
}
.padt20px {
	padding-top: 20px;
}

/* News list */
.news {
	font: .7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 6px;
	line-height: 1.5;
}
/* End News list */
/* used for the news date and contact page*/
.greentext {
	font-weight: bold;
	color: #4C875E;
}

/* Attorney list by title */
.attytable {
	font: .7em Verdana, Geneva, Arial, Helvetica, sans-serif;
        /*border: 1px solid #D6DDE6;*/
        border-collapse: collapse;
	margin: 24px 8px 12px 8px;
	line-height: 1.5; /* adds vertical space between atty and asst lines*/
}
.attytable td {
        padding: 8px 12px 8px 8px;
}
.attytable td.therest {
        padding: 8px 50px 8px 0px;
}
.attytable th {
	color: #FFFFFF;
        background-color: #4C875E;
        font-weight: bold;
        text-align: left;
        padding: 12px 4px 12px 8px;
}
.attytable tr {
        background-color: #EDEDDE;
        color: #000000;
}
.attytable tr.altrow {
        background-color: #DADABD;
        color: #000000;
}
.attytable th.vspace {
        background-color: #FFFFFF;
        padding-top: 8px;
}
/* End - Attorney list by title */

.submit {
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9B1C37;
	border: 0;
}

.searchfoundtext { font-weight: bold; }
.searchheader { background-color: #DEDEDE; font-weight: bold; }

/* Mozilla bug workarounds */
#outer3col > #inner { 
	border-bottom: 10px solid transparent; 
}
#outer2col > #inner { 
	border-bottom: 10px solid transparent; 
}
/* navigation fix current page and hover background positioning */
body > #navigation .currentpage {
	padding: 8px 5px 8px 5px; 
	margin-right: 15px; 
	margin-left: 15px;
	color: #FFFFFF;
	background-color: #4C875E;
}

/* side2 green text below bio different vertical spacing rendered fix */
#inner > #side2 li.green {
        margin-bottom: 1px;
}

/* side2 additional spacing between items fix */
#inner > #side2 li {
	margin-bottom: 8px;
}
body > #redsep {
	width: 670px;
}

/* Login Form */
#content2col .error {
        color: #9b1c37;
        font-size:12px;
        font-weight: bold;
        margin-left: 8px;
}

#content2col label {
	color:#6E6B5A;
	display:block;
	float:left;
	font-weight:bold;
	margin:2px 10px 3px 0;
	padding:0 10px 0 0;
	position:relative;
	text-align:right;
	width:100px;
}

#content2col .login_form input {
	width:170px;
}

#content2col .login_form input {
	background:#efefef none repeat scroll 0 0;
	border-color:#D9D9D1;
	border-style:groove;
	border-width:2px 0 0 2px;
	color:#6E6B5A;
	font-size:11px;
	margin-left:0;
	padding:2px 3px;
}

#side1 input.submitButton, 
#content2col input.submitButton {
        font: .9em Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #9B1C37;
        border: 0;
	width:auto;
	cursor: pointer;
}
#side1 form {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #cfcfcf;
	border-top: 1px solid #bfbfbf;
}

