@charset "utf-8";

/*
Title: Default CSS
Date: July 2009
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:99% 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; background-color:#89939F; }
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 2px 0; color: #444444; font-size: 14px; line-height: 14px; font-family:"Times New Roman", Times, serif; font-weight: bold; }
h5		{ margin: 0 0 5px 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; float: left; position: relative; }
#headerWrap .logo	{ position: absolute; top: 49px; left: 0px; }
#headerWrap .contact { width: 85px; height: 36px; background: url(img/bg-ContactUs.gif) no-repeat; position: absolute; top: 0px; right: 0px; text-align: center; line-height: 35px; }
#headerWrap .adaheader	{ width: 85px; height: 36px; background: url(img/bg-ContactUs.gif) no-repeat; position: absolute; top: 0px; right: 172px; text-align: center; line-height: 35px; }
#headerWrap .translate	{ width: 85px; height: 36px; position: absolute; top: 0px; right: 86px; line-height: 35px; text-align: center; }
#headerWrap .date	{ width: 100px; font-size:11px; text-align: right; position: absolute; top: 49px; right: 0px; padding: 0px 10px 0px 0px;}
#headerWrap .contact a			{ font-size: 12px; font-weight: bold; text-decoration: none; color: #FFF; }
#headerWrap .contact a:hover 	{ text-decoration: underline; }
#headerWrap .adaheader a			{ font-size: 12px; font-weight: bold; text-decoration: none; color: #FFF; }
#headerWrap .adaheader a:hover 	{ text-decoration: underline; }
#headerWrap .translate a			{ font-size: 12px; font-weight: bold; text-decoration: none; color: #FFF; text-align: center; }
#headerWrap .translate a:hover 	{ text-decoration: underline; }

#headerWrap .toolbar			{ width: 775px; height: 26px; top: 0px; left: 0px; text-align: right; font-size: 11px; line-height: 25px; background: #957B57; position: absolute; color: #FFF; }
#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; }

#headerWrap .searchWrap			{ background: url(img/bg-search.gif) no-repeat; width: 261px; height: 33px; position: absolute; top: 65px; right: 8px; }

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: 10px 0px 0px 12px; background: none; font-size: 11px; color: 999; }

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

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; margin-right: 7px;}

/*----------------- CONTAINER -----------------*/
#mainContainer			{ width: 991px; margin: 0 auto; clear: both; background: url(img/bg-footer.gif) center top no-repeat; padding-left: 27px; }
#containerHome			{ width: 960px; float: left; clear: both; position: relative; background: url(img/bg-heroHome.jpg) no-repeat top left; }
#containerLanding		{ width: 960px; float: left; clear: both; position: relative; background: url(img/bg-hero.gif) no-repeat top left; }

/*----------------- SUB MENU -----------------*/
.subMenu		{ float: left; width: 960px; clear: both; position: relative; }
.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: 212px; height: 36px; font-size: 15px; font-weight: bold;line-height: 36px; color: #FFF; text-decoration: none; background: #073873; text-indent: 11px; 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: #5d81ac; }
#leftNav ul ul li a		{ display: block; width: 212px; height: 29px; font-size: 12px; font-weight: bold; line-height: 29px; color: #FFF; text-decoration: none; background: #5d81ac; text-indent: 11px; 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		{ display: block; width: 212px; height: 29px; font-size: 12px; font-weight: bold; line-height: 29px; color: #FFF; background: #5d81ac; text-indent: 11px; text-transform: none; background: none; font-family: Arial, Helvetica, sans-serif;}
#leftNav ul ul li a.selected		{ display: block; width: 212px; height: 29px; font-size: 12px; font-weight: bold; line-height: 29px; color: #000; text-decoration: none; background: #becdde; text-indent: 11px; }

/* 3st Level */
#leftNav ul ul ul		{ padding-bottom: 11px; background: #becdde; }
#leftNav ul ul ul li a	{ display: block; width: 212px; height: 22px; font-size: 12px; font-weight: normal; line-height: 22px; color: #073873; text-decoration: none; background: #becdde; text-indent: 34px; background: url(img/icon-leftnav.gif) 22px center no-repeat; font-family: Arial, Helvetica, sans-serif; }
#leftNav ul ul ul li a.selected	{ display: block; width: 212px; height: 22px; font-size: 12px; font-weight: bold; line-height: 22px; color: #000; text-decoration: none; background: #becdde; text-indent: 34px; background: url(img/icon-leftnav.gif) 22px center no-repeat; font-family: Arial, Helvetica, sans-serif; }

/*----------------- 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	{ float: left; width: 960px; position: relative; clear: both; padding-bottom: 55px; }
.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; }
#headerWrap .toolbar			{ width: 702px; height: 26px; top: 0px; left: 0px; text-align: right; font-size: 11px; line-height: 25px; background: #073873; position: absolute; color: #FFF; }

/*#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 0px 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: 434px; 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:"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; }
.banner .wrap h2		{ margin: 0 0 6px 0; padding: 0; color: #fff; font-size: 17px; font-family:"Times New Roman", Times, serif; }


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

/*----------------- 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; }
/*.hero2 a, .hero2 a:visited { text-decoration: underline; }*/

/*----------------- 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; background-color:#FFF;}
.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; }

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

/*----------------- Info By Division Underline Links  -----------------*/
div.content a		{ text-decoration:underline; }

/* 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; }
.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 10px 10px 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; }

/*----------------- FORM AND FILING PAGE  -----------------*/
.formTable2					{ float: left; width: 435px; padding-bottom: 1px; }
.formTable2 caption			{ margin: 0; padding: 0px 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; }
.formTable2 table			{ background: #FFF; margin:0; }
.formTable2 tr td			{ padding: 0px 0px 0px 0px; vertical-align: top; }
.formTable2 tr.odd			{ background: #f5f6f8; }
.formTable2 tr.head			{ background: #cfd7e1; font-size: 13px; font-weight: bold; }
.formTable2 td				{ border-right: solid 2px #FFF; border-bottom: solid 2px #FFF; }
.formTable2 td.one			{ width: 165px; }
.formTable2 td.two			{ width: 285px; }
.formTable2 td.three			{ width: 60px; }
.formTable2 td.odd2			{ background: #eef0f2; }
.formTable2 td.head2			{ background: #93a7c0; color: #FFF; }

/*----------------- Holiday Schedule PAGE  -----------------*/
.formTable3					{ float: left; width: 676px; padding-bottom: 1px; }
.formTable3 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; }
.formTable3 table			{ background: #fbfcfd; }
.formTable3 tr td			{ padding: 3px 3px 3px 1px; vertical-align: top; }
.formTable3 tr.odd			{ background: #f5f6f8; }
.formTable3 tr.head			{ background: #cfd7e1; font-size: 13px; font-weight: bold; }
.formTable3 td				{ border-right: solid 2px #FFF; border-bottom: solid 2px #FFF; }
.formTable3 td.one			{ width: 165px; }
.formTable3 td.two			{ width: 285px; }
.formTable3 td.three			{ width: 60px; }
.formTable3 td.odd2			{ background: #eef0f2; }
.formTable3 td.head2			{ background: #93a7c0; color: #FFF; }

/*----------------- Phone Number Formatting  -----------------*/
.formTable4 tr td			{ padding: 0px 0px 0px 2px; vertical-align: top; }
.formTable4 tr.odd			{ background: #f5f6f8; }
.formTable4 tr.head			{ background: #cfd7e1; font-size: 13px; font-weight: bold; }
.formTable4 td				{ border-right: solid 2px #FFF; border-bottom: solid 2px #FFF; }
.formTable4 tr.odd			{ background: #f5f6f8; }
.formTable4 tr.head			{ background: #cfd7e1; font-size: 13px; font-weight: bold; }
.formTable4 td				{ border-right: solid 2px #FFF; border-bottom: solid 2px #FFF; }
.formTable4 td.one			{ width: 165px; }
.formTable4 td.two			{ width: 285px; }
.formTable4 td.three			{ width: 60px; }
.formTable4 td.odd2			{ background: #eef0f2; }
.formTable4 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: #f7f9fc; 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: #e8eef6; }
.onlineTable td				{ border-bottom: solid 2px #FFF; }
.onlineTable td.one			{ width: 500px; }
.onlineTable td.color1		{ background: #e8eef6; }
.onlineTable td.color2		{ background: #dae4f1; }

.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 -----------------*/
#footerWrap					{ float: left; width: 960px; height: 25px; background: #073873; line-height: 24px; clear: both; font-size: 9px; /*margin-left: 15px; _margin-left: 7px;*/ }
#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; list-style:none; height:45px; position:relative; z-index:500; clear: both; background: #dae1ea; }
#menu li 	{ float:left; }
#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: #7f95af; 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: #7f95af; 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: #7f95af; 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: #7f95af; 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: #7f95af; 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: #7f95af; 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: #7f95af; 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: #7f95af; 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: #7f95af; 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: #7f95af; 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: #7f95af; 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: #7f95af; 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: #7f95af; 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: #7f95af; 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: #7f95af; 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:#7f95af; text-decoration: none; }
#menu li:hover 		{ position:relative; z-index:200; }

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

/* 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:#5d81ac; white-space:nowrap; width:169px; z-index:200; height:auto; }
#menu :hover ul li { margin:0; background: #638ec1; }
#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:#073873; 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; }

.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 - HomePage - Quick Links */

a#btnFamilies-Children { display: block; width: 143px; height: 31px; background: transparent url(img/families-children.gif) no-repeat; }
a#btnFamilies-Children:hover	{ background-position: 0 -32px; }

a#btnJurors { display: block; width: 143px; height: 31px; background: transparent url(img/jurors.gif) no-repeat; }
a#btnJurors:hover	{ background-position: 0 -32px; }

a#btnTraffic-Citations { display: block; width: 143px; height: 31px; background: transparent url(img/traffic-citations.gif) no-repeat; }
a#btnTraffic-Citations:hover	{ background-position: 0 -32px; }

a#btnFamilies-Children { display: block; width: 143px; height: 31px; background: transparent url(img/families-children.gif) no-repeat; }
a#btnFamilies-Children:hover	{ background-position: 0 -32px; }

a#btnFamilies-Children { display: block; width: 143px; height: 31px; background: transparent url(img/families-children.gif) no-repeat; }
a#btnFamilies-Children:hover	{ background-position: 0 -32px; }

a#btnFamilies-Children { display: block; width: 143px; height: 31px; background: transparent url(img/families-children.gif) no-repeat; }
a#btnFamilies-Children:hover	{ background-position: 0 -32px; }

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

.btnRequestNow		{ width: 121px; height: 25px; display: block; background: url(img/btn-requestNow.gif) no-repeat; }
.btnRequestNow:hover	{ background: url(img/btn-requestNowOver.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; }

/* -----------------Specific to Merced --------*/

#google_translate_element {
text-align: right;
padding: 0px 10px 0px 0px;
}

/*----------------- 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: 14px; font-weight: bold; height: 23px; padding: 5px 0 0 12px; border: 1px solid #eaeaea; border-width: 1px 0; background: #FFF;}

.triggerContent2	{ margin: 5px 0 10px 0px; background: #FFF; }

.openlanguage2 	{ color: #073873; background: url("img/icon-minus2.gif") no-repeat left 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; }

.closedlanguage2 { color: #073873; background: url("img/icon-plus2.gif") no-repeat left 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; }



/*----------------- DROPDOWN translatemenu  -----------------*/
#translatemenu 		{ position:absolute; width: 85px; padding:0; margin:0; list-style:none; height:0px; position:relative; clear: both; background: #dae1ea; }
#translatemenu li 	{ float:left; text-align:left;}
#translatemenu li a 	{ float:left; width:85px; height:36px; line-height:36px; background:#333; background: url(img/bg-ContactUs.gif) no-repeat; }

#translatemenu .divisions li 	{ text-align:center;}

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

#translatemenu li a:hover	{ z-index:500; position:relative; text-decoration: none; }
#translatemenu li:hover 		{ position:relative; z-index:500; }

#translatemenu :hover ul { left:0; top:36px; width:85px; background:#5d81ac; }

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

#translatemenu :hover ul :hover ul { left:120px; top:-1px; background:#5d81ac; white-space:nowrap; width:85px; z-index:1000; height:auto; }
#translatemenu :hover ul li { margin:0; background: #638ec1; }
#translatemenu :hover ul li a { width:85px; 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; }
#translatemenu :hover ul li a.last	{ padding-bottom: 6px; background: none; }
#translatemenu :hover ul :hover { background-color:#073873; color:#fff;}

/*----------------- Custom Search  -----------------*/

#headerWrap .searchWrap			{ background: url(img/bg-search.gif) no-repeat; width: 300px; height: 33px; position: absolute; top: 66px; right: -6px; }

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

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

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

.red { color:red; }

.underlinelink { text-decoration:underline; }



#mainContentWrap .tabWrap			{ float: left; width: 676px; margin: 10px 0 0 0; padding: 20px 0px 12px 0px; background: #f2f2f2; }

/*----------------- Pop Over -----------------*/

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; }

/* Container */
#simplemodal-container {height:320px; width:600px; background-color:#FFF; border:4px solid #9A9A9A; padding:12px;}
#simplemodal-container a.modalCloseImg {background:url(img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}