body { font: normal 13px arial, helvetica, sans-serif; margin: 0; padding: 10px 0; color: #333; }
form { padding: 0; margin: 0; }
hr { border: 0; background: #999; color: #999; height: 1px; }
h3 { color: #006633; margin: 10px 0 5px 0; font-size: 16px; }
h4 { color: #003399; margin: 10px 0 5px 0; font-size: 12px; }
a img { border: none; }

a:link, a:visited, a:active { color: #0033ff; }
a:hover { color: #66cc00; }

.clear { clear: both; padding: 0; margin: 0; font-size: 1px; height: 0; }
.small { font-size: 10px; }

#body { width: 980px; margin: 0 auto; }
#logo { float: left; width: 170px; padding: 0 0 10px 0; }
#login { float: right; width: 220px; font-size: 12px; text-align: right; }
#loginUsername, #loginPassword { width: 120px; font: normal 12px arial, helvetica, sans-serif; border: 1px solid #999; }
#loginbutton { }
#tabs { float: left; margin: 40px 0 0 15px; padding: 0; }
#tabs li { display: inline; }

a.tabHome_on:link, a.tabHome_on:visited, a.tabHome_on:active { background: url(../images/menu_home_on.jpg) no-repeat; float: left; width: 48px; height: 26px; display: block; color: #000; font: bold 13px arial, sans-serif; text-decoration: none; text-align: center; line-height: 1; }
a.tabHome_off:link, a.tabHome_off:visited, a.tabHome_off:active { background: url(../images/menu_home_off.jpg) no-repeat;float: left; width: 48px; height: 26px; display: block; color: #000; font: bold 13px arial, sans-serif; text-decoration: none; text-align: center; line-height: 1; }
a.tabHome_on:hover, a.tabHome_off:hover { background: url(../images/menu_home_over.jpg) no-repeat; }
a.tab_on:link, a.tab_on:visited, a.tab_on:active { margin-left: 1px; background: url(../images/menu_on.jpg) no-repeat; float: left; width: 129px; height: 26px; display: block; color: #000; font: bold 13px arial, sans-serif; text-decoration: none; text-align: center; line-height: 2; }
a.tab_off:link, a.tab_off:visited, a.tab_off:active { margin-left: 1px; background: url(../images/menu_off.jpg) no-repeat; float: left; width: 129px; height: 26px; display: block; color: #000; font: bold 13px arial, sans-serif; text-decoration: none; text-align: center; line-height: 2; }
a.tab_on:hover, a.tab_off:hover { background: url(../images/menu_over.jpg) no-repeat; }

#banner { background: url(../images/banner_2009.jpg) no-repeat; width: 760px; height: 150px; margin: 0; padding: 0 0 10px 0; }
#banner h1 { margin: 0; padding: 30px 20px 0 20px; font-size: 22px; font-weight: bold; color: #fff; }
#banner h2 { margin: 0; padding: 10px 20px 0 20px; font-size: 18px; color: #eee; }
#banner h3 { margin: 0; padding: 0 20px 5px 20px; font-size: 15px; color: #eee; }
#pagebanner { background: #eee; width: 760px; height: 10px; border: 1px solid #ccc; }
#subbanner { background: #eee; width: 758px; height: 10px; border: 1px solid #ccc; margin: -2px 0 0 0; padding: 0; font-size: 1px; }

#mainbody { float: left; width: 760px; padding: 5px; }
.jurisdiction-box h3 { clear: both; padding: 5px 15px; text-align: left; font-size: 16px; color: #003366; margin: 10px 0 0 0; border-bottom: 2px solid #036; }
.bodymargin { padding: 10px; }
.jurisdiction-box { display: none; }
.jurisdiction-box p { margin: 0; padding: 10px 3px; }
.desc-box { float: right; width: 380px; }
.desc-text { clear: both; width: 330px; float: left; padding: 0 15px; background: #eee;  }
.desc-title { float: left; width: 120px; font-weight: bold; }
.desc-link { float: right; padding-left: 5px; }
.j-backlink { padding: 5px 15px; text-align: right; }

#subpagebody { width: 740px; padding: 0 20px; }
.twocol1 { float: left; width: 180px; height: 200px; padding: 10px 20px; }
.twocol2 { float: right; width: 480px; padding-left: 30px; border-left: 1px solid #ccc; }
.twocol1 h3 { color: #006633; margin: 0 0 5px 0; font-size: 14px; text-align: center; }
.sp_col1 { float: left; width: 410px; }
.sp_col2 { float: left; width: 280px; margin: 10px 0 0 20px; padding: 0 10px 10px 10px; border: 1px solid #ccc; }

#sidenav { float: right; width: 190px; margin: 0; }
.newsheader { border: 1px solid #ccc; background: #eee; color: #333; font-weight: bold; width: 150px; margin: 0 auto;padding: 5px 20px; }
.newsticker { border: 1px solid #ccc; width: 170px; margin: 0 auto; padding: 10px; font-size: .9em; }
#sidebox { border: solid 1px #ccc; width: 160px; margin: 15px auto 0 auto; padding: 10px 10px 10px 20px; }
#sidebox2 { text-align: center; margin-top: 20px; }
#sidenav h3 { font-size: 13px; }
#sidenav ul { margin: 0; padding-left: 15px; }
#sidenav ul li { margin: 0; padding-left: 0; }

#footernav { width: 978px; background: #eee; border: 1px solid #999; text-align: center; padding: 5px 0; margin: 10px 0; }
#footernav h5 { font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
#footernav a, #footernav a:link { color: #000; text-decoration: none; }
#subfooter a, #subfooter a:link, #copyright a:link, #copyright a { color: #666; text-decoration: none; }
#footernav a:hover, #subfooter a:hover { color: #66cc00; }
#subfooter { text-align: center; margin: 10px 0; }
#subfooter h5 { font-size: 10px; font-weight: normal; margin: 0; padding: 0; }
#copyright { text-align: center; margin: 10px 0; }
#copyright h6 { font-size: 10px; font-weight: normal; margin: 0; padding: 0; color: #666; }

/* misc */
.alert { color: #f00; }
.theader { background: #e1f4ff; }
	/* line up all the form inputs on register page */
	td.register, td.register_ph { padding-bottom: 5px; }
	td.register input { width: 215px; border: 1px solid #999; }
	td.register_ph input { border: 1px solid #999; }
	td.register em { font-size: 10px; }

	/* product comparison matrix */
	table.matrixchart { width: 100%; border: 0; padding: 0; }
	table.matrixchart th { padding: 5px 10px; vertical-align: middle; text-align: center; background: #9ad6f4; }
	table.matrixchart td { padding: 5px 10px; vertical-align: middle; text-align: center; }
	table.matrixchart .row1 td { background: #eee; }
	table.matrixchart .col1, table.matrixchart .row1 td.col1 { font-weight: bold; background: #e1f4ff; text-align: left; }






/* drop down menu */
#jsddm { margin: 0; padding: 0; }
	#jsddm li { float: left; list-style: none; font: bold 16px Arial, sans-serif; }
	#jsddm li a { display: block; background: #20548E; padding: 5px 12px; text-decoration: none; text-align: center; border-right: 1px solid #fff; width: 164px; color: #EAFFED; white-space: nowrap; }
	#jsddm li a:hover { background: #999; }
	#jsddm li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; border-top: 1px solid #fff; }
		#jsddm li ul li {	float: none; display: inline; font: normal 12px Arial, sans-serif; }
		#jsddm li ul li a { width: 165px; color: #000; background: #ccc; }
		#jsddm li ul li a:hover { background: #999; }
/* end drop down menu */




/* clue tip */
a.localctip, a.localctip:link, a.localctip:active, a.localctip:visited { color: #0099cc; text-decoration: underline; cursor:help; }
.localctip img { }
#cluetip-close img {  border: 0; }
#cluetip-title { overflow: hidden; }
#cluetip-title #cluetip-close { float: right; position: relative; }
#cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(wait.gif); }
.cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; }
#cluetip-extra { display: none; }

/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default { background-color: #d9d9c2; }
.cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #d9d9c2; }
.cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: normal; background-color: #87876a; color: #fff; }
.cluetip-default #cluetip-title a { color: #d9d9c2; font-size: 0.95em; }  
.cluetip-default #cluetip-inner { padding: 10px; }
.cluetip-default div#cluetip-close {  text-align: right; margin: 0 5px 5px; color: #900; }

/* default arrows */

.clue-right-default .cluetip-arrows { background-image: url(../images/ctip_darrowleft.gif); }
.clue-left-default .cluetip-arrows { background-image: url(../images/ctip_darrowright.gif); left: 100%; margin-right: -11px; }
.clue-top-default .cluetip-arrows { background-image: url(../images/ctip_darrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; }
.clue-bottom-default .cluetip-arrows { background-image: url(../images/ctip_darrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; }

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip { background-color: transparent; }
.cluetip-jtip #cluetip-outer { border: 2px solid #ccc; position: relative; background-color: #fff; }
.cluetip-jtip h3#cluetip-title { margin: 0 0 5px; padding: 2px 5px; font-size: 16px; font-weight: normal; background-color: #ccc; color: #333; }
.cluetip-jtip #cluetip-inner { padding: 5px; display: inline-block; }
.cluetip-jtip div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; }

/* jtip arrows */

.clue-right-jtip .cluetip-arrows { background-image: url(../images/ctip_arrowleft.gif); }
.clue-left-jtip .cluetip-arrows { background-image: url(../images/ctip_arrowright.gif); left: 100%; margin-right: -11px; }
.clue-top-jtip .cluetip-arrows { background-image: url(../images/ctip_arrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; }  
.clue-bottom-jtip .cluetip-arrows { background-image: url(../images/ctip_arrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; }

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */
.cluetip-rounded { background: transparent url(../images/ctip_bl.gif) no-repeat 0 100%; margin-top: 10px; margin-left: 12px; }
.cluetip-rounded #cluetip-outer { background: transparent url(../images/ctip_tl.gif) no-repeat 0 0; margin-top: -12px; }
.cluetip-rounded #cluetip-title { background-color: transparent; padding: 12px 12px 0; margin: 0 -12px 0 0; position: relative; }
.cluetip-rounded #cluetip-extra { position: absolute; display: block; background: transparent url(../images/ctip_tr.gif) no-repeat 100% 0; top: 0; right: 0; width: 12px; height: 30px; margin: -12px -12px 0 0; }
.cluetip-rounded #cluetip-inner { background: url(../images/ctip_br.gif) no-repeat 100% 100%; padding: 5px 12px 12px; margin: -18px -12px 0 0; position: relative; }
.cluetip-rounded div#cluetip-close {  text-align: right; margin: 0 5px 5px; color: #009; background: transparent; }
.cluetip-rounded div#cluetip-close a { color: #777; }

/* rounded arrows */
.clue-right-rounded .cluetip-arrows { background-image: url(../images/ctip_rarrowleft.gif); }
.clue-left-rounded .cluetip-arrows { background-image: url(../images/ctip_rarrowright.gif);  left: 100%; margin-left: 12px; }
.clue-top-rounded .cluetip-arrows { background-image: url(../images/ctip_rarrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; }  
.clue-bottom-rounded .cluetip-arrows { background-image: url(../images/ctip_rarrowup.gif); top: -23px; left: 50%; margin-left: -11px; height: 11px; width: 22px; }

/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner { zoom: 1; }