/*
--------------------< Do Not Remove >------------------
NAME : gagliardi
CATEGORY : Oak Design
FIRM :  Clark, Gagliardi & Miller, P.C. 
DOMAIN : http://justia-cgmlaw-com.justia.net
GENERATOR: http://www.justia.net VERSION: 1.0
-------------------------------------------------
Copyright (C) 2004, Justia, inc. All rights reserved.
Duplication in Full or Part outside of
Justia Products is Prohibited.
--------------------< Do Not Remove >-------------------
                    ~~~~~~~~~~~~~~~~~
*/
body, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;	
}
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;	
	font-size: 80%;
	background: #3f4e59;
}
a {
	color: #9d5f2c;
}
a:hover {
	color: #e18233;
}
a:active {
	color: #000;
}
.clr {
	clear: both;
	font-size: 1px;
	height: 1px;
	overflow: hidden;
}
#container {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 818px;
}
#header {
	padding: 0;
	position: relative;
	margin: 0;
	background: #4b677b url(../images/hbg.gif) repeat-x;
	width: 818px;
}
#header .wrapper {
	position: relative;
	width: 818px;
	padding: 0;
	margin: 0;
}
#header div div a { overflow: hidden;}
#header #head {
	margin: 0;
	overflow: hidden;
	padding: 0;
	height: 129px;
}
#mainlogo {
	display: none;
}
/* FOR ALL Including Opera! */
#logo {
	margin: 10px 0 0 5px;
	width: 412px;
	height: 186px;
	float: left;
	font-size: 10px;
	padding: 0;
}
#logo a,
#logo a:after {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 552px;
	height: 86px;
}
#logo a:after {
	position: absolute;
	left: 0;
	top:0;
}
#logo a:before, #logo a:after {
   content: url(../images/logo.png);
}
#tagline {
	float: right;
	width: 226px;
	height: 94px;
	margin: 10px 20px 10px 20px;
	padding: 0;
	font-size: 11px;
}
#tagline a, #tagline a:after {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 266px;
	height: 94px;
}
#tagline a:after {
	position: absolute;
	left: 0;
	top: 0;
}
#tagline a:before, #tagline a:after {
   content: url(../images/h2.png);
}

/* MSIE PC */
#logo a {
	background-image: expression(this.runtimeStyle.backgroundImage = "none", this.innerHTML = '<img src="images/logo.png" border="0" alt="' + this.innerHTML + '">');
}
#tagline a {
	background-image: expression(this.runtimeStyle.backgroundImage = "none", this.innerHTML = '<img src="images/h2.png" border="0" alt="' + this.innerHTML + '">');
}
/*For MSIE MAC\*//*/
#head a {height:0;}
#logo a {
	padding: 66px 0 0 0;
	background: url(../images/logo.gif) no-repeat;
}
#tagline a {
	padding: 52px 0 0 0;
	background: url(../images/h2.gif) no-repeat;
}
/**/


/* topnav */
#topnav {
	width: 818px;
	margin: 0;
	padding: 0px;
	float: left;
	background-color: #622508;
	background-image: url(../images/tnbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#topnav ul {
	display: block;
	list-style: none;
	margin: 0;
	float: left;
	padding: 0;
}
#topnav ul li {
	position: relative;
	color: #fff;
	font-size: 10px;
	display: inline;
	padding: 0;
	float: left;
}
#topnav ul li strong,
#topnav ul li a {
	text-transform: uppercase;
	display: block;
	float: left;
	color: #fff;
	padding: 0 15px;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	height: 40px;
	line-height: 40px;
}
#topnav ul li ul {
	position: absolute;
	display: none;
}
#topnav ul li:hover {
	position: relative;
	color: #fff;
	background: #839eb3;
}
#topnav ul li:hover > a {
	color: #fff;
}
* html #topnav ul li:hover a {
	color: #fff;
}
#topnav li a:hover {
	color: #fff;
}
#topnav ul li:hover ul {
	display: block;
	position: absolute;
	left: 0;
	top: 99%;
	width: 200px;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 2000;
	background: none;
	border-right: none;
	border-bottom: none;
}
#topnav ul li ul li,
#topnav ul li.more ul li {
	width: 200px;
	border-right: none;
}
#topnav ul li ul li strong,
#topnav ul li ul li a {
	background: #aa1111;
	padding: 4px 10px;
	width: 180px;
	border-bottom: 1px solid #9a4b21;
	border-right: none;
	font-variant: normal;
	font-weight: normal;
	font-size: 10px;
	color: #eeceb5;
	float: none;
	height: auto;
	line-height: normal;
}
#topnav ul li ul li:hover > a {
	background: #111;
}
#topnav ul li ul li a:hover {
	color: #fff;
	background: #632609;
}
#topnav ul li ul li a:active,
#topnav ul li.more ul li a:active {
	background: #000;
}
#topnav ul li ul li ul,
#topnav ul li:hover ul li ul {
	display: none;
}
#topnav ul li ul li:hover ul,
#topnav li.exp:hover ul,
#topnav ul li:hover ul li:hover ul {
	position: absolute;
	display: block;
	left: 99%;
	top: 0px;
	z-index: 300;
	background: none;
	border-right: none;
	border-left: 1px solid #aa1111;
	width: 200px;
}
#topnav ul li:hover ul li:hover ul li {
	width: 200px;
}
#topnav ul li:hover ul li:hover ul li a {
	letter-spacing: normal;
	width: 180px;
}

/* //topnav */
.imgwrap {
	width: 818px;
	height: 214px;
	float: left;
}

#img2 {
	background: url(../images/img.jpg) no-repeat left top;
	width: 818px;
	height: 214px;
}
.l2 .imgwrap {
	display: none;
}
#main {
	padding: 0;
	margin: -1px 0;
	background: #fff url(../images/cbg.gif) repeat-y;
	width: 818px;
}
* html div#main {
	heigh\t: 1px;
	/*\*//*/
	heigh\t: auto;
	/**/
}
.l2 #main {
	overflow: visible;
	background: url(../images/l2cbg.gif) repeat-y #fff;
	/*\*//*/
	margin: 0;
	/**/
}
.l2 #main .mwrap {
	 /* position: relative; */ 
}
#content {
	color: #333;
	margin: 0;
	float: left;
	display: inline;
	width: 430px;
	padding: 0;
}
#content .bodytext {
	width: 794px;
	padding: 0;
	line-height: 150%;
	font-size: 13px;
}
#content .bodytext .description {
	padding: 20px;
}
.l2 #content {
	padding: 0 0 20px 0;
	float: right;
	width: 585px;
}



.l2 #content .bodytext {
	width: auto;
	padding: 10px 15px 0px 12px;
	background: none;
	float: none;
}
.l2 #content .bodytext .description {
	background: none;
}
#content .bodytext .description h3 {
	color: #ad0000;
	padding: 10px 0;
	font-size: 18px;
	line-height: normal;
	margin: 0px;
}
#content .bodytext .description h4 {
	padding: 0px;
} 
#content .bodytext .description h4.hl {
	color: #0e82c3;
}
#content .bodytext .description p {
	padding: 5px 0px;
	margin: 0;
}
#content .bodytext ul {
	text-align: left;
}
#content .block {
	padding: 0;
}
.l2 #content .description,
.l2 #content .blockdescription {
	padding: 2px 0 20px 0;
}
.l2 #content .entryinfo .author,
.l2 #content .entryinfo .date {
	padding: 10px 0 15px 0;
}
.l2 #content .bodytext h3 {
	padding: 10px 0;
	color: #ad0000;
	font-size: 18px;
	font-weight: bold;
}
.l2 #content .bodytext h3 strong.position {
	display: block;
	font-size: 11px;
	color: #000;
}
.l2 #content .bodytext h4 {
	padding: 10px 0 5px 0px
}
.l2 #content .bodytext h4 a {
	color: #0e82c3;
}
.l2 #content .bodytext h4 a:hover {
	color: #B52D00;
}
.l2 #content .bodytext h4 a:active {
	color: #000;
}
.bodytext .location h4 a {
	font-size: 1.3em;
	color: #0e82c3 !important;
	padding-left: 20px;
	background: url(../images/arrow_black.gif) no-repeat left center;	
	text-decoration: none !important;
}
* html .bodytext .location h4 a {
	font-size: 1.0em;
}
.bodytext .location h4 a:hover { 
	text-decoration: underline !important;
	color: #0e82c3 !important;
}

.l2 #content .subpageslist ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.l2 #content .subpageslist ul ul {
	list-style: none;
	margin: 0 0 0 20px;
}
.l2 .cfrags .relatedlinks {
	padding: 10px 0;
}
.l2 .cfrags .relatedlinks h4 {
	color: #111;
	font-size: 14px;
	padding: 5px 0 5px 0;
}
.l2 .cfrags .relatedlinks ul li {
	padding-top: 2px;
	padding-bottom: 2px;
}
.l2 .cfrags .relatedlinks ul li a {
	text-decoration: none;
	color: #666;
}
.l2 .cfrags .relatedlinks ul li a:hover {
	text-decoration: underline;
	color: #A1201A;
}
#content .subpageslist ul li a {
	padding: 0 0 0 15px;
}
#content .subpageslist ul li a:hover {
	background: url(../images/arrow_black.gif) no-repeat left center;
}
.l2 #content ul.section {
	width: 180px;
	margin: 5px;
	padding: 5px;
	list-style: none;
	clear: none;
	float: left;
}
.l2 #content ul.section ul.pagelist {
	list-style: none;
}
#breadcrumbs {
	display: none;
}
.l2 #breadcrumbs {
	margin: 0;
	padding: 0;
	display: block;
	color: #666;
	font-size: 11px;
	border-bottom: 1px solid #B5ABA5;
}
.l2 #breadcrumbs a {
	color: #222;
	text-decoration: none;
	font-weight: normal;
}
.l2 #breadcrumbs .wrapper {
	padding: 1px 1px;
}
.l2 #breadcrumbs a:hover {
	color: #993531;
}
.attorney .position {
	color: #B51713;
	font-size: 1.0em;
	padding: 0 0 15px 0;
	display: block;
}
.l2 #content .block h4 {
	font-size: 1.2em;
	color: #B51713;
}
#content .block p {
	padding: 0;
	margin: 5px 0;
}
#content #coreinfo.blocks p {
	padding: 0;
	margin: 15px 0;
	text-align: left !important;
}
.attorney #coreinfo.blocks {
	padding: 0 0 40px 10px;
	margin: 10px 0;
	text-align: left !important;
}
#coreinfo.blocks .emllink,
#coreinfo.blocks .vclink,
#coreinfo.blocks .prnlink,
.prnlink {
	padding: 0;
}
/*
#coreinfo.blocks .emllink {
	background: url(../images/icon-email.gif) no-repeat left center;
}
#coreinfo.blocks .vclink {
	background: url(../images/icon-vcard.gif) no-repeat left center;
}
.prnlink,
#coreinfo.blocks .prnlink {
	background: url(../images/icon-print.gif) no-repeat left center !important;
	display: block;
}
*/
.relatedlinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.relatedlinks ul li a {
	padding: 0 0 0 15px;
	background: url(../images/arrow_black.gif) no-repeat 0 3px;
}
.l2 #content .peoplelist {
	display: block;
	padding: 15px 0;
	float: left;
	border-bottom: 1px solid #ccc;
	width: 510px;
}
.l2 #content .peoplelist div {
	display: block;
	padding: 0px ;
	float: left;
}
.l2 #content .peoplelist div.col1 {
	width: 225px;
}
.l2 #content .peoplelist div.col2 {
	width: 145px;
}
.l2 #content .peoplelist div.col3 {
	width: 115px;
}

.l2 #content .peoplelist div p {
	margin: 0;
	padding: 0;
}
* html .l2 #content .peoplelist {
	padding: 15px 0;
}
.l2 #content .peoplelist .name {
	font-size: 12px;
	color: #000;
	font-weight: bold;
	display: block;
}
.l2 #content .rss_items {
	list-style: none;
	margin: 0;
	padding: 0;
}
.l2 #content .rss_items li {
	margin: 3px 0;
}

.peoplelist .relatedlinks {
	width: 550px !important;
	padding: 15px 0 5px 0 !important;
	float: left;
}
.peoplelist .relatedlinks ul {
	display: inline;
	margin: 0;
	padding: 0;
	width: auto;
}
.peoplelist .relatedlinks ul li,
.peoplelist .relatedlinks ul li a {
	background: none;
	color: #666 !important;
	display: inline !important;
	text-decoration: none;
}

.peoplelist .relatedlinks ul li a:hover {
	color: #D31712 !important;
		text-decoration: underline;
}
.peoplelist .relatedlinks ul li {
	padding: 0 5px 0 0;
	margin: 0 5px 0 0;
	border-right: 1px solid #ccc;
}
.peoplelist .relatedlinks ul li:last-child,
.peoplelist .relatedlinks ul li:last-child a {
	border: none;
}
.peoplelist .relatedlinks ul li a:hover {
	color: inherit;
}
.location {
	float: left;
	width: 260px;
	height: 170px;
}
#locations #container .location .block {
	padding-left: 20px !important;
}
#container.location {
	float: none !important;
}

#fragments {
	margin: 0;
	padding: 0;
	float: right;
	width: 370px;
	position: relative;
	background: url(../images/sbbg.gif) repeat-x top left;
	background-image: url(../images/sbbg.gif);
}
.sidebar {
	float: left;
	width: 220px;
	margin: 0;
	padding: 0 0 5px 0;
}
.cfrags {
	width: auto;
	float: none;
	padding: 10px;
}
.fragment {
	color: #333;
	width: 818px;
	float: left;
}
.cfrags .fragment {
	width: auto;
	float: none;
}
#fragments .fragment {
	margin: 0;
}
.sidebar .fragment {
	color: #666;
}
.fragment h4 a,
.fragment h4 {
	font-size: 13px;
	margin: 0;
	color: #456379;
	text-transform: uppercase;
	text-decoration: none;
}
#fragments .fragment h4 {
	color: #456e8b;
	text-decoration: none;
	padding: 12px 8px 8px 10px;
	display: block;
	text-transform: uppercase;
}
#fragments .fragment h4 a {
	text-decoration: none;
}
.sidebar .fragment h4 {
	color: #456379;
	padding: 8px 8px 8px 10px;
}
.fragment ul {
	margin: 0;
}
.fragment .fragcontent,
.fragment .description {
	padding: 0 3px 0 10px;
}
.fragment .fragcontent ul,
.fragment .description ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.fragment .fragcontent ul ul,
.fragment .description ul ul {
	margin-left: 20px;
}
.fragment .fragcontent ul li,
.fragment .description ul li {
	display: block;
	padding: 2px 5px 0px 0;
	margin: 2px 0 0 0;
	color: #333;
}
.fragment .fragcontent ul li {
	font-size: 11px;
	font-weight: bold;
}
.fragment .fragcontent ul li ul li,
.fragment .description ul li ul li {
	font-weight: normal !important;
	font-size: 10px !important;
}


.fragment .description {
	font-size: 11px;
}
.cfrags .fragment .fragcontent ul li,
.cfrags .fragment .description ul li {
	font-size: 11px;

}
.fragment .description a,
.fragment .fragcontent a {
	text-decoration: none;
	font-size: 12px;
}

.fragment .description a:hover,
.fragment .fragcontent a:hover {
	color: #873C00;
	text-decoration: underline;
}
.fragment .description ul li strong,
.fragcontent ul li strong {
	color: #333;
	font-size: 1em;
}
.fragment .fragcontent strong a {
	text-decoration: none;
}




#contactform {
	float: right;
	width: 170px;	
}
.sidebar #contactform {
	float: left;
	background: none;
	padding: 15px 0 0 0;
}

#contactform form {
	display: block;
	border: 0px;
	padding: 0 0 20px 10px;
	float: left;
	width: 160px;
	margin: 0;
}
#fragments #contactform.fragment h4 a {
	color: #fff;
}

#contactform label {
	display: block;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
}
.sidebar #contactform label {
	color: #444;
}
#contactform fieldset span {
	display: block;
	float: left;
	padding: 2px;
}
#contactform span textarea {
	height: 60px;
}
#contactform span input,
#contactform span textarea {
	width: 150px;
	border: 1px solid #C6C7B9;
	padding: 2px;
	font-size: 11px;
}
#contactform .submit {
	padding: 5px 5px 0 10px;
	display: block;
	float: right;
}
#contactform .submit button {
	padding: 3px;
	background: #393A4B;
	border: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 10px;
}
#contactform .submit button:hover {
	background: #000;
}
.sidebar #contactform span.textarea,
.sidebar #contactform span textarea {
	width: 150px;
	height: 60px;
}
#footer {
	padding: 0;
	color: #9fbc91;
	position: relative;
	margin: 0;
	width: 818px;

}
.l2 #footer {
	margin: 0;
	border-top: none;

}
.fcontainer {
	padding: 20px 0 60px 0px;
	color: #9fbc91;
	margin: 0;
}
.l2 .fcontainer {
	padding: 30px 0 60px 0px;

}
#footer #address {
	font-size: 0.8em;
	color: #9fbc91;
	padding: 10px;
	margin: 0 0 10px 0;
}
#footer #address a {
	color: #9fbc91;
}
#footer #address a:hover {
	color: #fff;
}
#footer #address span.contacts {
	display: block;
}
#footer #address p {
	padding: 2px 0px;
	margin: 0;
}
#footer .copyright {
	color: #9fbc91;
	font-size: 0.8em;
	padding: 7px 0 0 10px;
	width: 390px;
	float: left;
	
}
#footer .copyright a {
	text-decoration: none;
	color: #9fbc91;
}
#footer .copyright a:hover {
	text-decoration: underline;
	color: #fff;
}
.fcontainer a {
	overflow: hidden;
}
#footer .credits {
	padding: 0;
	width: 110px;
	height: 29px;
	float: right;
	font-size: 11px;
	margin: -40px 0 0 0;
}
#footer .credits a,
#footer .credits a:after {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 86px;
	height: 29px;
	text-decoration: none;
}
#footer .credits a:after {
	position: absolute;
	left: 0;
	top:0;
}
#footer .credits a:before, #footer .credits a:after {
   content: url(../images/justia.gif);
}

#footer .credits a {
	background-image: expression(this.runtimeStyle.backgroundImage = "none", this.innerHTML = '<img src="images/justia.gif" border="0" alt="' + this.innerHTML + '">');
}

#footer #footernav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
#footer #footernav ul li {
	display: inline;
}
#footer #footernav ul li a {
	padding: 1px 10px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.8em;
	border-right: 1px solid #999;
}
#footer #footernav ul li:last-child a {
	border-right: none;
}
#footer #footernav ul li a:hover {
	color: #fff;
}
.ffrags {
	padding: 0 10px;
}


/* Contact Form */
.detailedform {
	float: none;
	padding: 0 10px 10px 0;
}
.detailedform fieldset {
	border: none;
	margin: 10px 0 0 0;
	float: left;
	width: 480px;
	padding: 10px;
}
.detailedform fieldset legend {
	color: #555;
	font-size: 1.0em;
	font-weight: bold;
	display: none;
}
.detailedform fieldset label {
	display: block;
	margin: 5px 0;
	font-size: 1.0em;
	float: left;
	color: #666;
}
.detailedform fieldset label strong {
	text-align: left;
	width: 120px;
	display: block;
	float: left;
	font-weight: normal;
}
.detailedform fieldset label span {
	float: left;
	width: 260px;
	display: block;
	padding: 0 10px 0 10px;
}
.detailedform fieldset label textarea,
.detailedform fieldset label input {
	width: 260px;
	border: 2px solid #ddd;
	font-size: 11px;
	color: #666;
}
.detailedform fieldset label textarea:focus,
.detailedform fieldset label input:focus {
	color: #111;
}
.detailedform fieldset label span.auto input {
	width: auto;
}
.detailedform fieldset label span.err {
	display: block;
	color: #000;
	clear: both;
}
.detailedform .formdisclaimer {
	padding: 10px 70px 5px 140px !important;
}
.detailedform .submitbtn {
	clear: both;
	text-align: left;
	display: block;
	padding: 0 0 5px 140px;
}
.detailedform .submitbtn input {
	background: #585858;
	border: 0;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.detailedform .submitbtn input:hover {
	background: #A1201A;
}
/* Detailed Search Form */
#searchresults,
.detailedsearch {
	padding: 5px 15px;
}

/* Attorney Search Form */
#alphabhets {
	border-bottom: 1px solid #ddd;
	margin: 0 0 10px 0;
}
#alphabhets h5 {
	font-size: 0.9em;
	font-weight: normal;
	color: #777;
}
#alphabhets a {
	text-decoration: none;
	padding: 0 0 0 1px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 90%;
}
#alphabhets a:hover {
	color: #fff !important;
	background: #A1201A;
}
#alphabhets a.lc {
	border-left: 1px solid #999;
	padding: 0 10px 0 10px;
	margin: 0 0 0 10px;
}
.profilesearch .option,
.profilesearch .field {
	padding: 2px 0;	
	clear: both;
}
.profilesearch .option {
	padding-left: 100px; 
}
.profilesearch .field input,
.profilesearch .field select {
	font-size: 11px;
	border: 2px solid #ddd;
}
.profilesearch .field {
	float: left;
}
.profilesearch .field label {
	width: 100px;
	display: block;
	float: left;
	color: #666;
}
.profilesearch .field span {
	float: left;
	display: block;
}
.profilesearch .button {
	padding: 0 0 0 100px;
}
.profilesearch .button button {
	background: #585858;
	border: 0;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.profilesearch .button button:hover {
	background: #A1201A;
}

#utilities {
	display: none;
}

img.profilepic{float:right; margin: 0 10px 10px 20px;}
.sl_badge_150 {width:150px;text-align:center;background-color:rgb(255,255,255);font-family:arial;font-size:12px;border:1px solid rgb(191,191,191); border-bottom:4px solid rgb(86,131,154);line-height:1.5;}
.sl_badge_150 .profile {padding:2px;}
.sl_badge_150 a {color:rgb(131,7,30);text-decoration:none;}
.sl_badge_150 a:hover {text-decoration:underline;}
.sl_badge_150 .online{width:100%;text-align:center;font-family:arial,sans-serif;font-style:italic;font-weight:bold;font-size:12px;color:rgb(148,0,37);}
.sl_badge_150 .visit { text-align:center; font-size:12px; }


@media print {
	.l2 #content {
		width: auto;
		float: none;
		padding: 0 0 300px 0;
	}
	.sidebar {
		display: none;
	}
}

#payNOW {
	/*position:fixed;*/
	float:right;
	top:200px;
	right:0;
}