@charset "utf-8";

/*
Title: Default CSS
Date: Feb 2010
Author: Atikom Juntakoiol (ajuntakool@extractable.com)
*/

/*----------------- CSS NORMALIZER -----------------*/
/*
- cancels default styles applied to page elements
- adjusts default elements between browsers to same baseline
*/

div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, th, td {margin:0; padding:0;}
address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%;}
select, input, textarea {font:12px verdana,geneva,sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}
fieldset, img {border:0;}
img {vertical-align:middle;}
select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;}
legend {display:none;}
.skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;}
select {background:#FFF;}
.floatLeft	{ float: left; }
.floatRight { float: right; }
.png		{ _behavior: url(/common/css/iepngfix.htc); }
.cleaner	{ clear: both; _font-size: 1%; }
.clear5		{ clear: both; height: 5px; _font-size: 1%; }
.clear10	{ clear: both; height: 10px; _font-size: 1%; }
.tabClear	{ clear: both; height: 5px; _font-size: 1%; }
a			{ outline: none; }
label 		{ cursor: pointer; }

/*----------------- DEFAULT -----------------*/
body	{
	margin: 0;
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	background: url(img/bg-body.gif) center repeat-y;
}
h1		{ margin: 0 0 10px 0; padding: 0; color: #031a36; font-size: 28px; font-family:"Times New Roman", Times, serif; /*text-transform: uppercase;*/ }
h2		{ margin: 0 0 6px 0; padding: 0; color: #031a36; font-size: 17px; font-family:"Times New Roman", Times, serif; }
h3		{ margin: 0; padding: 0; color: #444444; font-size: 14px; font-family:"Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; }
h4		{ margin: 0; padding: 8px 0 10px 0; color: #444444; font-size: 14px; line-height: 14px; font-family:"Times New Roman", Times, serif; font-weight: bold; }
h5		{ margin: 0 0 6px 0; padding: 0; color: #073873; font-size: 12px; font-weight: bold; }
h6		{ margin: 0; padding: 0; color: #555555; font-size: 12px; font-weight: bold; }
p		{ margin: 0; padding: 0 0 8px 0px; line-height: 18px; }

/*----------------- LINKS -----------------*/
a		{ color: #073873; text-decoration: none; }
a:hover	{ text-decoration: underline; }

/*----------------- HEADER -----------------*/
/*#headerWrap			{ width: 960px; height: 115px; margin: 0 auto; position: relative; }*/
#headerWrap			{ width: 960px; height: 135px; margin: 0 auto; position: relative; }
#headerWrap .logo	{ position: absolute; top: 49px; left: 0px; }
#headerWrap .contact	{ width: 85px; height: 45px; background: url(img/bg-ContactUs.gif) no-repeat; position: absolute; top: 0px; right: 0px; text-align: center; line-height: 35px; }
#headerWrap .ada	{ width: 85px; height: 45px; background: url(img/bg-ada.gif) no-repeat; position: absolute; top: 0px; right: 86px; text-align: center; line-height: 35px; }

/*---------width updated for date code; spacing from right rev. from 3 on 5/25/12---------*/
#headerWrap .date	{ width: 150px; font-size:9px; text-align: right; position: absolute; top: 49px; right: 8px; }

#headerWrap .contact a			{ font-size: 12px; font-weight: bold; text-decoration: none; color: #FFF; }
#headerWrap .contact a:hover 	{ text-decoration: none; }

#headerWrap .ada a			{ font-size: 12px; font-weight: bold; text-decoration: none; color: #FFF; }
#headerWrap .ada a:hover 	{ text-decoration: none; }

#headerWrap .toolbar			{ width: 789px; height: 26px; top: 0px; left: 0px; text-align: right; font-size: 11px; line-height: 25px; background: #073873; position: absolute; color: #000000; }
#headerWrap .toolbar img		{ margin-bottom: 4px; _margin-top: 4px; margin-left: 5px; }
/*#headerWrap .toolbar a		{ text-decoration: none; }
#headerWrap .toolbar a:hover	{ text-decoration: underline; }*/
#headerWrap .toolbar a.on		{ font-weight: bold; }
#headerWrap .toolbar a.feedback	{ background: url(img/icon-feedback.gif) no-repeat left center; padding-left: 20px; margin: 0 7px 0 0; /*text-decoration: none;*/ color: #FFF; }
#headerWrap .toolbar a.txttoolbar	{ margin: 0 13px; /*text-decoration: none;*/ color: #FFF; }

/*---4/6/12 added padding, changed size of background gif-----------------*/
#headerWrap .searchWrap			{ background: url(img/bg-search.gif) no-repeat; width: 330px; height: 33px; position: absolute; top: 65px; right: 0px; padding-top: 6px; padding-left: 6px; }

/*---4/6/12 added class below to reposition search button in background gif-----------------*/
/*--- 5/25/12 changed left from 10 to 2, added font  mod -----------------*/
#searchButton {position: relative; left: 2px; font-size: 90%;  }

form#search 		{ position:relative; }
div#searchfieldWrap	{ position:relative; float:left; margin: 10px 3px 0px 10px; _margin: 7px 3px 0px 5px;}
*+html div#searchfieldWrap	{ position:relative; float:left; margin: 7px 3px 0px 10px; }

input#searchfield 	{ width:205px ; border: 0; margin: 0 0 0 5px; background: none; font-size: 11px; color: 999; }

div#btngoWrap		{ position: relative; float: left; margin: 7px 0 0 2px; }
input#btngo			{ width: 28px; height: 19px; }

label.overlabel 	{ position:absolute; top:0px; left:0px; color: #000; font-size: 11px; text-indent: -1000; display: none; }

/* Safari Adjust */
@media screen and (-webkit-min-device-pixel-ratio:0){
#headerWrap .searchWrap input.search	{ border: 0; width: 205px; margin-left: 10px; padding:20px 5px 0px 5px; font-size: 11px; color: 999999; background: none; float: left; }
}

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

/*----------------- CONTAINER -----------------*/
#mainContainer			{ width: 990px; margin: 0 auto; clear: both; background: url(img/bg-body.gif) repeat-y center; }
#containerHome			{ width: 960px; clear: both; position: relative; background: url(img/bg-heroHome.jpg) no-repeat top left; margin: 0 auto; }
#containerLanding		{ width: 960px; clear: both; position: relative; background: url(img/bg-hero.gif) no-repeat top left; margin: 0 auto; }
.containerfade			{ width: 990; margin: 0 auto; background: url(img/bg-bodyfade.gif) no-repeat center top; clear: both; }

/*----------------- SUB MENU -----------------*/
.subMenu		{ width: 960px; clear: both; position: relative; margin: 0 auto; }
.subMenu p		{ color: #000; line-height:12px; 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; }

/*----------------- LEFT NAVIGATION -----------------*/
#leftNav	{ width: 212px; margin: 0; padding: 0 0 12px 0; float: left; }
#leftNav ul	{ margin: 0; padding: 0; list-style-type: none; }

#leftNav ul li	{ margin: 0; padding: 0; display: inline; }

/* 1st Level */
#leftNav ul li a		{ display: block; width: 190px; margin: 0; padding: 10px 11px; font-size: 15px; font-weight: bold; line-height: 18px; color: #FFF; text-decoration: none; background: #717651; text-transform: uppercase; font-family:"Times New Roman", Times, serif; }
#leftNav ul li a:hover	{ text-decoration: underline; }

/* 2st Level */
#leftNav ul ul			{ padding-bottom: 6px; background: #8c9365; }
#leftNav ul ul li a		{ display: block; width: 190px; margin: 0; padding: 8px 11px; font-size: 12px; font-weight: bold; line-height: 16px; color: #FFF; text-decoration: none; background: #8c9365; text-transform: none; background: url(img/bg-leftNav.gif) center bottom no-repeat; font-family: Arial, Helvetica, sans-serif;}
#leftNav ul ul li a.last		{ background: none; }
#leftNav ul ul li a.selected	{ font-weight: bold; color: #000; text-decoration: none; background: #e3e6d5; }
#leftNav ul ul li a:hover	{ text-decoration: underline; } 

/* 3st Level */
#leftNav ul ul ul		{ padding-bottom: 11px; background: #e3e6d5; }

#leftNav ul ul ul li a	{ display: block; width: 167px; margin: 0; padding: 4px 11px 4px 34px; font-size: 12px; font-weight: normal; line-height: 14px; color: #073873; text-decoration: none; 
background: url(img/icon-leftnav.gif) 22px 7px no-repeat #e3e6d5; font-family: Arial, Helvetica, sans-serif; }
#leftNav ul ul ul li a.selected	{ font-weight: bold; color: #000; text-decoration: none; background: #e3e6d5; background: url(img/icon-leftnav.gif) 22px 7px no-repeat; }

/*----------------- MAIN BANNER -----------------*/
#bannerWrap			{ float: left; width: 960px; background: url(img/bg-cleanerbold.gif) no-repeat 15px bottom; padding-bottom: 20px; clear: both; position: relative; }

#bannerWrap .contentLeft	{ float: left; width: 230px; margin: 18px 0 0 15px; _margin: 18px 0 0 9px; }
.contentLeft img 			{ margin-bottom: 6px;}
.contentLeft img.btline		{ padding-bottom: 6px; border-bottom: #dde2ea 1px solid; }
.contentLeft ul				{ margin: 0; padding: 0; list-style: none; font-weight: bold; }
.contentLeft ul li			{ line-height: 18px; }

.txtWrap	{ float: left; width: 450px; position: absolute; top: 35px; left: 470px; }
.txtWrap p	{ font-size: 14px; line-height: 20px; color: #666666; }

.txtWrap2	{ float: left; width: 454px; margin: 17px 0 0 240px; background: url(img/bg-bannerHome2.gif) no-repeat; _background: url(img/bg-bannerHome2_ie6.gif) no-repeat; }
.txtWrap2 .title	{ font-size: 14px; font-weight: bold; color: #FFF; text-transform: uppercase; font-family:"Times New Roman", Times, serif; line-height: 33px; padding-left: 14px; }
.txtWrap2 .left			{ float: left; width: 125px; }
.txtWrap2 .right	{ float: left; width: 300px; margin: 10px 0px 0px 10px; }
.txtWrap2 .right p	{ font-size: 13px; line-height: 20px; }

/*----------------- MAIN CONTENT -----------------*/
#mainContentWrap	{ width: 960px; position: relative; clear: both; padding-bottom: 55px; margin: 0 auto; }
.bgThreeColumn		{ background: url(img/bg-3Col.gif) center repeat-y; position: relative; }
.bgTwoColumn		{ background: url(img/bg-2Col.png) center repeat-y; position: relative; _behavior: url(/common/css/iepngfix.htc); margin-top: 10px; }

/* changed .toolbar background color and font color per Brian 4/3/12 */
#headerWrap .toolbar			{ width: 789px; height: 26px; top: 0px; left: 0px; text-align: right; font-size: 11px; line-height: 25px; background: #E3E6D5; position: absolute; color: #666666; }

/*#mainContentWrap h3			{ margin: 0 0 8px 0; padding: 0 0 8px 0; display: block; border-bottom: solid 1px #cccccc; }*/
#mainContentWrap h3 a:hover		{ color: #5d81ac; text-decoration: none; }


#mainContentWrap h3.externalLink	{ margin: 0 0 12px 0; padding: 0 20px 12px 0; display: block; border-bottom: solid 1px #cccccc; background: url(../../images/icon-externalLinks.gif) no-repeat center right; }
#mainContentWrap ol		{ margin: 0px 0px 12px 15px; _margin: 0px 0px 12px 23px; }
*+html #mainContentWrap ol		{ margin: 0px 0px 12px 23px; }
#mainContentWrap ol li	{ line-height: 18px; }
#mainContentWrap form	{ margin: 0px 0px 12px 0px; }

#mainContentWrap .txtsmall			{ margin: 0; padding: 0; font-size: 9px; line-height: 14px; }
#mainContentWrap .contentColumn		{ float: left; width: 225px; margin: 4px 0 0 15px; _margin: 4px 0 0 10px; }
#mainContentWrap .contentCenter		{ float: left; width: 455px; margin: 4px 0 0 0; }
#mainContentWrap .contentCenterWrap	{ float: left; width: 695px; margin: 4px 0 0 20px; _margin: 4px 0 0 18px; }
#mainContentWrap .contentCenterWide	{ float: left; width: 695px; margin: 4px 0 0 20px; _margin: 4px 0 0 18px; }
.contentCenterWide .subContent		{ float: left; width: 660px; margin: 0 0 0 15px; }
#mainContentWrap .tabWrap			{ float: left; width: 676px; margin: 10px 0 0 0; padding: 20px 0px 12px 0px; background: #f2f2f2; }

.contentColumn select	{ margin-bottom: 8px; border-bottom: 1px solid #c3c3c3; width: 212px; color: #555555; font-size: 12px; background: url(img/bg-select.gif) top left no-repeat; }
.contentCenter 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; }	


/*----------------- HERO MODULE  -----------------*/
.hero	{ float: left; width: 680px; padding: 0 0 23px 0; margin: 8px 0 4px 0; background: url(img/bg-cleanerbold.gif) no-repeat left bottom; }

.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; background: url(img/bg-heroBanner.jpg) no-repeat; }

.banner img		{ padding: 2px; }
.bgDivision		{ background: url(img/bg-heroDivisions.jpg) top left no-repeat; }
.bgOnline		{ background: url(img/bg-heroOnline.jpg) top left no-repeat; }
.bgJury			{ background: url(img/bg-heroJury.jpg) top left no-repeat; }

.hero .banner2	{ float: left; width: 679px; height: 217px; margin: 12px 0 0 0; position: relative; background: url(img/bg-hero2.jpg) no-repeat; }
.banner2 img		{ padding: 2px; }
.banner2 .wrap1	{ float: left; width: 390px; position: absolute; top: 140px; left: 20px; font-family:"Arial", Times, serif; font-size: 14px; color: #FFF; line-height: 20px; }
.banner2 .wrap2 { float: left; width: 215px; position: absolute; top: 15px; right: 15px; font-size: 13px; 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:"Arial", Times, serif; }
.banner .wrap h1	{ font-size: 18px; line-height: 21px; margin: 0; padding: 0; }
.banner .wrap p		{ font-size: 14px; line-height: 20px; color: #e5e5e5; margin: 0; padding: 0; }

/*special class added 4/7/15 per brian for banner on Online Services page */
.banner .wrapos		{ float: left; width: 450px; position: absolute; top: 12px;  right: 30px; font-family: Arial, Helvetica, sans-serif; }
.banner .wrapos h1	{ font-size: 18px; line-height: 21px; margin: 0; padding-top: 0px; padding-bottom: 7px; font-family: Arial, Helvetica, sans-serif;}
.banner .wrapos p		{ font-size: 15px; line-height: 17px; color: #fff; margin: 0; padding: 0px; }
/* end of special class */

/*----------------- SPECIAL MESSAGE  -----------------*/
.special		{ float: left; width: 919px; padding: 2px; border: 1px solid #999; background: #FFF; margin: 12px 0 0 15px; _margin: 12px 0 0 9px; position: relative; }
.special .title	{ position: absolute; top: 10px; left: 15px; font-family:"Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #000; text-transform: uppercase; }
.special .date	{ position: absolute; top: 33px; left: 15px; font-size: 9px; font-weight: bold; color: #FFF; text-transform: uppercase; }
.specialInner	{ background: #999; }
.specialInner p	{ font-size: 14px; line-height: 20px; color: #FFF; padding: 7px 25px 7px 250px; }


/*----------------- SPECIAL MESSAGE  2 Column Content Page -----------------*/
.special2		{ float: left; width: 640px; padding: 2px; border: 1px solid #999; background: #FFF; margin: 12px 0 0 15px; _margin: 12px 0 0 9px; position: relative; }
.special2 .title	{ position: absolute; top: 10px; left: 15px; font-family:"Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #000; text-transform: uppercase; }
.special2 .date	{ position: absolute; top: 33px; left: 15px; font-size: 9px; font-weight: bold; color: #FFF; text-transform: uppercase; }
.specialInner2	{ background: #999; }
.specialInner2 p	{ font-size: 14px; line-height: 20px; color: #FFF; padding: 7px 25px 7px 140px; }


/*----------------- 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; }
.descTxt a			{ text-decoration: underline; }
.descTxt a:hover	{ color: #5d81ac; text-decoration: none; }
.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; }


/*----------------- HERO4 MODULE  -----------------*/
.hero4			{ float: left; width: 444px; padding: 0 0 23px 0; margin: 8px 0 4px 0; no-repeat left bottom; }
.hero4 .divline	{ clear: both; height: 8px; background: url(img/bg-cleanerbold.gif) no-repeat left center; padding: 15px 0; }
.hero4 .title	{ font-size: 20px; font-family:"Times New Roman", Times, serif; color:#000; line-height:20px; text-transform: uppercase; padding: 0; margin-bottom: 10px; }
.hero4 .descTxt	{ font-size: 14px; line-height: 20px; }
.descTxt a			{ text-decoration: underline; }
.descTxt a:hover	{ color: #5d81ac; text-decoration: none; }
.hero4 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; }


/*----------------- FUNCTION  -----------------*/
.function			{ float: left; width: 680px; padding: 4px 0; margin: 0; text-align: right; }
.function a.print	{ background: url(img/icon-print.gif) no-repeat left center; padding-left: 20px; margin: 0 7px 0 0; }
.function a.email	{ background: url(img/icon-email.gif) no-repeat left center; padding-left: 20px; margin: 0 0 0 7px; }

/*----------------- SIMPLE MODULE  -----------------*/
.contentColumn .simpleModule	{ float: left; width: 212px; margin: 0; padding: 0 0 8px 0; float: left;  }
.contentCenter .simpleModule	{ float: left; width: 435px; margin: 0; padding: 0 0 8px 0; float: left;  }
.contentCenterWide .simpleModule	{ float: left; width: 680px; margin: 0; padding: 0 0 8px 0; float: left; }

.simpleModule h3		{ margin: 0 0 8px 0; padding: 8px 0px; display: block; border-bottom: solid 1px #cccccc; border-top: solid 1px #cccccc;}
.simpleModule ul	{ margin: 0px 0px 8px 0px; list-style-type: none; }
.simpleModule ul li	{ line-height: 22px; }

.simpleModule .innerContentLeft		{ float: left; width: 205px; margin: 0 20px 0 0; }
.simpleModule .innerContentRight	{ float: left; width: 200px; margin: 0; }

.simpleModule .innerContent2Left	{ float: left; width: 189px; margin: 5px 20px 0 16px; _margin: 5px 20px 0 8px;}
.simpleModule .innerContent2Right	{ float: left; width: 200px; margin: 5px 0 0 0; }

/*----------------- SIMPLE MODULE2  -----------------*/
.contentColumn .simpleModule2		{ float: left; width: 212px; margin: 0; padding: 0 0 12px 0; float: left; background: url(img/bg-cleanerbold.gif) no-repeat left bottom; }
.contentCenter .simpleModule2		{ float: left; width: 435px; margin: 0; padding: 0 0 12px 0; float: left; background: url(img/bg-cleanerbold.gif) no-repeat left bottom; }
.contentCenterWide .simpleModule2		{ float: left; width: 680px; margin: 0; padding: 0 0 12px 0; float: left; background: url(img/bg-cleanerbold.gif) no-repeat left bottom; }

.simpleModule2 h3		{ margin: 0 0 8px 0; padding: 8px 0px; display: block; border-bottom: solid 1px #cccccc; }
.simpleModule2 ul		{ margin: 0px 0px 8px 0px; list-style-type: none; }
.simpleModule2 ul li	{ line-height: 22px; }

/*----------------- SIMPLE MODULE3  -----------------*/
.contentColumn .simpleModule3	{ float: left; width: 212px; padding: 0 0 8px 0; margin: 0px; float: left; }
.contentCenter .simpleModule3	{ float: left; width: 435px; padding: 0 0 8px 0; margin: 0px; float: left; }
.contentCenterWide .simpleModule3	{ float: left; width: 676px; padding: 0 0 8px 0; margin: 0px; float: left; }

.simpleModule3 h3		{ margin: 0 0 8px 0; padding: 8px 0px; display: block; border-bottom: solid 1px #cccccc; }
.simpleModule3 ul		{ margin: 0px 0px 8px 0px; list-style-type: none; }
.simpleModule3 ul li	{ line-height: 22px; }
.simpleModule3 .innerContentLeft		{ float: left; width: 205px; margin: 0 20px 0 0; }
.simpleModule3 .innerContentRight	{ float: left; width: 200px; margin: 0; }

.simpleModule3 .innerContent2Left	{ float: left; width: 189px; margin: 5px 20px 0 16px; _margin: 5px 20px 0 8px;}
.simpleModule3 .innerContent2Right	{ float: left; width: 200px; margin: 5px 0 0 0; }

/*----------------- SIMPLE MODULE BLUE  -----------------*/
.simpleModuleBlue			{ float: left; width: 212px; background: url(img/bg-simpleModuleBlue.gif) no-repeat left top; }
.simpleModuleBlue .title	{ font-size: 12px; line-height: 12px; font-weight: bold; font-family:"Times New Roman", Times, serif; text-transform: uppercase; padding: 20px 14px 7px 14px; color: 444444; }
.simpleModuleBlue .desc		{ font-size: 12px; line-height: 19px; padding: 0px 14px 7px 10px; color: 555555; }
.desc a, .desc a:visited	{ text-decoration: underline; }

.simpleModuleBlue p			{ margin: 0 14px 0px 14px; font-size: 11px; line-height: 16px; color:: 777777; }
.simpleModuleBlue .bottom	{ clear: both; height: 8px; _font-size: 1%; background: url(img/bg-simpleModuleBlueBottom.gif) no-repeat left top; }

.simpleModuleBlue .searchWrap			{ width: 180px; margin: 0 0 15px 13px; background: url(img/bg-form.gif) no-repeat; height: 21px; border: solid 1px #FFF; }
.simpleModuleBlue .searchWrap input.search	{ border: 0; width: 105px; padding:5px 5px 0px 5px; font-size: 11px; color: 999999; background: none; float: left; }
.simpleModuleBlue .searchWrap input.btn	{ width: 64px; height: 21px; float: right; margin-top: 1px; }

/*----------------- SIMPLE MODULE BLUE2  -----------------*/
.simpleModuleBlue2			{ float: left; width: 212px; margin-top: 20px; background: #edeff1; }
.simpleModuleBlue2 .title	{ font-size: 12px; line-height: 12px; 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 0px 10px; color: 555555; }
.desc2 p.pdf				{ font-size: 12px; line-height: 28px; background: url(img/icon-pdf3.gif) left center no-repeat; padding-left: 35px; }
.simpleModuleBlue2 a, .simpleModuleBlue2 a:visited { text-decoration: none; }
.simpleModuleBlue2 a:hover	{ text-decoration: underline; }
.simpleModuleBlue2 p			{ margin: 0 14px 12px 14px; font-size: 11px; line-height: 14px; color:: 777777; }

/*----------------- SIMPLE MODULE BLUE3  -----------------*/
.contentCenter .simpleModuleBlue3	{ float: left; width: 435px; padding: 0 0 8px 0; margin: 0 0 20px 0; float: left;  }
.BlueInner					{ background: #edeff1; clear: both; padding: 0 0 8px 0; float: left; width: 435px; }
.simpleModuleBlue3 h3		{ margin: 0 0 1px 0; padding: 8px 0px; display: block; border-bottom: solid 1px #cccccc; }
.simpleModuleBlue3 ul		{ margin: 0px 0px 8px 0px; list-style-type: none; }
.simpleModuleBlue3 ul li	{ line-height: 22px; }
.simpleModuleBlue3 .innerContentLeft	{ float: left; width: 189px; margin: 5px 20px 0 16px; _margin: 5px 20px 0 8px;}
.simpleModuleBlue3 .innerContentRight	{ float: left; width: 200px; margin: 5px 0 0 0; }

/*----------------- VERTICAL TAB  -----------------*/
.verticalTab			{ float: left; width: 435px; margin: 0px; padding: 0px; margin: 0; clear: both; border-bottom: 1px solid #CCCCCC; clear: both; }
.verticalTab .title		{  margin: 0; padding: 8px 0px; color: #444444; font-size: 14px; 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: 132px; height: 220px; margin: 0; padding: 0; background: #FFF; }
.verticalTab .vtabright	{ float: left; width: 285px; margin: 6px 0px 0px 12px; }


/*----------------- ACCORDION -----------------*/
.controls		{ float: right; padding-bottom: 7px; clear: both;  }

.trigger 		{ clear: both; cursor: pointer; cursor: pointer; font-size: 11px; font-weight: bold; height: 23px; padding: 8px 0 0 0px; border: 1px solid #ccc; border-width: 1px 0; background: #FFF;}

a.expandall		{ background: url("img/icon-plus.gif") no-repeat 0px 4px; padding-left: 15px; font-weight: bold; font-size: 11px; margin-right: 15px; }

a.collapseall	{ background: url("img/icon-minus.gif") no-repeat 0 4px; padding-left: 15px; padding-right: 0px; font-weight: bold; font-size: 11px; }

.triggerContent	{ padding: 10px; margin-bottom: 20px; background: #f6f6f6; border-bottom: solid 1px #CCC; }

.openlanguage 	{ color: #073873; background: url("img/icon-minus2.gif") no-repeat right center #f6f6f6; margin-top: -1px; padding-left: 10px; padding-right: 10px; }

.closedlanguage { color: #073873; background: url("img/icon-plus2.gif") no-repeat right center #FFF; margin-top: -1px; padding-left: 10px; padding-right: 10px; }

.triggerContent td	{ padding: 5px; }

.controls2		{ float: right; clear: both; position: absolute; top: 15px; right: 0px; }

.trigger2Wrap	{ float: left; width: 679px; clear: both; padding: 15px 0; border: solid #eaeaea; border-width: 0px 0 1px 0; position: relative; }

/*----------------- variation on wrap for narrower accordion for 3 column page -----------------*/
.trigger5Wrap	{ float: left; width: 434px; clear: both; padding: 15px 0; border: solid #eaeaea; border-width: 0px 0 1px 0; position: relative; }

.trigger2 		{ clear: both; cursor: pointer; cursor: pointer; font-size: 11px; font-weight: bold; height: 23px; padding: 8px 0 0 0px; border: 1px solid #eaeaea; border-width: 1px 0; background: #FFF;}

.triggerContent2	{ margin-bottom: 20px; background: #FFF; }

.openlanguage2 	{ color: #073873; background: url("img/icon-minus2.gif") no-repeat right center #FFF; margin-top: -1px; color: #555; padding-right: 10px; margin: 0; text-align: left; font-family: "Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; }

.closedlanguage2 { color: #073873; background: url("img/icon-plus2.gif") no-repeat right center #FFF; margin-top: -1px; color: #555; padding-right: 10px; margin: 0; text-align: left; font-family: "Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; }



/* 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: #e5e8d9; }
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; height: 170px; float: left; position: relative; clear: both; }
div.content .more		{ position: absolute; /*top: 145px;*/ bottom: 10px; right: 0px; }

/* HOMEPAGE B; CONTENT AREA */
ol#toc2				{ margin: 0; padding: 0; list-style: none; }
*+html ol#toc2		{ width: 132px; 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: 210px; float: left; clear: both; position: relative; }
div.content2 .more		{ position: absolute; bottom: 10px; right: 5px; }


/*----------------- DIVISIONS PAGE  -----------------*/
.contentCenterWide .threeColumns		{ float: left; width: 222px; margin: 0 10px 0 0; padding: 0; }
.contentCenterWide .threeColumnslast	{ float: left; width: 222px; margin: 0; padding: 0; }

.contentCenterWide .simpleModule4	{ float: left; width: 212px; margin: 0; padding: 0 0 8px 0; float: left; }

.simpleModule4 h3			{ margin: 0 0 8px 0; padding: 8px 0; display: block; border-bottom: solid 1px #cccccc; border-top: solid 1px #cccccc;}
.simpleModule4 ul	{ margin: 0px 0px 8px 0px; list-style-type: none; }
.simpleModule4 ul li	{ line-height: 22px; }

/*----------------- CIVIL PAGE  -----------------*/
.contentCenterWide .simpleModule5	{ float: left; width: 212px; padding: 0 0 8px 0; margin: 0px; float: left; }

.simpleModule5 h3			{ margin: 0 0 8px 0; padding: 8px 0; display: block; border-bottom: solid 1px #cccccc; }
.simpleModule5 ul		{ margin: 0px 0px 8px 0px; list-style-type: none; }
.simpleModule5 ul li	{ line-height: 22px; }

/*----------------- FORM AND FILING PAGE  -----------------*/
.formTable					{ float: left; width: 676px; padding-bottom: 1px; border-bottom: solid 1px #cccccc; }
.formTable caption			{ margin: 0; padding: 8px 0; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; text-align: left; color: #444444; font-size: 14px; font-family:"Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; margin-bottom: 1px; }
.formTable table			{ background: #fbfcfd; }
.formTable tr td			{ padding: 10px; vertical-align: top; }
.formTable tr.odd			{ background: #f5f6f8; }
.formTable tr.head			{ background: #cfd7e1; font-size: 13px; font-weight: bold; }
.formTable td				{ border-right: solid 2px #FFF; border-bottom: solid 2px #FFF; }
.formTable td.one			{ width: 165px; }
.formTable td.two			{ width: 285px; }
.formTable td.three			{ width: 60px; }
.formTable td.odd2			{ background: #eef0f2; }
.formTable td.head2			{ background: #93a7c0; color: #FFF; }

/*----------------- GENERAL INFO PAGE  -----------------*/
.contentCenterWide .twoColumns		{ float: left; width: 337px; margin: 8px 20px 0 0; padding: 0; border-top: solid 1px #cccccc; }
.contentCenterWide .twoColumns2		{ float: left; width: 335px; margin: 8px 0px 0 0; padding: 0; border-top: solid 1px #cccccc; }

/*.contentCenterWide .twoColumnslast	{ float: left; width: 213px; margin: 8px 0 0 0; padding: 0; padding: 20px 15px 20px 100px; background: #f8f9fb; border-top: 1px solid #dae1ea; border-bottom: 1px solid #dae1ea;}*/

.contentCenterWide .twoColumnslast	{ float: left; width: 335px; margin: 8px 0 0 0; background: #f8f9fb; border-top: 1px solid #dae1ea; border-bottom: 1px solid #dae1ea; }
.twoColumnslast table	{ width: 315px; margin: 20px 0 20px 0px; }
.twoColumnslast tr td	{ vertical-align: top;  }
.twoColumnslast a, .twoColumnslast a:visited	{ text-decoration: underline; }

.twoColumns ul		{ margin: 0px 0px 8px 0px; list-style-type: none; }
.twoColumns ul li	{ line-height: 22px; }

/*----------------- SELF-HELP PAGE  -----------------*/
.contentCenterWide .twoColumnsB		{ float: left; width: 335px; margin: 0px 16px 0 0; padding: 0; }
.contentCenterWide .twoColumnsBlast	{ float: left; width: 335px; margin: 0px 0px 0 0; padding: 0; }

.contentCenterWide .simpleModule6	{ float: left; width: 328px; margin: 0; padding: 0 0 8px 0; float: left; }

.simpleModule6 h3		{ margin: 0 0 8px 0; padding: 8px 0px; display: block; border-bottom: solid 1px #cccccc; border-top: solid 1px #cccccc;}
.simpleModule6 ul		{ margin: 0px 0px 8px 0px; list-style-type: none; }
.simpleModule6 ul li	{ line-height: 22px; }

.contentCenterWide .simpleModule7	{ float: left; width: 328px; margin: 0; padding: 0 0 8px 0; float: left; }
.simpleModule7 h3		{ margin: 0 0 8px 0; padding: 8px 0px; display: block; border-bottom: solid 1px #cccccc; }
.simpleModule7 ul		{ margin: 0px 0px 8px 0px; list-style-type: none; }
.simpleModule7 ul li	{ line-height: 22px; }

/*----------------- ONLINE SERVICES PAGE  -----------------*/
.onlineTable				{ float: left; width: 676px; padding-bottom: 13px; margin-top: 8px; margin-bottom: 1px; border-bottom: 1px solid #CCCCCC; }
.onlineTable table			{ background: #F3F4EA; line-height: 18px; }
.onlineTable caption			{ margin: 0; padding: 8px 0; border-top: solid 1px #cccccc;border-bottom: solid 1px #cccccc; text-align: left; color: #444444; font-size: 14px; font-family:"Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; }
.onlineTable tr td			{ padding: 10px; vertical-align: center; }
.onlineTable tr.odd			{ background: #E6E8D8; }
.onlineTable td				{ border-bottom: solid 2px #FFF; }
.onlineTable td.one			{ width: 500px; }
.onlineTable td.color1		{ background: #E6E8D8; }
.onlineTable td.color2		{ background: #D0D2BE; }

.onlineTable2				{ float: left; width: 676px; padding: 13px 0 30px 0; border-top: 1px solid #CCCCCC; margin-bottom: 8px; }
.onlineTable2 table			{ background: #ebebeb; line-height: 18px; }
.onlineTable2 tr td			{ padding: 10px; vertical-align: center; }
.onlineTable2 tr.odd		{ background: #fafafa; }
.onlineTable2 td			{ border-bottom: solid 2px #FFF; }
.onlineTable2 td.one		{ width: 500px; }
.onlineTable2 td.color1		{ background: #e3e3e3; }
.onlineTable2 td.color2		{ background: #f0f0f0; }

.contentCenterWide .simpleModule8	{ float: left; width: 212px; padding: 0 0 8px 0; margin: 0px; float: left; }
.simpleModule8 h3		{ margin: 0 0 8px 0; padding: 8px 0px; display: block; border-bottom: solid 1px #cccccc; }
.simpleModule8 ul		{ margin: 0px 0px 8px 0px; list-style-type: none; }
.simpleModule8 ul li	{ line-height: 22px; }

.wrapThreeColumns	{ float: left; width: 690px; background: url(img/bg-contentCenter3Wide.gif) left repeat-y; clear: both; }

/*----------------- FOOTER -----------------*/
/* changed a color, background color, and footer left and write text color per Brian 4/4/12 */
#footerWrap					{ width: 960px; height: 25px; background: #717651; line-height: 24px; clear: both; font-size: 11px; margin: 0 auto; }
#footerWrap a				{ color:#eeeeee; text-decoration: none; margin-left: 11px; margin-right: 11px; }
#footerWrap a:hover			{ text-decoration: underline; }
#footerWrap .footerLeft		{ float: left; color: #9d9d9d;}
#footerWrap .footerRight	{ float: right; color:#eeeeee; padding-right: 17px; }

/*----------------- DYNAMIC TAB  -----------------*/
.tabWrap h6			{ margin: 0px 30px 5px 30px; }
.tabWrap p			{ margin: 0px 30px 8px 30px; }

.tabWrapper { margin-top: 12px; clear: both; padding-top: 10px; border-top: 1px solid #CCCCCC; width: 676px;  float: left; }

h2.tab		{ font-weight: bold; font-size: 100%; margin-bottom: 0px; padding: 2px 0 0 0; font-weight:bold; font-family:"Times New Roman", Times, serif; text-transform: uppercase; }

h2.tab span { margin-left: 9px; margin-right: 0px; padding: 10px 10px 10px 0px; cursor: pointer;  }

h2.tab span.not-selected        { background: url(img/bg-tabRoundrLeft.gif) no-repeat left; padding-right: 0; padding-left: 0; margin-left: 0; color: #444; }
h2.tab span.not-selected .inner { background: url(img/bg-tabRoundRight.gif) no-repeat right;  }

h2.tab span.selected        { background: url(img/bg-tabRoundOverLeft.gif) no-repeat left; padding-right: 0; padding-left: 0; margin-left: 0; color: #444; }
h2.tab span.selected .inner { background: url(img/bg-tabRoundOverRight.gif) no-repeat right; }

/*----------------- DROPDOWN MENU  -----------------*/
#menu 		{ width: 960px; padding:0; margin:0 auto; list-style:none; height:45px; position:relative; z-index:500; clear: both; background: #e3e6d5; }
#menu li 	{ float:left; /*height: 45px;*/ }
#menu li a 	{ display:block; float:left; height:45px; line-height:45px; background:#333; display:block; overflow: hidden; _overflow: visible; }

/* MainLevel */
#menu a#home		{ background: url(img/bg-tabHome.gif) 0 0 no-repeat; width: 110px; height: 45px; color:#dae1ea; text-decoration: none; text-indent: -1000px; }
#menu a#online		{ background: url(img/bg-tabOnline.gif) 0 0 no-repeat; width: 170px; height: 45px; color:#dae1ea; text-decoration: none; text-indent: -1000px; }
#menu a#forms		{ background: url(img/bg-tabForms.gif) 0 0 no-repeat; width: 170px; height: 45px; color:#dae1ea; text-decoration: none; text-indent: -1000px; }
#menu a#selfhelp	{ background: url(img/bg-tabSelfHelp.gif) 0 0 no-repeat; width: 170px; height: 45px; color:#dae1ea; text-decoration: none; text-indent: -1000px; }
#menu a#divisions	{ background: url(img/bg-tabDivisions.gif) 0 0 no-repeat; width: 170px; height: 45px; color:#dae1ea; text-decoration: none; text-indent: -1000px; }
#menu a#info		{ background: url(img/bg-tabGeneral.gif) 0 0 no-repeat; width: 170px; height: 45px; color:#dae1ea; text-decoration: none; text-indent: -1000px; }

/* MainLevel: hover */
#menu a#home:hover, body.homepage #menu a#home	{ background: url(img/bg-tabHome.gif) 0 -90px no-repeat; width: 110px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }
#menu a#online:hover, body.onlineServices #menu a#online { background: url(img/bg-tabOnline.gif) 0 -90px no-repeat; width: 170px; height: 45px; color: #8c9365; text-decoration: none; text-indent: -1000px; }
#menu a#forms:hover, body.forms #menu a#forms { background: url(img/bg-tabForms.gif) 0 -90px no-repeat; width: 170px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }
#menu a#selfhelp:hover, body.selfhelp #menu a#selfhelp	{ background: url(img/bg-tabSelfHelp.gif) 0 -90px no-repeat; width: 170px; height: 45px; color: #8c9365; text-decoration: none; text-indent: -1000px; }
#menu a#divisions:hover, body.divisions #menu a#divisions	{ background: url(img/bg-tabDivisions.gif) 0 -90px no-repeat; width: 170px; height: 45px; color: #8c9365; text-decoration: none; text-indent: -1000px; }
#menu a#info:hover, body.info #menu a#info { background: url(img/bg-tabGeneral.gif) 0 -90px no-repeat; width: 169px; height: 45px; color: #8c9365; text-decoration: none; text-indent: -1000px; }

/* MainLevel: StayHover */
#menu li:hover > a#online	{ background: url(img/bg-tabOnline.gif) 0 -90px no-repeat; width: 170px; height: 45px; color: #8c9365; text-decoration: none; text-indent: -1000px; }
#menu li:hover > a#forms { background: url(img/bg-tabForms.gif) 0 -90px no-repeat; width: 170px; height: 45px; color: #8c9365; text-decoration: none; text-indent: -1000px; }
#menu li:hover > a#selfhelp	{ background: url(img/bg-tabSelfHelp.gif) 0 -90px no-repeat; width: 170px; height: 45px; color: #8c9365; text-decoration: none; text-indent: -1000px; }
#menu li:hover > a#divisions	{ background: url(img/bg-tabDivisions.gif) 0 -90px no-repeat; width: 170px; height: 45px; color: #8c9365; text-decoration: none; text-indent: -1000px; }
#menu li:hover > a#info { background: url(img/bg-tabGeneral.gif) 0 -90px no-repeat; width: 169px; height: 45px; color: #8c9365; text-decoration: none; text-indent: -1000px; }

/* MainLevel: selected */
body.homepage #menu a#home	{ background: url(img/bg-tabHome.gif) 0 -45px no-repeat; width: 110px; height: 45px; color: #8c9365; text-decoration: none; text-indent: -1000px; }
body.onlineServices #menu a#online { background: url(img/bg-tabOnline.gif) 0 -45px no-repeat; width: 170px; height: 45px; color: #8c9365; text-decoration: none; text-indent: -1000px; }
body.forms #menu a#forms { background: url(img/bg-tabForms.gif) 0 -45px no-repeat; width: 170px; height: 45px; color: #8c9365; text-decoration: none; text-indent: -1000px; }
body.selfhelp #menu a#selfhelp	{ background: url(img/bg-tabSelfHelp.gif) 0 -45px no-repeat; width: 170px; height: 45px; color: #8c9365; text-decoration: none; text-indent: -1000px; }
body.divisions #menu a#divisions	{ background: url(img/bg-tabDivisions.gif) 0 -45px no-repeat; width: 170px; height: 45px; color: #8c9365; text-decoration: none; text-indent: -1000px; }
body.info #menu a#info { background: url(img/bg-tabGeneral.gif) 0 -45px no-repeat; width: 169px; height: 45px; color: #8c9365; text-decoration: none; text-indent: -1000px; }

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; }

#menu li a:hover	{ z-index:200; position:relative; color:#8c9365; text-decoration: none; }
#menu li:hover 		{ position:relative; z-index:200; }

#menu :hover ul { left:0; top:45px; width:170px; background:#8c9365; }

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, #menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }

#menu :hover ul :hover ul { left:120px; top:-1px; background:#8c9365; white-space:nowrap; width:169px; z-index:200; height:auto; }
#menu :hover ul li { margin:0; background: #8c9365; }
#menu :hover ul li a { width:169px; height: 29px; font-size: 11px; font-weight: bold; line-height: 29px; color: #FFF; text-decoration: none;  text-indent: 11px; text-transform: none; 
background: url(img/bg-dropdown.gif) center bottom no-repeat; }
#menu :hover ul li a.last	{ padding-bottom: 6px; background: none; }
#menu :hover ul :hover { background-color:#717651; color:#fff;}

/*----------------- MISC -----------------*/
.alignModule		{ width: 690px; clear: both; float: left; _padding-bottom: 8px; }
*+html .alignModule	{ width: 690px; clear: both; float: left; padding-bottom: 8px; } /* IE7 */

.imgtxtWrap		{ float: left; clear: both; margin: 0 5px 0 0; }

.imgtxtRight	{ float: right; clear: both; margin: 0 0 10px 15px; }
.imgborder	 	{ padding: 1px; border: #d8d8d8 solid 1px; margin-bottom: 5px; }

.image			{ margin-bottom: 10px; }
.image img		{ padding: 1px; border: #d8d8d8 solid 1px; }
.image .imgcaption	{ width: 205px; font-size: 11px; line-height: 15px; margin-top: 7px; color: #888888; }

.iconLeft		{ margin: 0px 5px 0px 0px; }
.iconRight		{ margin: 0px 0px 0px 5px; }
ul.square		{ margin: 0px 0px 12px 5px; list-style-type: none; }
ul.square li	{ line-height: 18px; background: url(img/bg-ulSquare.gif) no-repeat left center; padding: 0 0 0 11px; }

/*----------------- new bullet added for content - uses new square background image -----------------*/
ul.square2		{ margin: 0px 5px 15px 40px; list-style-type: none; }
ul.square2 li	{ line-height: 18px; background: url(img/bg-ulSquare2.gif) no-repeat left top; padding: 0 0 0 11px; }


.iconArrowLeft		{ background: url(img/icon-externalLinks.gif) left center no-repeat; padding-left: 15px; }
.iconArrow2Left		{ background: url(img/icon-externallinks2.gif) left center no-repeat; padding-left: 15px; }

.iconArrowRight		{ background: url(img/icon-externalLinks.gif) right center no-repeat; padding-right: 15px; }
.iconArrow2Right	{ background: url(img/icon-externallinks2.gif) right center no-repeat; padding-right: 15px; }

.iconPDFLeft		{ background: url(img/icon-pdf.gif) left center no-repeat; padding-left: 20px; _background: url(img/icon-pdf.gif) left top no-repeat; padding-left: 20px;}
*+html .iconPDFLeft		{ background: url(img/icon-pdf.gif) left top no-repeat; padding-left: 20px;}


.iconPDFRight		{ background: url(img/icon-pdf.gif) right center no-repeat; padding-right: 20px; }

.iconPDF3Left		{ background: url(img/icon-pdf3.gif) left center no-repeat; padding-left: 35px; }
.iconPDF3Right		{ background: url(img/icon-pdf3.gif) right center no-repeat; padding-right: 35px; }

.iconArrowDownRight		{ background: url(img/icon-arrowDown1.gif) right center no-repeat; padding-right: 13px; }
.iconArrowDown2Right	{ background: url(img/icon-arrowDown2.gif) right center no-repeat; padding-right: 13px; }

.iconPhoneLeft		{ background: url(img/icon-phone.gif) left center no-repeat; padding-left: 23px; }
.iconPhoneRight		{ background: url(img/icon-phone.gif) right center no-repeat; padding-right: 23px; }

.iconADALeft		{ background: url(img/icon-ada.gif) left center no-repeat; padding-left: 18px; }
.iconADARight		{ background: url(img/icon-ada.gif) right center no-repeat; padding-right: 18px; }

.bgBlue		{ background: #eaeaea; }
.bgWhite	{ background: #FFF; }

.top10		{ margin-top: 10px; }
.bottom7	{ margin-bottom: 7px; }

.txtNormal	{ text-transform:none; font-weight: normal; }

/* Buttons - HomePage */
.btnJuryService	{ width: 212px; height: 45px; display: block; background: url(img/btn-JuryService.gif) no-repeat; margin-bottom: 6px; }
.btnJuryService:hover	{ background:url(img/btn-JuryServiceOver.gif) no-repeat; }
.btnJuryService span 	{ display: none; }

.btnTraffic	{ width: 212px; height: 45px; display: block; background: url(img/btn-TrafficTickets.gif) no-repeat; margin-bottom: 6px; padding-bottom: 6px; border-bottom: #dde2ea 1px solid; }
.btnTraffic:hover	{ background:url(img/btn-TrafficTicketsOver.gif) no-repeat; }
.btnTraffic span 	{ display: none; }

/* Buttons - Online Services Page */
.btnAccessNow		{ width: 121px; height: 25px; display: block; background: url(img/btn-accessNowGreen.gif) no-repeat; }
.btnAccessNow:hover	{ background:url(img/btn-accessNowGreenOver.gif) no-repeat; }
.btnAccessNow span { display: none; }

.btnRequestNow		{ width: 121px; height: 25px; display: block; background: url(img/btn-requestNowGreen.gif) no-repeat; }
.btnRequestNow:hover	{ background: url(img/btn-requestNowGreenOver.gif) no-repeat; }
.btnRequestNow span { display: none; }

.btnCheckStatus		{ width: 121px; height: 25px; display: block; background: url(img/btn-checkStatus.gif) no-repeat; }
.btnCheckStatus:hover	{ background: url(img/btn-checkStatusOver.gif) no-repeat; }
.btnCheckStatus span { display: none; }

.btnPayNow		{ width: 121px; height: 25px; display: block; background: url(img/btn-payNow.gif) no-repeat; }
.btnPayNow:hover	{ background: url(img/btn-payNowOver.gif) no-repeat; }
.btnPayNow span { display: none; }

.btnFileExt		{ width: 121px; height: 25px; display: block; background: url(img/btn-fileExtension.gif) no-repeat; }
.btnFileExt:hover	{ background: url(img/btn-fileExtensionOver.gif) no-repeat; }
.btnFileExt span { display: none; }

.btnOnlineStatus		{ width: 121px; height: 25px; display: block; background: url(img/btn-onlineStatus.gif) no-repeat; }
.btnOnlineStatus:hover	{ background: url(img/btn-onlineStatusOver.gif) no-repeat; }
.btnOnlineStatus span { display: none; }

.btnInPerson		{ width: 121px; height: 25px; display: block; background: url(img/btn-inPerson.gif) no-repeat; }
.btnInPerson:hover	{ background: url(img/btn-inPersonOver.gif) no-repeat; }
.btnInPerson span { display: none; }

.btnViewNow		{ width: 121px; height: 25px; display: block; background: url(img/btn-viewNow.gif) no-repeat; }
.btnViewNow:hover	{ background: url(img/btn-viewNowOver.gif) no-repeat; }
.btnViewNow span { display: none; }

.marginbt6	{ margin-bottom: 6px; }
.hide		{ color: #FFF; }



/*----------------- SEARCH RESULT PAGE -----------------*/
.result		{ float: left; width: 245px; }
.result h2 	{ color: #444; text-transform: uppercase; font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 1.167em; line-height: 19px; padding-bottom: 10px; border-width: 0; }

.searchinfo	{ display: block; width: 100%; border: 1px solid #CCC; border-width: 1px 0; line-height: 26px; margin-bottom: 15px; }

.searchforWrap			{ float: left; width: 100%; height: 30px; background: url(img/bg-searchresult_input.gif) top left no-repeat; }
form#searchfor	 		{ }
div#searchforfieldWrap	{ width: 360px; height: 20px; float: left;  }
input#searchforfield	{ border: 0; background: none; color: #555; font-size: 11px; width: 350px; padding: 4px 0 0 4px; }
div#btnsearchforWrap	{ width: 64px; float: left;}
input#btnsearhfor		{ width: 64px; height: 21px; }
.advtxtWrap				{ padding:2px 0 0 10px; float: left; width: 200px; }
.sortsearch				{ display: block; width: 670px; margin-bottom: 23px; text-align: right; }
.sortsearch label		{ font-weight: bold; padding: 0 2px 0 15px; }

/*----------------- MINE -----------------*/
.content600 { width: 600px; }
.redtext { color: #FF0000; }
.jury_response { color: #000099; }
.news_item { border-bottom: 1px solid #D9D8D8; padding-top: 8px; padding-bottom: 8px; }

ul.circlebullet {list-style-type: circle; list-style-position: inside; margin-left: 10px; }
ul.discbullet {list-style-type: disc; list-style-position: inside; margin-left: 10px; }
ul.squarebullet {list-style-type: square; list-style-position: inside; margin-left: 10px; }
ul.nobullet {list-style-type: none; list-style-position: inside; margin-left: 15px; }

ol.selfhelp {  list-style-position: inside; }

.rightblock { float: right; clear: both; padding: 4px; margin: 0 0 10px 15px; width: 210px; border: #d8d8d8 solid 1px; }

/*---5/25/12 added class below to pad quicklink buttons and form submit button -----------------*/
#Submit {font-size: 90%; padding: 2px; vertical-align: top; }

/*----------------- juror status table  -----------------*/
.juryTable				{  width: 410px; padding-bottom: 1px; border-bottom: solid 1px #cccccc; clear: both;}
.juryTable caption			{ background: #cfd7e1; margin: 0; padding: 8px;  border-bottom: solid 1px #cccccc; text-align: left; color: #444444; font-size: 12px; font-family: Arial, Helvetica, sans-serif;  margin-bottom: 1px; }
.juryTable table			{ background: #fbfcfd; }
.juryTable tr td			{ padding: 10px; vertical-align: top; }

.juryTable tr.head			{ background: #eef0f2; font-size: 13px; font-weight: bold; }
.juryTable td				{ border: solid 1px #dadcdd;  }
.juryTable td.one			{ width: 200px; }
.juryTable td.two			{ width: 200px; }

/*----------------- four column table table  -----------------*/
.fourColTable				{ float: left; width: 580px; padding-bottom: 1px; border-bottom: solid 1px #cccccc; }
.fourColTable caption			{ background: #cfd7e1; margin: 0; padding: 4px;  border-bottom: solid 1px #cccccc; text-align: center; color: #444444; font-size: 12px; font-family: Arial, Helvetica, sans-serif;  margin-bottom: 1px; }
.fourColTable table			{ background: #fbfcfd; }
.fourColTable tr td			{ padding: 4px; vertical-align: top; }

.fourColTable tr.head			{ background: #eef0f2; font-size: 13px; font-weight: bold; }
.fourColTable td				{ border-right: solid 2px #FFF; border-bottom: solid 2px #FFF; }
.fourColTable td.one			{ width: 140px; }
.fourColTable td.two			{ width: 120px; }
.fourColTable td.three			{ width: 100px; }
.fourColTable td.four			{ width: 120px; }

/*---------------------------------- general table settings ------------------ */

.sitewideTable				{ float: left;  padding-bottom: 1px;  background: #fbfcfd}
.sitewideTable tr td			{ padding: 8px; vertical-align: top; border: solid 1px #8c9365; }
.sitewideTable tr.head			{ background: #e3e6d5; font-size: 12px; font-weight: bold; color: #000; }



/*----------------- test FORM AND FILING PAGE  -----------------*/
.testformTable				{ float: left; width: 630px; padding-bottom: 1px; border-bottom: solid 1px #8c9365; }
.testformTable caption			{ margin: 0; padding: 8px 0; border-top: solid 1px #8c9365; border-bottom: solid 1px #8c9365; text-align: left; color: #444444; font-size: 14px; font-family:"Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; margin-bottom: 1px; }
.testformTable table			{ background: #fbfcfd; }
.testformTable tr td			{ padding: 10px; vertical-align: top; }
.testformTable tr.odd			{ background: #f5f6f8; }
.testformTable tr.head			{ background: #e3e6d5; font-size: 13px; font-weight: bold; }
.testformTable td				{ border-right: solid 1px #8c9365; border-bottom: solid 1px #8c9365; border-left: solid 1px #8c9365; }

.testformTable td.one			{ width: 320px; }
.testformTable td.two			{ width: 100px; }
.testformTable td.three			{ width: 80px; }
.testformTable td.four			{ width: 90px; }

.testformTable td.odd2			{ background: #eef0f2; }
.testformTable td.head2			{ background: #e3d6dr; color: #000; }