@charset "utf-8";

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

/*----------------- DEFAULT -----------------*/
body	{ margin: 0; font-size: 14px; 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 8px 0px; line-height: 22px; }

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

/*----------------- 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: 13px; line-height: 20px; color: #900; padding-top: 8px; font-style:italic; }

.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: 22px; }

#mainContentWrap .txtsmall			{ margin: 0; padding: 0; font-size: 11px; line-height: 15px; }

.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: 14px; 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: 30px; 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: 16px; font-weight: bold; color: #000; text-transform: uppercase; }
.special .date	{ position: absolute; top: 36px; left: 15px; font-size: 11px; font-weight: bold; color: #FFF; text-transform: uppercase; }
.specialInner	{ background: #999; }
.specialInner p	{ font-size: 16px; line-height: 22px; color: #FFF; padding: 7px 25px 7px 250px; }

/*----------------- HERO2 MODULE  -----------------*/
.hero2			{ float: left; width: 444px; padding: 0 0 23px 0; margin: 0 20px 0 0;  }
.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: 24px; }

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

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

/*----------------- 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 14px; color: 444444; }
.simpleModuleBlue .desc		{ font-size: 14px; line-height: 22px; padding: 0px 14px 7px 10px; color: 555555; }
.simpleModuleBlue p			{ margin: 0 14px 0px 14px; font-size: 13px; line-height: 18px; color:: 777777; }

/*----------------- SIMPLE MODULE BLUE2  -----------------*/
.simpleModuleBlue2 .title	{ font-size: 14px; line-height: 14px; 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: 14px; 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: 13px; line-height: 16px; color:: 777777; }

/*----------------- 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: 14px; }

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

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

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

/*----------------- 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: 16px; font-family:"Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; margin-bottom: 1px; }
.formTable table			{ line-height: 22px; }

/*----------------- GENERAL INFO PAGE  -----------------*/
.twoColumns ul li	{ line-height: 24px; }

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

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

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

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

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