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

*{outline:none;}
body{color:#000;background:#DFDFDF;font:normal; font-family:Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif; font-size:1em; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
#wrapper {text-align:left; position:relative; font-family:Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif; height:100%;}
#content {width:1000px; margin:0 auto; background:#FFFFFF; position:relative; height:100%; }
a {color:#999999; text-decoration:underline;}
#header {width:1000px; height:150px; background:url(../images/header.jpg);}
#top-nav {position:relative;top:110px; left:60px; font-size:1.1em; letter-spacing:.1em; z-index:9000;}
#main {background:url(../images/main_bkg.jpg) no-repeat top left; padding:15px 0px;}
#columns {margin:0 auto; width:920px; position:relative;}
#search-bar {margin:0 auto; width:910px; height:70px; background-image:url(../images/search_bkg.jpg); margin-bottom:20px;font-size:.8em; letter-spacing:.1em;}
     
	  #input {height:38px; width:82%;border: #CCCCCC thin solid; position:relative; top:15px; left:15px; float:left; overflow:hidden;}
      #submit-btn {cursor:pointer;background:url(../images/search_btn.jpg) no-repeat left top;border:0;width:125px;height:40px;float:left; margin-left:20px;position:relative; top:15px; color:#FFFFFF; font-size:1.5em;}
	  *html #submit-btn {margin-left:40px;}
	  #search-input {height:37px; width:100%; border:thin solid #666666;  border-bottom:none; border-right:none; font-size:1.4em; color:#7EBA46; padding-left:10px; padding-top:7px;}
	  /*#faqdrop {position:relative; top:15px; float:right;border:#789AB8 thin solid; margin-right:20px; overflow:hidden;}*/
	  #faqdrop {display:none;}
	  #faqdrop #dropList {border:none;font-size:1.2em; color:#7EBA46;height:39px; width:250px;display: inline-block; padding: 3px 0 0 10px;}
	  *html #faqdrop #dropList {border:#fff thin solid;}
	  .drop {margin-left:5px; color:7eba46;}
	  
#left-col {float:left;width:610px; background:url(../images/lft-col-bkg.gif) repeat-y; margin:0px}
#left-col-top {background:url(../images/lft-col-top-bkg.gif) top left no-repeat; width:610px; padding:0;}
#left-col-hr {background:url(../images/lft-col-seperator.gif) top no-repeat; width:610px; height:14px;}
#left-col-bottom {background:url(../images/lft-col-bottom-bkg.gif) bottom left no-repeat; width:610px; padding:0;}

#right-col {float:right;width:300px; margin:0px;}
.right {float:right;}
.left {float:left;}
.clr {clear:both;}


/***********************************************************************/
/*****************   LEFT COLUMN FEATURE TABS  *************************/
/***********************************************************************/

#home-feature {margin:0 0 15px 15px;}

#tabs {
	font-family:Trebuchet Ms, Trebuchet, Lucinda, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	width:580px;
	height:320px;
	position:relative;
	}
	
#tabs div {
	clear: both;
	width:578px;
	min-height: 249px;
	border:#CCCCCC 1px solid;
	overflow:hidden;
	}
	
#tabs div h3 {
	text-transform: uppercase;
	margin-bottom: 3px;
	letter-spacing: 1px;
	font-size:.9em;
	}
	
#tabs div p {
	padding:3px 0px;
	line-height: 150%;
	font-size:.8em;
	}
#tabs div p a {
	color:#000000;
	font:bold;
	}
#tabs div span {
	float:right;
	background-color:#fff;
	left:10px;
	top:10px;
	opacity:0.85;
	-moz-opacity:0.85;
	filter:alpha(opacity=85);
	position:absolute;
	width:240px;
	padding:10px;
	overflow:hidden;
	max-height:240px;
}	

#tabs ul {
	position:relative;
	vertical-align:bottom;
	background: #fff;
	width: 580px;
	height:70px;
	overflow:hidden;
	}
	
#tabs li {
	list-style: none;
	width:188px;
	height:68px;
	border:#cccccc 1px solid;
	border-top: none;
	background:#edede4;
	
	}
.margin {
	margin-right:5px;
}
	
* html #tabs li {
	display: inline; /* ie6 double float margin bug */
	}
		
#tabs li {
	float: left;
	}
	
#tabs ul li a {
	display:block;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	cursor:pointer;
	cursor:hand;
	width:100%;
	height:100%;
	
	}
	
#tabs ul li a p {
	height:100%;
	font-size:1.1em;
	letter-spacing:.1em;
	text-align:center;
	padding-top:10px;
	}

#tabs ul li.active {
	background: url(../images/home_feature/active_btn.jpg) repeat-x;
	}
	
#tabs ul li.active a {
	color: #fff;
	}
	
/***********************************************************************/
/**************   RIGHT COLUMN ACCORDIAN TABS  *************************/
/***********************************************************************/
.acc-toggle{
margin: 5px 0;
padding: 0;
width: 300px; /*width of menu*/
/*border: 1px solid #9A9A9A;*/
}

.acc-toggle div.silverheader a{
background: #f9f9f9 url(../images/accordian_btn.jpg);
font: normal 20px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
letter-spacing:.05em;
color: #666666;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 10px 0;
padding-left: 35px;
text-decoration: none;
}

/*.acc-toggle div.silverheader a:visited{
color: #666666;
}*/
.acc-toggle div.silverheader a:active{
color: black;
}

.acc-toggle div.selected a, .acc-toggle div.silverheader a:hover{
/*background-image: url(silvergradientover.gif);*/
color: #7394B0;
}

.acc-toggle div.submenu{ /*DIV that contains each sub menu*/
background: #f9f9f9;
padding: 5px 0 20px 30px;
/*height: 300px; Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
.acc-toggle div.submenu p{ /*DIV that contains each sub menu*/
	padding:5px;
	color:#666666;
}
/***********************************************************************/
/******************  LEFT COLUMN CONTENT AREA  *************************/
/***********************************************************************/
.txt h1, .txt h2, .txt h3, .txt h4 {color:#7394B0; padding:5px 0 5px 30px;}
.txt h1 {font-size:1.2em;}
.txt h2 {font-size:1em;}
.txt h3 {font-size:.9em;}
.txt h4 {font-size:.85em;}
.txt p, .txt ul, .txt ol {font-size:.85em; padding:5px 0px 10px 30px; line-height:1.5em; width:500px;}
.txt td  {font-size:.8em; padding:3px 0px 3px 3px; line-height:1.25em; border:thin solid; border-color:#CCCCCC;}
.txt table { margin:10px 0px 10px 30px;}
.txt ul, .txt ol {margin-left:20px;}
.txt li {padding-left:10px;}
.txt img.headshot {width:140px; height:160px; border:#666666 thin solid; float:left; margin:30px;}
/*.txt {padding:30px 0 0 30px;}*/
.center {text-align:center;}
.tableDataTwo {width:240px;}
.tableDataThree {width:160px;}
/***********************************************************************/
/******************  LEFT COLUMN NEWS AREA  *************************/
/***********************************************************************/
#news {}
#myNewsList ul{width:500px; margin: 0;padding: 0;text-align: left;}
#news li {float:left;list-style:none;margin: 0;}
#news .newsDate {font-weight:bold; padding-top:5px; font-size:.9em;}
#news .newsTitle {padding-top:0; font-size:.9em;}
#news .newsbody {display:none;}

/***********************************************************************/
/**************   RIGHT COLUMN CALENDAR XML FEED  **********************/
/***********************************************************************/
#calendar {width:260px; height:auto; overflow:auto;}
#myCalendar ul{width:240; margin: 0;padding: 0;text-align: left;}
#calendar li {float:left;list-style:none;margin: 0;}
#calendar .eventDate {font-weight:bold; padding-bottom:5px; font-size:.9em;}
#calendar .eventTitle {padding-top:0; font-size:.9em;}

/***********************************************************************/
/************  GALLERY - IN ADDITION TO PRETTYPHOTO  *******************/
/***********************************************************************/
#gallery {width:255px; overflow:hidden; height:auto;margin-left:8px;}
#gallery ul
{
    margin: 0;
	padding: 0;
    text-align: left;
	background-color:#00CC00;
}
#gallery li
{
float:left;
	list-style:none;
    margin: 0;
	/*margin:0 25px 25px 0;*/
	padding: 0  0 25px 25px;
}
#gallery .gallery_thumb
{
    width: 98px;
	height: 98px;
	border:#CCCCCC 2px solid;
}
/***********************************************************************/
/************  COURTHOUSE GALLERY - IN ADDITION TO PRETTYPHOTO  *******************/
/***********************************************************************/
ul.ch-gallery  {margin: 0;padding: 0;text-align: left;font-size:0;
line-height:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;}
ul.ch-gallery li
{float:left;list-style:none;margin:15px;padding:0;
}
ul.ch-gallery li a {
border:4px double #9DB2B9;
display:block;
line-height:0;
padding:2px;
}
ul.ch-gallery li a:hover {
border:4px double #000000;
}
ul.ch-gallery li.ch-gallery_thumb
{
    width: 120px;
	height: 120px;
}

/***********************************************************************/
/**************************  CONTACT FORM  *****************************/
/***********************************************************************/
#contact_form {
	width:500px;
}
#contact_form .item {
	clear:both;
	width: 470px;
	float:left;
	margin:0;
	padding-top:3px;
	padding-bottom:3px;
}
#contact_form .item .left {
	width: 160px;
	float:left;
	padding:0;
	margin:5px 0px 5px 0px;
}
#contact_form .item .right {
	width: 295px;
	text-align: left;
	float:right;
	padding:0;
	margin:0;
}
#contact_form .inputbox {
	border:1px solid #6C909B;
	border-width:1px 2px 1px 2px;
	height:17px;
	width:290px;
	font-size:11px;
}
#contact_form .button {
	font-size:11px;
	width: 90px;
	margin-left:2px;
	padding:3px;
	color: #FFFFFF;
	background-color: trasparent;
	background-image:url(/images/submit_button.gif);
	background-repeat:no-repeat;
	text-align:center;
	text-decoration: none;
	font-weight: bold;
	float:right;
	display: block;
	width:64px;
	height:24px;
}
#contact_form .button:hover {
	text-decoration:underline;
}

/***********************************************************************/
/****************************   FOOTER  ********************************/
/***********************************************************************/
#footer {clear:both; width:1000px; height:214px; background:url(../images/footer_bkg.jpg);}
#footer div {width:910px; margin:0 auto; text-align:left; font-size:.65em; line-height:1.5em; letter-spacing:.1em; padding:30px 0;}
#footer div p {padding-bottom:10px;}