@charset "utf-8";

/*
Title: Medium CSS
Date: July 2009
Author: Atikom Juntakoiol (ajuntakool@extractable.com)
*/

/*----------------- DEFAULT -----------------*/
body	{ margin: 0; font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #555555;   }
h3		{ margin: 0; padding: 0; color: #444444; font-size: 16px; font-family:"Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; }
h4		{ margin: 0; padding: 0 0 10px 0; color: #444444; font-size: 16px; line-height: 16px; font-family:"Times New Roman", Times, serif; font-weight: bold; }
h5		{ margin: 0 0 6px 0; padding: 0; color: #073873; font-size: 14px; font-weight: bold; }
h6		{ margin: 0; padding: 0; color: #555555; font-size: 14px; font-weight: bold; }
p		{ margin: 0; padding: 0 0 21px 0px; line-height: 21px; }

/* text resizer controls */
a.normal	{ font-size: 9px; background: #FFF; border: 1px solid #bec0c2; padding: 5px 6px 1px 6px; margin-left: 5px; text-decoration: none; }
a.medium	{ font-size: 11px; background: #FFF; border: 1px solid #bec0c2; padding: 3px 5px 0px 5px; margin-left: 5px; text-decoration: underline; }
a.large		{ font-size: 13px; font-weight: bold; background: #FFF; border: 1px solid #bec0c2; padding: 1px 5px 0px 5px; margin-left: 5px; text-decoration: none; }

/*----------------- SUB MENU -----------------*/
.subMenu		{ float: left; width: 960px; clear: both; position: relative; }
.subMenu p		{ color: #000; line-height:13px; padding: 15px 0px 18px 8px; }
.subMenu a, .subMenu a:visited	{ color: #FFF; text-decoration: none; padding: 0px 7px; }
.subMenu a:hover				{ color: #FFF; text-decoration: underline; }
.subMenu .selected				{ font-weight: bold; padding: 0px 7px; }

/*----------------- MAIN BANNER -----------------*/
.contentLeft ul li			{ line-height: 18px; }
.txtWrap p	{ font-size: 14px; line-height: 20px; color: #666666; }
.txtWrap2 .title	{ font-size: 15px; font-weight: bold; color: #FFF; text-transform: uppercase; font-family:"Times New Roman", Times, serif; line-height: 33px; padding-left: 14px; }
.txtWrap2 .right p	{ font-size: 13px; line-height: 20px; }

/*----------------- MAIN CONTENT -----------------*/

#mainContentWrap ol		{ margin: 0px 0px 12px 15px; _margin: 0px 0px 12px 23px;}
#mainContentWrap ol li	{ line-height: 20px; }
#mainContentWrap .txtsmall			{ margin: 0; padding: 0; font-size: 12px; line-height: 15px; }

/*----------------- HERO MODULE  -----------------*/
.hero .title	{ font-size: 20px; font-family:"Times New Roman", Times, serif; color:#000; line-height:20px; text-transform: uppercase; padding: 0; }
.hero .descTxt	{ font-size: 15px; line-height: 20px; margin-top: 10px; }
.hero .banner	{ float: left; width: 679px; height: 127px; margin: 12px 0 0 0; position: relative; }
.bgDivision		{ background: url(img/bg-heroDivisions.jpg) top left no-repeat; }
.bgOnline		{ background: url(img/bg-heroOnline.jpg) top left no-repeat; }
.hero .banner2	{ float: left; width: 679px; height: 217px; margin: 12px 0 0 0; position: relative; }
.bgGeneral		{ background: url(img/bg-heroGeneral.jpg) top left no-repeat; }
.banner2 .wrap1	{ float: left; width: 390px; position: absolute; top: 140px; left: 20px; font-family:"Times New Roman", Times, serif; font-size: 16px; color: #FFF; line-height: 20px; }
.banner2 .wrap2 { float: left; width: 215px; position: absolute; top: 15px; right: 15px; font-size: 14px; line-height: 22px; color: #666666; padding-bottom: 5px; border-bottom: 1px solid #CCCCCC; }

.banner2 .iconHero	{ float: left; width: 70px; font-size:12px; line-height: 12px; background: url(img/icon-pdf3.gif) top left no-repeat; padding-left: 30px; position: absolute; top: 170px; right: 15px; }
.banner2 .iconHero2	{ float: left; width: 70px; font-size:12px; line-height: 12px; background:
 url(img/icon-maps.gif) top left no-repeat; padding-left: 30px; position: absolute; top: 170px; right: 130px; }

.banner .wrap		{ float: left; width: 450px; position: absolute; top: 20px; right: 30px; font-family:"Times New Roman", Times, serif; }
.banner .wrap h1	{ font-size: 21px; line-height: 21px; margin: 0; padding: 0; }
.banner .wrap p		{ font-size: 16px; line-height: 20px; color: #e5e5e5; margin: 0; padding: 0; }

/*----------------- SPECIAL MESSAGE  -----------------*/
.special .title	{ position: absolute; top: 10px; left: 15px; font-family:"Times New Roman", Times, serif; font-size: 15px; font-weight: bold; color: #000; text-transform: uppercase; }
.special .date	{ position: absolute; top: 33px; left: 15px; font-size: 10px; font-weight: bold; color: #000; text-transform: uppercase; }
.specialInner	{ background: #fcebeb; }
.specialInner p	{ font-size: 15px; line-height: 21px; color: #000; margin-left:250px;}

/*----------------- HERO2 MODULE  -----------------*/
.hero2 .divline	{ clear: both; height: 8px; background: url(img/bg-cleanerbold.gif) no-repeat left center; padding: 15px 0; }
.hero2 .title	{ font-size: 20px; font-family:"Times New Roman", Times, serif; color:#000; line-height:20px; text-transform: uppercase; padding: 0; margin-bottom: 10px; }
.hero2 .descTxt	{ font-size: 14px; line-height: 20px; }
.hero2 select	{ margin-bottom: 8px; border-bottom: 1px solid #c3c3c3; width: 300px; color: #555555; font-size: 12px; background: url(img/bg-select.gif) top left no-repeat; }
.hero2 a, .hero2 a:visited { text-decoration: underline; }

/*----------------- SIMPLE MODULE  -----------------*/
.simpleModule ul li	{ line-height: 23px; }

/*----------------- SIMPLE MODULE2  -----------------*/
.simpleModule2 ul li	{ line-height: 23px; }

/*----------------- VERTICAL TAB  -----------------*/

/* HOMEPAGE B; CONTENT AREA */
ol#toc2				{ margin: 0; padding: 0; list-style: none; }
ol#toc2 li 			{ float: left; }
ol#toc2 li a 		{ width: 132px; display: block; line-height: 24px; text-indent: 9px; background: url(img/bg-liVerTab2.gif) left bottom no-repeat; font-size: 15px; }

div.content2 			{ width: 284px; height: 255px; float: left; clear: both; position: relative; }
div.content2 p			{ font-size: 15px; }

/*----------------- SIMPLE MODULE3  -----------------*/
.simpleModule3 ul li	{ line-height: 23px; }

/*----------------- SIMPLE MODULE BLUE  -----------------*/
.simpleModuleBlue .title	{ font-size: 14px; line-height: 14px; font-weight: bold; font-family:"Times New Roman", Times, serif; text-transform: uppercase; padding: 20px 14px 7px 10px; color: 444444; }
.simpleModuleBlue .desc		{ font-size: 13px; line-height: 20px; padding: 0px 14px 7px 10px; color: 555555; }
.simpleModuleBlue p			{ margin: 0 14px 0px 14px; font-size: 12px; line-height: 17px; color:: 777777; }

/*----------------- SIMPLE MODULE BLUE2  -----------------*/
.simpleModuleBlue2 .title	{ font-size: 13px; line-height: 13px; font-weight: bold; font-family:"Times New Roman", Times, serif; text-transform: uppercase; padding: 20px 14px 7px 14px; color: 444444; }
.simpleModuleBlue2 .desc2	{ padding: 0px 14px 7px 10px; color: 555555; }
.desc2 p.pdf				{ font-size: 13px; line-height: 28px; background: url(img/icon-pdf3.gif) left center no-repeat; padding-left: 35px; }
.simpleModuleBlue2 p			{ margin: 0 14px 12px 14px; font-size: 12px; line-height: 15px; color:: 777777; }

/*----------------- VERTICAL TAB  -----------------*/
.verticalTab .title		{  margin: 0; padding: 8px 0 0 0; color: #444444; font-size: 16px; font-family:"Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; padding-bottom: 8px; border-bottom: solid 1px #cccccc; background: #FFF; }

.verticalTabWrap		{ float: left; width: 435px; background: #eaeaea; margin: 2px 0; clear: both; }
.verticalTab .vtableft	{ float: left; width: 130px; height: 268px; margin: 0px; background: #FFF; }

.verticalTab .vtabright	{ float: left; width: 285px; margin: 6px 0px 0px 12px; }

/* HOMEPAGE A; HERO AREA */
ol#toc				{ margin: 0px 0px 0px 2px; _margin: 2px 0px 0px 2px; padding: 0; list-style: none; }
ol#toc li 			{ float: left; }
ol#toc li a 		{ width: 115px; display: block; line-height: 25px; text-indent: 22px; background: url(img/bg-ulSquare.gif) 11px center no-repeat; }
ol#toc li a:hover	{ text-decoration: underline; }
ol#toc li.current 	{ background: url(img/bg-tabVerHero.png) no-repeat; _behavior: url(/common/css/iepngfix.htc); _background: #d1d7de; }
ol#toc li.current a { font-weight: bold; color: #000; background: url(img/bg-li_hero2Selected.gif) no-repeat 11px center; }
div.content 			{ width: 295px; float: left; position: relative; clear: both; }
div.content .more		{ position: absolute; top: 145px; right: 0px; }

/* HOMEPAGE B; CONTENT AREA */
ol#toc2				{ margin: 0; padding: 0; list-style: none; }
ol#toc2 li 			{ float: left; }
ol#toc2 li a 		{ width: 132px; display: block; line-height: 24px; text-indent: 9px; background: url(img/bg-liVerTab2.gif) left bottom no-repeat; }
ol#toc2 li a.last	{ background: none; }
ol#toc2 li a:hover	{ text-decoration: underline; }
ol#toc2 li.current 	{ background: #eaeaea; }
ol#toc2 li.current a { font-weight: bold; color: #000; }
div.content2 			{ width: 284px; height: 255px; float: left; clear: both; position: relative; }
div.content2 .more		{ position: absolute; bottom: 0px; right: 5px; }


/*----------------- DIVISIONS PAGE  -----------------*/
.simpleModule4 ul li	{ line-height: 23px; }

/*----------------- CIVIL PAGE  -----------------*/
.simpleModule5 ul li	{ line-height: 23px; }

/*----------------- FORM AND FILING PAGE  -----------------*/
.formTable caption			{ margin: 0; padding: 8px 0; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; text-align: left; color: #444444; font-size: 15px; font-family:"Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; margin-bottom: 1px; }
.formTable table			{ line-height: 20px; }

/*----------------- GENERAL INFO PAGE  -----------------*/
.twoColumns ul li	{ line-height: 23px; }
.banner2 .wrap1	{ float: left; width: 390px; position: absolute; top: 165px; left: 20px; font-family:"Times New Roman", Times, serif; font-size: 16px; color: #FFF; line-height: 20px; }

/*----------------- SELF-HELP PAGE  -----------------*/
.simpleModule6 ul li	{ line-height: 23px; }

.simpleModule7 ul li	{ line-height: 23px; }

/*----------------- ONLINE SERVICES PAGE  -----------------*/
.onlineTable table			{ background: #f7f9fc; line-height: 20px; }
.onlineTable caption			{ margin: 0; padding: 8px 0; border-top: solid 1px #cccccc;border-bottom: solid 1px #cccccc; text-align: left; color: #444444; font-size: 15px; font-family:"Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; }

.onlineTable2 table			{ background: #ebebeb; line-height: 20px; }

.simpleModule8 ul li	{ line-height: 23px; }

/*----------------- SMC Customization  -----------------*/
/*-----------------Division HOme -----------------------*/
.hero .bannerDivision	{ height: 170px;  background: url(img/bg-heroBannerDivision.jpg) no-repeat; }
.hero .wrapDivision1 { top:8px; width:470px; right:12px; }
.hero .wrapDivision2 {  width:460px;  }

/*----------------- General Info  -----------------*/
.banner2 .iconHero	{  background: none;  padding-left:0; right:30px; width: 80px; }
.banner2 .iconHero2	{  background: url(img/icon-pdf3.gif) top left no-repeat;  }

/*----------------- SIMPLE MODULE BLUE2  -----------------*/
.simpleModuleBlue2 .desc2	{ padding: 0px 14px 0 10px; color: 555555; }
.desc2 p.pdf				{  margin-bottom:5px; padding-bottom:5px;}


/*----------------- Phone Numbers -----------------*/
.phoneNumDivider {padding-bottom:27px; padding-top:5px;}
.branch {margin:7px 0; padding:6px 0;}

/*----------------- Hours -----------------*/
.dept {float:left; width:160px; padding:0 0 5px 0;}
.deptHours {padding:0 0 35px 10px;}

/*-----------  Court Call ------------------------------*/
ul.courtCall li	{ line-height: 21px; }