/*------------------------------------------------------------------*/
/*             CSS Style & Coding by Media 42  www.getmedia42.com   */
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/*---------------------------- RESET -------------------------------*/
* { padding:0px; margin:0px;}
img, div, input { behavior: url("/includes/styles/iepngfix.htc"); }
img { border:0px;}
BODY, body { background:url(../../images/bg_main_color_swatch.jpg) repeat-x top left #FFFFFF; text-align:center;}
.spacer {float:none; clear:both; height:0px; width:0px; border:0px;}
/*--------------------- General Site Styles ------------------------*/
#site_wrap { background:url(../../images/cs_logo_top_left_main.jpg) no-repeat top left;  text-align:left;  width:900px;  margin: 0 auto; padding:0; overflow:hidden;}
/*--------------------------- Header -------------------------------*/
#header_wrap {  height:72px;  margin:0;}
#head_nav { padding-top:50px; text-align:right;}
#head_nav ul {}
#head_nav li{ font-family:Arial, Helvetica, sans-serif; font-size:70%;
 font-weight:bold; width:auto; display: -moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin: 0px; color:#FFFFFF; text-decoration:none;
 margin:0 0 0 0;}
#head_nav a, #head_nav a:link, #head_nav a:visited { color:#FFFFFF; text-decoration:none;
 padding: 0 2px 0;}
#head_nav a:hover { background:url(../../images/button_bg_grad_blue.jpg) repeat-x #1c3f95;}
#head_nav a:active {}
/*--------------------- General Content Styles ---------------------*/
#content_wrap { height:700px;}
#content_left_col { float:left; margin-top:130px; width:270px; clear:none; overflow:hidden; }
#attorneys { background:url(../../images/bg_attorneys_box.png) top left no-repeat; height:170px;}
#attorneys form { display:block; padding: 90px 0 10px 15px;}
#attorneys select { padding:0; margin:0; width:225px; font-family: Arial, Helvetica, sans-serif; font-size:77%;}
#attorney_flash { padding:0; margin: 0 0 0 150px;}
#court_mail { background:url(../../images/bg_courtmail_box.png) top left no-repeat; height:170px;}
#court_mail form { display:block; padding: 90px 0 10px 15px;}
#court_mail select { font-family: Arial, Helvetica, sans-serif; font-size:77%;}
#courtmail_flash { padding:0; margin: 0 0 0 150px;}
#services {height:160px;padding: 70px 0 0 20px;background:url(../../images/img_services_bg2.png) top left no-repeat; overflow:hidden;}
#slideShow {position:relative; overflow:hidden; height:70px; }
#content_left_col pre code{ display: none;}
#slideShow pre { display: none;}
#content_right_col { float:left; width:600px;height:640px; clear:right;overflow:hidden; *display:inline;}
#flash_main { position: relative; width:597px; height:413px;}
/*----------------------------- News Ticker ------------------------*/
#ticker { background:url(../../images/bg_ticker.jpg) #2f2f2f no-repeat; margin: 15px 0 0 0; overflow:hidden; width:510px; height:20px; color:#757575; padding:0 10px;}
#ticker ul { width:500px;}
/* liScroll style declarations */.tickercontainer {width: 550px;height: 20px;margin: 0;padding: 0; overflow: hidden;}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */position: relative;left: 10px;top: 3px;width: 510px;overflow: hidden;}
ul.newsticker { /* that's your list */position: relative;left: 550px;font: bold 10px Verdana;list-style-type: none;margin: 0;padding: 0;}
ul.newsticker li {float: left; /* important: display inline gives incorrect results when you check for elem's width */margin: 0;padding: 0;}
ul.newsticker a {white-space: nowrap;padding: 0;color:#1c3f95;font: bold 10px Verdana;margin: 0 60px 0 0;text-decoration:none;}
ul.newsticker span {margin: 0 10px 0 0;}
/*----------------------------- About Section ----------------------*/
#about { background:url(../../images/bg_about_cs_grey.jpg) #2f2f2f repeat; margin: 13px 0 0 0; overflow:hidden; width:530px; height:156px; padding: 10px 0;}
#about h1, #about p { font-family:Arial, Helvetica, sans-serif; padding:0; margin:0 20px 0 20px ;}
#about h1 { font-weight:bold; font-size:13px; color:#1c3f95;}
#about p { display:block; height:90px; overflow:hidden; font-size:14px; padding: 10px 15px;}
#free_services ul{ float:left; width:410px; padding:5px 0 0 10px;}
#free_services li{ font-weight:bold; font-size:10px; width:auto; position:relative; padding:0; margin:0; display: -moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin: 0px; float:none;}
#free_services .blue_header { margin:0 10px 0 0; color:#1c3f95;}
#free_services a, #free_services a:link, #free_services a:visited { background:url(../../images/button_bg_grad_blue.jpg) repeat-x #1c3f95; color:#CCCCCC; text-decoration:none; padding:3px 6px 3px 6px; overflow:hidden;}
#free_services a:hover { background:url(../../images/button_bg_grad_blue.jpg) bottom repeat-x #1c3f95;}
#free_services img { display:inline; width:100px;}
/*----------------------------- Footer -----------------------------*/
#footer_wrap { color: #666666; text-decoration:none;}
#footer_nav { width:650px; margin:0 auto 25px auto;}
#footer_nav li { font-family:Arial, Helvetica, sans-serif; font-size:70%; line-height:19px; width:auto; display: -moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin: 0px; color:#666666; text-decoration:none;}
#footer_nav a, #footer_nav a:link, #footer_nav a:visited { color: #666666; text-decoration:none;}
#footer_nav a:hover { color:#1c3f95;}
#copy_wrap {}
#site_copy {}