@charset "UTF-8";
/* CSS Document */

body {
	background: url(../images/bg.png) #011527 repeat-x;
	margin: 0;
	padding: 0;
	font: "Garamond","Times New Roman", Times, serif;
}

#container {
	width: 924px;
	margin: 0 auto;
}
#header {
	width: 924px;
	height: 113px;
	background: url(../images/header.png) no-repeat;
	text-align: center;
	margin: 0 auto;
}

/* ------------------------------------------------*/
/* TOOLBAR AREA 								   */
/* ------------------------------------------------*/

#toolbarContainer {
	width: 924px;
	margin: 0 auto;
}
#toolbarLinks {
	width: 758px;
	height: 40px;
	margin: 0 auto;
}
#navbar {
   width: 758px;
   margin: 0 auto;
   padding: 0;
   height: 40px; 
}
#navbar li {
   list-style: none;
   float: left; 
}
#navbar li a {
   display: block;
   color: #fff;
   text-decoration: none; 
}
#navbar li ul {
   display: none; 
}
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0;
   z-index: 20; 
}
#navbar li:hover li, #navbar li.hover li {
   float: none; 
   z-index: 20;
}
#navbar li:hover li a, #navbar li.hover li a {
   background-color: #fff;
   border-bottom: 1px solid #bad2e8;
   border-right: 1px solid #bad2e8;
   border-left: 1px solid #bad2e8;
   color: #405870;
   height: 26px;
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   font: 16px "Garamond","Times New Roman", Times, serif; 
   font-weight: bold;
   z-index: 20;
}
.navBarTop {
	border-top: 1px solid #bad2e8;
}
#navbar li li a:hover {
   background-color: #dde4ea; 
}

/* ------------------------------------------------*/
/* TOOLBAR LINKS 								   */
/* ------------------------------------------------*/
#divorce {
  display: block;
  width: 180px;
  height: 40px;
  background: url("../images/btn_divorce.jpg") no-repeat 0 0;
}

#divorce:hover { 
  background-position: 0 -40px;
}

#divorce span {
  display: none;
}

#criminalDefense {
  display: block;
  width: 173px;
  height: 40px;
  background: url("../images/btn_criminal.jpg") no-repeat 0 0;
}

#criminalDefense:hover { 
  background-position: 0 -40px;
}

#criminalDefense span {
  display: none;
}

#civilLaw {
  display: block;
  width: 160px;
  height: 40px;
  background: url("../images/btn_personal.jpg") no-repeat 0 0;
}

#civilLaw:hover { 
  background-position: 0 -40px;
}

#civilLaw span {
  display: none;
}

#juvenile {
  display: block;
  width: 97px;
  height: 40px;
  background: url("../images/btn_juvenile.jpg") no-repeat 0 0;
}

#juvenile:hover { 
  background-position: 0 -40px;
}

#juvenile span {
  display: none;
}

#aboutUs {
  display: block;
  width: 79px;
  height: 40px;
  background: url("../images/btn_about.jpg") no-repeat 0 0;
}

#aboutUs:hover { 
  background-position: 0 -40px;
}

#aboutUs span {
  display: none;
}

#blog {
  display: block;
  width: 69px;
  height: 40px;
  background: url("../images/btn_blog.jpg") no-repeat 0 0;
}

#blog:hover { 
  background-position: 0 -40px;
}

#blog span {
  display: none;
}


/* ------------------------------------------------*/
/* TOP STRIPE	 								   */
/* ------------------------------------------------*/

#topStripe {
	width: 924px;
	height: 252px;
	margin: 0 auto;
	background: url(../images/topStripe_bg.png) no-repeat;
}
#topStripeCenter {
	width: 765px;
	margin: 0 auto;
	padding-left: 8px;
}
#imgBox {	
	width: 465px;
	height: 249px;
	float: left;
	padding-left: 3px;
	padding-top: 3px;
}
#slideshow {
    position:relative;
    height:245px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
#contactBox {
	width: 289px;
	height: 252px;
	float: left;
}
#contactTop {
	width: 289px;
	height: 150px;
}
a:link.contactLink, a:visited.contactLink, a:active.contactLink {
	font: 12px "Garamond","Times New Roman", Times, serif;
	color: #cddeee;
	text-decoration: none;
	border-bottom: 1px dotted #cddeee;
}
a:hover.contactLink {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #cddeee;
}
a:link.contactLinkLarge, a:visited.contactLinkLarge, a:active.contactLinkLarge {
	font: 14px "Garamond","Times New Roman", Times, serif;
	color: #cddeee;
	text-decoration: none;
	border-bottom: 1px dotted #cddeee;
}
a:hover.contactLinkLarge {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #cddeee;
}
#contactTop_top {
	width: 289px;
	height: 54px;
	background: url(../images/contactBox_top.jpg) no-repeat;
}
#contactTop_link {
	width: 269px;
	height: 30px;
	padding-left: 20px;
	padding-top: 24px;
}
#contactTop_btm {
	width: 289px;
	height: 96px;
	background: url(../images/contactBox_topFooter.jpg) no-repeat;
}
#contactTop_btmLeft {
	width: 186px;
	height: 96px;
	float: left;
	padding-left: 20px;
	font: 14px "Garamond","Times New Roman", Times, serif;
	color: #fff;
	line-height: 21px;
}
#contactTop_btmRight {
	width: 83px;
	height: 96px;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
}
.imgBorder {
	border: 3px solid #42586e;
	margin-bottom: 3px;
}
#contactBtm {
	width: 289px;
	height: 102px;
}

/* ------------------------------------------------*/
/* MAIN AREA	 								   */
/* ------------------------------------------------*/

#mainAreaBox {
	clear: both;
	width: 924px;
	min-height: 300px;
	margin: 0 auto;
	background: url(../images/mainArea_bg.png) repeat-y;
}

#mainCenter {
	width: 765px;
	margin: 0 auto;
	padding-left: 9px;
}
#mainLeft {
	width: 468px;
	min-height: 300px;
	float: left;
}
.mainLeftHeader {
	width: 468px;
	height: 48px;
	background: url(../images/mainLeftHeader_bg.jpg) no-repeat;
	margin-top: 0;
}
#mainLeftContent {
	width:428px;
	padding: 20px;
	font: 16px "Garamond","Times New Roman", Times, serif;
	color: #173856;
	line-height: 25px;
}
#mainLeftContent a:link, #mainLeftContent a:visited, #mainLeftContent a:active {
	font: 16px "Garamond","Times New Roman", Times, serif;
	color: #487eb0;
	text-decoration: none;
	font-weight: bold;
}
#mainLeftContent a:hover {
	font: 16px "Garamond","Times New Roman", Times, serif;
	color: #173856;
	font-weight: bold;
}
.blogDividers {
	width: 428px;
	height: 27px;
	background: url(../images/blogDividers.jpg) no-repeat;
	margin-bottom: 10px;
}
.mainRightHeader {
	width: 289px;
	height: 48px;
}
#mainRight {
	width: 289px;
	min-height: 300px;
	float: left;
}
.mainRightContent {
	width: 261px;
	padding-left: 16px;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 10px;
	font: 14px "Garamond","Times New Roman", Times, serif;
	color: #afd9ff;
	line-height: 20px;
}
.mainRightContent a:link, .mainRightContent a:visited, .mainRightContent a:active {
	color: #dceeff;
	text-decoration: none;
	font-weight: bold;
}
.mainRightContent a:hover {
	font: "Garamond","Times New Roman", Times, serif;
	color: #487eb0;
	font-weight: bold;
}
.rightLinks a:link, .rightLinks a:active, .rightLinks a:visited {
	text-decoration: none;
	color: #d5ebff;
}
.rightLinks a:hover {
	color: #fff;
	text-decoration: none;
}
.rightDivider {
	width: 289px;
	height: 2px;
	margin-top: 5px;
	background: url(../images/mainRight_divider.jpg) no-repeat;
}

/* ------------------------------------------------*/
/* TEXT STYLES	 								   */
/* ------------------------------------------------*/
.recBlogTitle {
	font: 15px "Garamond","Times New Roman", Times, serif;
	color: #dceeff;
	margin: 0;
	padding-bottom: 3px;
}
.recBlogDate {
	font: 11px "Garamond","Times New Roman", Times, serif;
	color: #487ba8;
	margin: 0;
	padding-bottom: 8px;
	font-weight: bold;
}
h1 {
	padding-top: 9px;
	padding-left: 22px;
	font: 25px "Garamond", "Times New Roman", Times, serif;
	color: #fff;
	text-shadow: 0 0 5px #a1d1ff;
	font-weight: bold;
	margin-top: 0;
}
h2 {
	font: 18px "Garamond","Times New Roman", Times, serif;;
	color: #173856;
	font-weight: bold;
	border-bottom: 1px solid #3e6788;
	padding-bottom: 3px;
	margin-bottom: 5px;
	display: block;
	margin-top:0;
}
h3 {
	font: 18px "Garamond", "Times New Roman", Times, serif;
	color: #173856;
	font-weight:bold;
	border-bottom: 1px solid #2a5578;
	padding-bottom: 3px;
	margin-bottom: 5px;
	margin-top: 0;
}


/* ------------------------------------------------*/
/* FORMS		 								   */
/* ------------------------------------------------*/
.inputs {
	width: 149px;
	height: 17px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #eee;
	background-color: #0a1925;
	border-bottom: 1px solid #26425d;
	border-right: 1px solid #26425d;
	border-top: none;
	border-left: none;
	margin-bottom: 8px;
}
.textarea {
	width: 256px;
	height: 72px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #eee;
	background-color: #0a1925;
	border-bottom: 1px solid #26425d;
	border-right: 1px solid #26425d;
	border-top: none;
	border-left: none;
	margin-bottom: 8px;
}
.submit {
	margin-right: 5px;
}

/* ------------------------------------------------*/
/* FOOTER AREA	 								   */
/* ------------------------------------------------*/

#footerBox {
	clear: both;
	width: 100%;
	height: 50px;
	margin: 0 auto;
	background: url(../images/footer_bg.jpg) repeat-x;
}
a:link.footerLinks, a:visited.footerLinks, a:active.footerLinks {
	color: #a2b7cc;
	text-decoration: none;
	border-bottom: 1px dotted #a2b7cc;
}
a:hover.footerLinks {
	color: #eef6ff;
}
#footerContent {
	width: 758px;
	height:50px;
	margin: 0 auto;
}
#footerLeft {
	width: 500px;
	height: 36px;
	padding-top: 14px;
	padding-left: 19px;
	float: left;
	font: 12px "Garamond","Times New Roman", Times, serif;
	color: #738699;
}
#footerRight {
	width: 136px;
	height: 50px;
	float: right;
}

/* ------------------------------------------------*/
/* MISC STYLES	 								   */
/* ------------------------------------------------*/
.clear {
	clear: both;
}
.readmoreBtn {
	margin-top: 10px;
	margin-bottom: 10px;
}
.blockUnderline {
	display: block;
	height: 2px;
	border-bottom: 1px solid #3e6788;
	margin-bottom: 5px;
}
.underline {
	text-decoration: underline;
}

/* ------------------------------------------------*/
/* CSC TABLE STYLES								   */
/* ------------------------------------------------*/
.topCellFormat {
	padding-bottom: 10px;
	padding-left: 3px;
	border-bottom: 1px solid #9aaec3;
	color: #666;
	font: 12px Arial, Helvetica, Sans-serif;
}
.tableHeaderLeft {
	background: url(../images/csctable/topLeft.jpg) repeat;
	border-left: 1px solid #708da9;
	border-bottom: 1px solid #18324a;
	width: 135px;
}
.tableHeaderCenter {
	background-color: #4c7194;
	border-left: 1px solid #708da9;
	border-right: 1px solid #708da9;
	border-bottom: 1px solid #18324a;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #fff;
}
.tableHeaderRight {
	background-color: #4c7194;
	border-right: 1px solid #708da9;
	border-bottom: 1px solid #18324a;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #fff;
}

/* ODD ROWS */
.tinyCellText {
	font-size: 
}
.cellContentLeftOdd {
	background-color: #eee;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	color: #666;
	font: 12px Arial, Helvetica, Sans-serif;
	padding-left: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.cellContentMiddleOdd {
	background-color: #eee;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	color: #666;
	font: 12px Arial, Helvetica, Sans-serif;
	padding-left: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.cellContentRightOdd {
	background-color: #eee;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	color: #666;
	font: 12px Arial, Helvetica, Sans-serif;
	padding-left: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* EVEN ROWS */
.cellContentLeftEven {
	background-color: #e2e2e2;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	color: #666;
	font: 12px Arial, Helvetica, Sans-serif;
	padding-left: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.cellContentMiddleEven {
	background-color: #e2e2e2;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	color: #666;
	font: 12px Arial, Helvetica, Sans-serif;
	padding-left: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.cellContentRightEven {
	background-color: #e2e2e2;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	color: #666;
	font: 12px Arial, Helvetica, Sans-serif;
	padding-left: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.cellTotal {
	background-color: #647c94;
	font: 13px Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
	border-top: 1px solid #18324a;
	border-bottom: 1px solid #2c5275;
}
.estimatedText {
	color: #333;
	font-weight: bold;
	letter-spacing: 1px;
}
.totalBox {
	background-color: #ccc;
	border-left: 1px solid #b9b9b9;
	color: #333;	
}