@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; }

/*----------------- Home: SMC -----------------*/
.contentLeft ul.onlineServiceHome {font-weight:normal; margin:0 0 0 3px; padding:0;}
.contentLeft ul.onlineServiceHome li  {padding:2px 0;}

/*----------------- DEFAULT -----------------*/
body	{ margin: 0;  font-size: 0.85em; font-family: Arial, Helvetica, sans-serif; color: #555555;}
h1		{ margin: 0 0 10px 0; padding: 0; color: #031a36; font-size: 29px; font-family:"Times New Roman", Times, serif; /*text-transform: uppercase;*/ }
h2		{ margin: 0 0 6px 0; padding: 0; color: #031a36; font-size: 18px; font-family:"Times New Roman", Times, serif; }
h3		{ margin: 0; padding: 0; color: #444444; font-size: 15px; 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: 15px; line-height: 15px; font-family:"Times New Roman", Times, serif; font-weight: bold; }
h5		{ margin: 0 0 6px 0; padding: 0; color: #073873; font-size: 13px; font-weight: bold; }
h6		{ margin: 0; padding: 0; color: #555555; font-size: 13px; font-weight: bold; }
p		{ margin: 0; padding: 0 0 20px 0px; line-height: 20px; }

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

/*----------------- HEADER -----------------*/
#headerWrap			{ width: 960px; height: 115px; float: left; position: relative; background:#fff;}
#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 .date	{ width: 160px; font-size:11px; text-align: right; position: absolute; top: 49px; right: 0px; }
#headerWrap .contact a			{ font-size: 12px; font-weight: bold; text-decoration: none; color: #FFF; }
#headerWrap .contact a:hover 	{ text-decoration: none; }

#headerWrap .toolbar			{ width: 875px; height: 26px; top: 0px; left: 0px; text-align: right; font-size: 11px; line-height: 25px; background: #073873; 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: 0px; }

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 span {display:none;}
a.medium	{ font-size: 10px; background: #FFF; border: 1px solid #bec0c2; padding: 3px 5px 0px 5px; margin-left: 5px; }
a.normal span {display:none;}
a.large		{ font-size: 12px; font-weight: bold; background: #FFF; border: 1px solid #bec0c2; padding: 1px 5px 0px 5px; margin-left: 5px; }
a.large span {display:none;}

/*----------------- CONTAINER -----------------*/
#mainContainer			{ width: 960px; margin: 0 auto; clear: both; background: url(img/bg-bodyOneColumn.gif) center repeat-y;}
#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 !important;; text-decoration: none !important;; 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; text-decoration: none; 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: 28px; background: url(img/icon-leftnav.gif) 16px 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: 28px; background: url(img/icon-leftnav.gif) 16px 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.gif) center repeat-y; position: relative; _behavior: url(/common/css/iepngfix.htc); margin-top: 10px; }
#headerWrap .toolbar			{ width: 875px; 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 12px 0px; }

#mainContentWrap .txtsmall			{ margin: 0; padding: 0;  font-size: 11px; 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	{ 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: 5px; border-bottom: 1px solid #CCCCCC; }

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

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

/*----------------- SPECIAL MESSAGE  -----------------*/
.special		{ float: left; width: 95%; padding: 2px; border: 2px solid #ff3333; background: #FFF; margin: 12px 0 8px 15px; _margin: 12px 0 8px 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;}
.special .date	{ position: absolute; top: 33px; left: 15px; font-size: 9px; font-weight: bold; color: #000; text-transform: uppercase; }
.specialInner	{ background: #fcebeb;}
.specialInner p	{font-size: 14px; line-height: 20px; color: #000; margin-left:200px; padding:7px;}

/*----------------- 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 10px 0; margin: 0; text-align: right; }
.function a.print	{ background: url(img/icon-print.gif) no-repeat left center; padding-left: 20px; margin: 0 0 0 0; color:#073873; padding-right:10px;}
.function a.email	{ background: url(img/icon-email.gif) no-repeat left center; padding-left: 20px; margin: 0 5px 0 7px; color:#073873;}

/*----------------- 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 15px; list-style-type: disc; }
.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: 13px; line-height: 13px; font-weight: bold; font-family:"Times New Roman", Times, serif; text-transform: uppercase; padding: 20px 14px 7px 10px; 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: 15px; 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: 285px; 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, .trigger		{ 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, .triggerContent	{ 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: #d1d7de; }
ol#toc li.current a { font-weight: bold; color: #000; background: url(img/bg-li_hero2Selected.gif) no-repeat 11px center; }
div.content 			{ width: 295px; 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: 250px; float: left; clear: both; position: relative; }
div.content2 .more		{ position: absolute; bottom: 0px; right: 5px; }


/*----------------- DIVISIONS PAGE  -----------------*/
.contentCenterWide .threeColumns		{ float: left; width: 222px; margin: 0 10px 0 0; padding: 0; }
.contentCenterWide .threeColumns .narrow {width: 200px;}
.contentCenterWide .threeColumns .wider {width:240px;}
.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; }
.contentCenterWide .simpleModule5 .narrow {width:190px;}

.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  smc: remove float:left on .formTable-----------------*/
.formTable					{  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.even 			{background:#f9f9f9;}
.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.traffic			{ width:100px; font-weight:bold; }
.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: #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; }
.simpleModuleBlue ul.square	{ margin: 0px 0px 12px 15px; list-style-type: none; }
ul.square li, .simpleModuleBlue ul.square li	{ line-height: 23px; background: url(img/bg-ulSquare.gif) no-repeat 0 8px; 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: 30px; display: block; background: url(img/btn-JuryService.gif) no-repeat; margin-bottom: 4px; }
.btnJuryService:hover	{ background:url(img/btn-JuryServiceOver.gif) no-repeat; }
.btnJuryService span 	{ display: none; }


.btnTraffic	{ width: 212px; height: 30px; display: block; background: url(img/btn-TrafficTickets.gif) no-repeat; margin-bottom: 4px;}
.btnTraffic:hover	{ background:url(img/btn-TrafficTicketsOver.gif) no-repeat; }
.btnTraffic span 	{ display: none; }



.btnSearchCase	{ width: 212px; height: 30px; display: block; background: url(img/btn-SearchCase.gif) no-repeat; margin-bottom: 4px;  }
.btnSearchCase:hover	{ background:url(img/btn-SearchCaseOver.gif) no-repeat; }
.btnSearchCase span 	{ display: none; }


.btnInterpreter	{ width: 212px; height: 30px; display: block; background: url(img/btn-InterpreterServices.gif) no-repeat; margin-bottom: 4px; padding-bottom: 4px; border-bottom: #fff 1px solid;}
.btnInterpreter:hover	{ background:url(img/btn-InterpreterServicesOver.gif) no-repeat; }
.btnInterpreter span 	{ display: none; }


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

.btnPayOnline	{ width: 121px; height: 25px; display: block; background: url(/common/css/img/btn-payOnline.gif) no-repeat; }
.btnPayOnline:hover	{ background: url(/common/css/img/btn-payOnlineOver.gif) no-repeat; }
.btnPayOnline span { display: none; }

.btnReserveCourtDate	{ width: 210px; height: 25px; display: block; background: url(/common/css/img/btn-reserveCourtDate.gif) no-repeat; }
.btnReserveCourtDate:hover	{ background: url(/common/css/img/btn-reserveCourtDateOver.gif) no-repeat; }
.btnReserveCourtDate span { display: none; }

.btnTrafficSchoolCompletion	{ width: 210px; height: 25px; display: block; background: url(/common/css/img/btn-trafficSchoolCompletion.gif) no-repeat; }
.btnTrafficSchoolCompletion:hover	{ background: url(/common/css/img/btn-trafficSchoolCompletionOver.gif) no-repeat; }
.btnTrafficSchoolCompletion span { display: none; }

.btnAccessTrafficTicket	{ width: 210px; height: 25px; display: block; background: url(/common/css/img/btn-accessTrafficTicket.gif) no-repeat; }
.btnAccessTrafficTicket:hover	{ background: url(/common/css/img/btn-accessTrafficTicketOver.gif) no-repeat; }
.btnAccessTrafficTicket span { display: none; }

.btnAmnestyProgram	{ width: 210px; height: 25px; display: block; background: url(/common/css/img/btn-amnestyProgram.gif) no-repeat; }
.btnAmnestyProgram:hover	{ background: url(/common/css/img/btn-amnestyProgramOver.gif) no-repeat; }
.btnAmnestyProgram 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; }

.btnAccessReserve	{ width: 121px; height: 49px; display: block; background: url(img/btn-accessReserve.gif) no-repeat; }
.btnAccessReserve:hover	{ background: url(img/btn-accessReserveOver.gif) no-repeat; }
.btnAccessReserve span { display: none; }

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





/*--------SMC customization -------------------*/
/*------------------------ -------------------*/
ul.horizontal_listing {margin:5px 100px; list-style-type:none;}
ul.horizontal_listing li {display:inline; padding:5px 0; margin:0; background:none; }
.standingOrders {padding-top:20px;}
.standingOrders td.two {width:596px;}
.standingOrders td.one {width:80px;}
.contentLeft ul.onlineServiceHome {font-size:0.95em; }
.iconYouTubeRight { background: url(img/icon-youtube.png) right center no-repeat; padding-right:45px; padding-top:5px; padding-bottom:5px; }


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

/*----------Court Divisions ---------------------------*/
.blackTxt {color:#1a1a1a;}

/*----------------- One Column design -----------------*/
#oneColumn {padding:0 20px 0 15px; margin:0;}
#oneColumn .hero	{ width: 100%;  }
#oneColumn .function			{ width:918px; }

/*----------------- Judicial Profiles -----------------*/
p.judicial {float:left; width:180px;}
.judicialProfile {width:450px; margin:0 0 45px 0; float:left; border-bottom: 2px solid #ccc; }
.openlanguage2 	{ text-transform: none; font-family: Arial, Helvetica, sans-serif; }
.closedlanguage2 { text-transform: none; font-family: Arial, Helvetica, sans-serif;}
.trigger2, .trigger		{ font-size: 1em; font-weight:normal;}
a.expandall		{ font-size: 0.85em; }
a.collapseall	{ font-size: 0.85em; }


/*----------------- Presiding Judges Corner -----------------*/
.readWholeThing {	display: none; padding:5px 10px 15px 10px; margin:0 0 20px 0; border:1px solid #ccc;  }
.showLink {float:right; padding-right:250px;}
 
/*----------------- ADA -----------------*/
p.indent {	margin-left:15px; }


/*----------------- left Nav -----------------*/
#leftNav ul li a.double:hover	{ text-decoration: underline; }
#leftNav ul ul li a.double		{ display: block; width: 212px; height: 46px; font-size: 12px; font-weight: bold; line-height: 22px; 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.selectedDouble		{ display: block; width: 212px; height: 46px; font-size: 12px; font-weight: bold; line-height: 22px; color: #000; text-decoration: none; background: #becdde; text-indent: 11px; }
#leftNav ul ul li a.doubleLast		{ display: block; width: 212px; height: 46px; font-size: 12px; font-weight: bold; line-height: 22px; color: #FFF; text-decoration: none; background: #5d81ac; text-indent: 11px; text-transform: none; background:none; font-family: Arial, Helvetica, sans-serif;}
#leftNav ul ul li a.selectedDoubleLast		{ display: block; width: 212px; height: 46px; font-size: 12px; font-weight: bold; line-height: 22px; color: #000; text-decoration: none; background: #becdde; text-indent: 11px; }
/* 3st Level */
#leftNav ul ul ul li a.double	{ display: block; width: 212px; height: 45px; font-size: 12px; font-weight: normal; line-height: 22px; color: #073873; text-decoration: none; background: #becdde; text-indent: 28px; background: url(img/icon-leftnav.gif) 16px 9px no-repeat; font-family: Arial, Helvetica, sans-serif; }
#leftNav ul ul ul li a.selectedDouble	{ display: block; width: 212px; height: 45px; font-size: 12px; font-weight: bold; line-height: 22px; color: #000; text-decoration: none; background: #becdde; text-indent: 28px; background: url(img/icon-leftnav.gif) 16px 9px no-repeat; font-family: Arial, Helvetica, sans-serif; }


/*----------------- online services -----------------*/
.btnMoreInfo		{ width: 121px; height: 25px; display: block; background: url(img/btn-moreInfo.gif) no-repeat; }
.btnMoreInfo:hover	{ background: url(img/btn-moreInfoOver.gif) no-repeat; }
.btnMoreInfo span { display: none; }

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

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

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

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

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

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

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

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

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

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

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

a.disclaimer:link,  a.disclaimer:visited,  a.disclaimer:hover, a.disclaimer:active {color:#c00; text-decoration:none;}


/*----------------- menu Drop down -----------------*/
#menu :hover ul li a.double { width:169px; height: 46px; font-size: 11px; font-weight: bold; line-height: 20px; color: #FFF; text-decoration: none;  text-indent: 11px; text-transform: none; 
background: url(img/bg-dropdown.gif) center bottom no-repeat; }

/*----------------- Hours -----------------*/
.dept {float:left; width:280px; padding:0 0 5px 0;}
.deptHours {padding:0 0 25px 10px; width:350px; line-height:20px; float:left;}

/*----------------- Forms and Filing  -----------------*/
.iconWORDRight		{ background: url(img/icon-word.gif) right center no-repeat; padding-right: 20px; }

/*----------------- Phone Numbers -----------------*/
.desc {padding-right:320px; }
.number {padding:0 130px 10px 0; float:right;}
.numberRight {float:right; padding:0 130px 0 0;}
.phoneNumDivider {padding-bottom:25px; padding-top:0;}
.branch {background:#f4f8fb; margin:5px 0; padding:5px 0;}

/*----------------- Maps and Locations -----------------*/
.printArea {display:none;}
.languageOption {text-align:right; padding:10px 15px; 10px 0;}

/*----------------- Court Reporter Transcripts -----------------*/
.rightTxt {float:right; padding-right:150px; width:410px; line-height:30px;}

/*----------------- Criminal: pathway annual report -----------------*/
.names {float:left; padding: 0 25px 20px 0;}

/*----------------- Civil: complex civil litigation -----------------*/
h4.complexLit {text-align:center; padding-top:15px;}
.indentTxt {text-indent:50px;}


/*----------------- Criminal: bridges programs -----------------*/
.txtLeft {float:left; width:280px; padding:0 0 0 0;}
.txtRight {padding:0 0 0 10px; width:280px; float:left;}
.divisions a.showLink {float:right; padding-right:100px;}

/* 4th Level  on Criminal */
#leftNav ul ul ul ul	{ padding-bottom: 0; background: #becdde; }
#leftNav ul 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: 38px; background: url(img/icon-leftnav.gif) 27px center no-repeat; font-family: Arial, Helvetica, sans-serif; }
#leftNav ul 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: 38px; background: url(img/icon-leftnav.gif) 27px center no-repeat; font-family: Arial, Helvetica, sans-serif; }

/*----------------- Jury: Reporting Status -----------------*/
.btnJuryStatus		{ width: 121px; height: 25px; display: block; background: url(img/btn-JuryStatus.gif) no-repeat; }
.btnJuryStatus:hover	{ background: url(img/btn-JuryStatusOver.gif) no-repeat; }
.btnJuryStatus span { display: none; }
.btnJuryParking		{ width: 121px; height: 25px; display: block; background: url(img/btn-JuryParking.gif) no-repeat; }
.btnJuryParking:hover	{ background: url(img/btn-JuryParkingOver.gif) no-repeat; }
.btnJuryParking span { display: none; }


/*----------------- Jury: Juror Record -----------------*/
.btnJurorRecord		{ width: 121px; height: 25px; display: block; background: url(img/btn-JurorRecord.gif) no-repeat; }
.btnJurorRecord:hover	{ background: url(img/btn-JurorRecordOver.gif) no-repeat; }
.btnJurorRecord span { display: none; }

/*----------------- Family Court Services -----------------*/
.espanolTxt {margin: 10px 0 10px 15px;}
.fcsCenterDivider {border-right:1px solid #d8d8d8;}
.fcsBottomDivider {border-bottom:1px solid #d8d8d8; margin-bottom: 18px;}
ol.fcsOrderList {padding-left:8px;}
ol.fcsOrderList li {padding-bottom:13px; line-height:15px;}
h3.shorterBorder {width:64%;}
h3.noBoderBtm {border-bottom:none; padding-bottom:0; margin-bottom:0; text-transform:none; text-align:center;}
ul li ul.btm {padding-bottom:0; padding-left:25px; margin-bottom:0;}

/*-----------------  Traffic -----------------*/
.alignRight {text-align:right;}
ol.trafficOrderList {padding-left:8px;}
ol.trafficOrderList li {padding-bottom:20px;}
ol.trafficFAQsOrderList li {padding-bottom:6px; margin-left:20px;}
ol.trafficOrderList li ul.square {margin-bottom:0; padding-bottom:0px; padding-top:5px;}
ol.trafficOrderList li ul.square li {padding-bottom:5px;}
.widerBlue {width:328px; background: url(img/bg-simpleModuleBlue2.gif)  left top;}
.widerBottom {clear: both; height: 8px; _font-size: 1%; background: url(img/bg-simpleModuleBlueBottom2.gif) no-repeat left top; }
p.walkin {border-bottom:1px dashed #bbb; padding-bottom:18px; margin-bottom:18px;}
.smallerBreak {line-height:8px;}

/*-----------------  Small Claims -----------------*/
dl.glossary {margin:0 0 20px 0;}
dl.glossary dt {font-weight:bold; padding:15px 0 5px 0;}
dd {margin-left:15px;}
.yourRights { margin:10px 100px; width:380px;text-align:center; font-weight:bold; border:2px solid #d8d8d8;}
.yourRights p {padding:8px;}
.yourRights  hr { color: #d8d8d8; background-color: #d8d8d8; height: 2px;margin:0;padding:0; border:none;}
.yourRights ol {font-weight:normal; margin-left:10px; padding:5px;}

/*-----------------  Grand Jury-----------------*/
.contentCenterWide .gj_wider {width:400px;}
ul.final_reports {margin-left:0;}

/*----------------- ADR -----------------*/
/*--- uses this module when no columns to it's left , check index and civil/index ---*/
.rightModuleADR { float:right; margin-left:5px; margin-bottom:10px;}
table.adr tr.odd td {padding-top:80px;}
table.adr td.rightCol {padding-left:150px;}
.attention {color:#f00;}

/*----------------- Family Law -----------------*/
ul.blockLeft {float:left; width:45%;}

/*----------------- Home -----------------*/
.vtabright ul {list-style-type:none; margin-left:15px;}
.vtabright ul li {padding:2px;}
ul.news {margin-left:0px; padding-left:0px;}
ul.news li { padding-bottom:15px;}
ul.news .newsDate {color:#000; font-weight:normal;}
#adarequirement {position:absolute; z-index:300; padding:3px 0 0 8px; font-size:0.85em;}
#adarequirement a { color:#fff;}

/*----------------- General Info  -----------------*/
.banner2 .iconHero	{  background: none;   padding-left:0; right:30px; width: 80px;}
.banner2 .iconHero2	{  background: url(img/icon-pdf3.gif) top left no-repeat;  }
.banner2 .wrap1	{ float: left; width: 390px; position: absolute; top: 165px; left: 20px; font-family:"Times New Roman", Times, serif; font-size: 16px; color: #FFF; line-height: 20px; }
.holidayTable tr td			{ padding: 7px;}
.holidayTable td.one {width: 125px;}

/*----------------- SIMPLE MODULE BLUE2  -----------------*/
.simpleModuleBlue2			{  margin-bottom: 7px;}
.desc2 p.pdf				{  margin-bottom:5px; padding-bottom:5px; }

/*----------------- Forms and Filing: FUNCTION  -----------------*/

.fnf_function			{  margin-top:5px; padding: 4px 5px 10px 0; text-align:right;}
.fnf_function a.print	{ background: url(img/icon-print.gif) no-repeat left center; padding-left: 20px; margin: 0; color:#073873;}
.fnf_function a.email	{ background: url(img/icon-email.gif) no-repeat left center; padding-left: 20px; margin: 0 5px 0 7px; color:#073873;}

/*----------------- email  -----------------*/
#emailheaderWrap			{ width: 100%; height: 100px; float: left; position: relative; background:#fff; border-bottom:3px solid #073873; margin-bottom:8px; padding:0;}
#emailheaderWrap .toolbar			{ width: 100%; height: 26px; top: 0px; left: 0px; text-align: right; font-size: 11px; line-height: 25px; background: #073873; position: absolute; color: #FFF; }
#emailfooterWrap					{ float: left; width: 100%; height: 25px; background: #073873; line-height: 24px; clear: both; font-size: 9px; position:absolute; bottom:0;/*margin-left: 15px; _margin-left: 7px;*/ }
#appsfooterWrap { float: left; width: 100%; height: 25px; background: #073873; line-height: 24px; clear: both; font-size: 9px; /*margin-left: 15px; _margin-left: 7px;*/ }
#emailheaderWrap .logo{ position: absolute; top: 49px; left: 0px; }
#emailmainContainer			{  margin: 0;  padding:0;}
#emailmainContainer .function	 {width:100%;}
#emailmainContainer	#oneColumn	{padding:0 0 0 20px; margin:0;}
#emailfooterWrap .footerRight, #appsfooterWrap .footerRight 	{ float: right; color:#eeeeee; padding-right: 17px; }

/*----------------- MIDX -----------------*/
table#midx {border:1px solid #ccc;font-family: verdana; background:#CACAD2;font-size:11px;}
table#midx tr.white {background:#fff;border-top:1px solid #ccc;padding:1px;}
table#midx tr.gray {background:#ccc;border-top:1px solid #ccc;padding:1px;}
table#midx tr.heading {background:#efefef;border-top:1px solid #ccc;padding:1px;}
table#midx tr.blank {background:#295b72;}
table#midx td {border-right:1px solid #ccc; padding:5px;}
table#midx tr.heading a:hover {text-decoration:none;}

/*----------------- Site Map-----------------*/
#mainContentWrap #oneColumn .contentCenterWide	{ float: left;  margin: 4px 0 0 0; _margin: 4px 0 0 0; }
#oneColumn .alignModule		{  width:910px; float:left; clear: both;  _padding-bottom: 8px; }
*+html #oneColumn .alignModule	{ width:910px; float:left; clear: both;  padding-bottom: 8px; } /* IE7 */
#oneColumn .contentCenterWide .threeColumns		{ float: left; width: 280px; margin: 0 30px 0 0; padding: 0; }
#oneColumn .contentCenterWide .simpleModule5	{ float: left; width: 280px; padding: 0 0 10px 0; margin: 0px; float: left; }

/*-----------  Court Call ------------------------------*/
ul.courtCall li	{ line-height: 20px; background: url(img/bg-ulSquare.gif) no-repeat 0 8px; padding: 0 0 0 11px; }
#costGrid {width:450px;margin-left:10px;padding:5px 0;}
#costGrid .gLeft {width:400px;}
#costGrid .gRight {float:right;}

/*----------------- redirect -----------------*/
#redirect {color: #7c6109; font-weight:bold; font-size:1em; padding:10px; line-height:25px;}
#redirect p {padding:0 0 10px 0;}


/*---------------- FAQs ---------------------*/
body.faqs .title {text-transform:none;}
body.faqs .formTable {border-bottom:none;}
.trigger2, .trigger { color:#175EA6; height:18px;}
.triggerContent2, .triggerContent {padding-top:10px;}
.trigger2Wrap{width:100%;}