/* CSS Document */
* {
margin:0;
padding:0;
}

html, body {margin:0; padding:0}
body {font-size: 82%; font-family:Arial, Helvetica, sans-serif;	color: #666666; 
	background-image: url(images/bkg.jpg); 
	background-color: #99322b; 
	background-repeat: repeat-x;
	background-position: 50% 0%; 


}

.highlight {color:#850b0b; font-weight:bold;}

a:link {color:#850b0b; text-decoration:underline;  font-weight: bold}
a:visited {color:#850b0b; text-decoration:underline; font-weight: bold}
a:active  {color:#cccccc; text-decoration:underline; font-weight: bold}
a:hover   {color:#e1ad2f; text-decoration:none; font-weight: bold}


/* Main div blocks basic styling */

div#container {width: 950px; background-color:#FFFFFF; min-height:900px; margin: 0 auto; border: 1px solid #000000; overflow:hidden }
div#header {background-color: #ffffff; background-image: url(images/Pittsburgh-Attorney.jpg); background-repeat:no-repeat; width:950px; height:259px;}
/*div#menu {padding-top: 40px; margin-left:475px; float:right; width:500px}
div#logo {background-color:transparent; width:250px; height:115px; float:left}*/

div#menu {margin: 0;
	float: left;
	width: 465px;
	height: 1% /* Holly hack for Peekaboo Bug */;
	padding-top:40px;
	}
	
div#logo {float: left;
	width: 475px;
	height:115px;}



div#leftbar { width: 194px; float:left; border-right: 1px dotted #cccccc;}
div#ProductMenu {width:225px; margin:0px;}

div#content {margin-left: 195px;}
div#text {margin-left: 0px; margin-right: 5px; float:left; width:75%;  }
div#rightbar {float: right;	width: 175px; margin-top:40px; padding-right:5px}
div#boxed {border: 4px solid #850b0b; background-color:#ededed }
div#search {padding-right:10px; padding-top:5px;}
div#footer {clear:both}






/* Menu Navigation */
div#menu li a{
	color : #ffffff;
	text-decoration : none;
	padding-left:4px;
	padding-right:2px;
	margin-left:5px;
	margin-right:5px;
	font-weight:bold;
	letter-spacing: .15ex;	
}

div#menu li a:hover{
	color : #ffffff;
	background-color : #000000;
	font-weight:bold;
	letter-spacing: .15ex;


}

div#menu{
	color : #ffffff;
	height : 40px;
	font-size: 100%;
	text-align:center;
}

div#menu ul {
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	margin-right: 30px;
	padding: 2px 0 0 0;
}
div#menu ul li {
	display: inline;
}


/*Services Menu on left*/


div#leftbar .arrowlistmenu{
width: 165px; /*width of accordion menu*/
padding-left:5px;
margin-left:5px;
margin-bottom:25px;
}

div#leftbar .arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: normal 14px Arial;
color: #850b0b;
background: #ffffff ;
border-bottom: 1px solid #cccccc;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 5px 5px 5px; /*header text is indented */
cursor: pointer;
display:block;


}


div#leftbar .arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
color:#000000;
font-weight:bold;
border-bottom: 1px solid #000000;


}

div#leftbar .arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 4px; /*bottom spacing between each UL and rest of content*/
}

div#leftbar .arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
margin-left:20px;

}


div#leftbar .arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: url(plusbullet.png) no-repeat center left !important;
display: block;
padding: 2px 1.3em .3em 1.3em;
background-position: 0 .2em;

}

div#leftbar .arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: url(minusbullet.png) no-repeat center left !important;
display: block;
padding: 2px 1.3em .3em 1.3em;
background-position: 0 .2em;

}


div#leftbar .arrowlistmenu ul li a{
color: #333333;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 1.3em .3em 1.3em;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
background-position: 0 .2em;

}

div#leftbar .arrowlistmenu ul li a:visited{
color: #850b0b;
}



div#leftbar .arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #850b0b;
background-color: #F3F3F3;
font-weight: bold;

}

div#leftbar .arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background-color: #F3F3F3;

}

/* general right bar styling */




/* Content Styling */
div#content h1 {
	margin-left:0px;
	margin-top:15px;
	margin-bottom:12px;
	color:#850b0b;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.9em;
	letter-spacing: 0.05ex;
	font-style:normal;
	line-height:125%;
	padding-left: 0.9em;
	padding-right:0.9em;
	text-align:left;
	}
	
div#content h2 {
	padding: .5em .5em 0 0em;
 	color:#666666; 
	margin-left:25px;
	font-family: “Times New Roman”, Arial, sans-serif;
	font-size: 1.3em; 
	letter-spacing: .15ex;	
	font-weight:bold; 
	border-bottom: 1px solid #cccccc;
	margin-bottom:3px;
	}
	
div#content h3 {
	padding: .5em .5em 0 0em;
 	color:#850b0b; 
	margin-left:25px;
	font-family: “Times New Roman”, Arial, sans-serif;
	font-size: 1.0em; 
	letter-spacing: .15ex;	
	font-weight:bold; 
	margin-bottom:3px;
	}

div#content h4 {
	padding: .5em .5em 0 0em;
 	color:#666666; 
	margin-left:25px;
	font-family: “Times New Roman”, Arial, sans-serif;
	font-size: .9em; 
	font-weight:bold; 
	margin-bottom:3px;}


	
div#content p {	
	margin-left:25px;
	margin-right:10px;
	LINE-HEIGHT: 160%;
	margin-bottom:12px;
	FONT-FAMILY:Arial, Helvetica, sans-serif;
	}

div#content td {	
	margin-left:5px;
	LINE-HEIGHT: 145%;
	FONT-FAMILY:Arial, Helvetica, sans-serif;
	}



	
div#content .bulletimagestyle{ /*Absolute position bullet image. No need to modify*/
position: absolute;
left: -200px;
}


div#content ul
{
list-style-type: none;
padding: 0;
margin-top:10px;
}


div#content ul li {
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left:50px;
	background-image: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding-left: 0.9em;
	line-height:115%;

}	

div#content ol li {
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left:50px;
	line-height:115%;

}	

div#content ol.lower-alpha {
	list-style-type:lower-alpha; 
	margin-top:10px; 
	margin-left:30px;
	background-image:none;
	}
	
	
div#content ol.upper-alpha {
	list-style-type:upper-alpha; 
	padding:0;
	margin-left:15px;
	margin-top:10px;
	background-image:none;
	}

div#content	ol li {
	line-height:135%;

	}


#content .highlight {color:#850b0b; font-weight:bold;}



div#content table.tableFormat
{ width:525px;
background-color: #ffffff;
border: 0px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-left:25px;
margin-right:auto;
border-collapse: collapse;

}



div#content  th.tableHeading
{ background-color: #850b0b;
border: 1px #000000 solid;
color: #ffffff;
height:25px;
font-weight:bold;
text-align:center;

}


div#content table.pricingTable
{ width:375px;
background-color: #ffffff;
border: 0px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-left:auto;
margin-right:auto;
border-collapse: collapse;

}

div#content  td.PricingList
{ border-bottom: 1px #cccccc dotted;
text-align: center;
font-weight: normal;
color: #000000;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 3px;
padding-right: 10px; 
white-space: nowrap;
}



div#content  td.tableItem
{ border-bottom: 1px #000000 dotted;
font-weight: normal;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 3px;
padding-right: 10px; 
}


div#content .image {
	 MARGIN: 10px 12px 3px 10px;
}


/*boxed - content area */

div#boxed p {margin:0; padding: 4px}
div#boxed input.red {background-color: #850b0b; color:#FFFFFF; font-weight:bold; font-size:12px; letter-spacing:.15em; }
div#boxed .textinput {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#850b0b}

/*SPECIAL TOP AREA STYLING*/

div#specialTop a:link {color:#FFFFFF; text-decoration:none;  font-weight: bold; letter-spacing: .2ex;	}
div#specialTop a:visited {color:#ffffff; text-decoration:none; font-weight: bold}
div#specialTop a:active  {color:#cccccc; text-decoration:none; font-weight: bold}
div#specialTop a:hover   {color:#fdcc6e; text-decoration:none; font-weight: bold}


#specialTop .cells { 
width:185px; color:#b77a1e;
padding:10px;
vertical-align:top;	font-family: Geneva, Arial, Helvetica, san-serif;
font-size:small;
line-height:110%;

} 

#specialTop .rollover a {border : 3px double #000000; display:block; width:170px;}
#specialTop .rollover a:hover {border : 3px double #fdcc6e; display:block; width:170px;}
#specialTop .rollover a:active {border : 3px double #87080f; display:block; width:170px;}

div#specialTop p {	
	margin-left:25px;
	LINE-HEIGHT: 100%;
	margin-bottom:0px;
	FONT-FAMILY:Arial, Helvetica, sans-serif;
	}



/*FOOTER STYLING */

div#footer {margin:10px;}
div#footer p { padding-top: 0px; font-size: 0.9em; color:#ffffff; text-align:center}
div#footer p a:link, div#footer p a:visited {color:#FFFF00; text-decoration:none}
div#footer p a:hover {text-decoration:underline;}	

	
div#TWD {margin:0; text-align:center;}
div#TWD p { padding-top: 5px; font-size: 0.8em; color:#FFFFFF}
div#TWD p a:link, div#TWD p a:visited {color:#FFFF00; text-decoration:none}
div#TWD p a:hover {text-decoration:underline;}	


