/* West Penn Testing CSS */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> globals - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body,div,table,tr,th,td,ul,ol,dl,li,dt,dd,img,p			
								{ margin: 0px; padding: 0px; border: 0px; list-style: none; color: #000; font: 11px/1.75em Verdana, Arial, Helvetica, sans-serif; }
form,input,select				{ margin: 0px; padding: 0px; }

p								{ margin-bottom: .5em; }

h2,td#sidebartd h3,div#boiler h4,h3#h3gloss
								{ font-family: "Times New Roman", Times, serif; }
								
h2#vision						{ font-family: "Arial Black", Arial, Helvetica, Verdana, sans-serif; font-weight: bold; line-height: 1.35em; }
body#about h2#vision			{ font-family: "Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size: 28px; line-height: 1.5em;  }

div#bodybg						{ width: 941px; background: #fff url(images/bg_body_wpt.gif) repeat-y left top; }																		/* VAR bodyID */
body#home div#bodybg			{			    background: #fff url(images/bg_body_wpt_home.gif) repeat-y left top; }
body#ndt div#bodybg				{			    background: #fff url(images/bg_body_blu.gif) repeat-y left top; }
body#spec div#bodybg			{			    background: #fff url(images/bg_body_red.gif) repeat-y left top; }
body#mt div#bodybg				{			    background: #fff url(images/bg_body_grn.gif) repeat-y left top; }
div#sitewrapper					{ width: 936px; }

.nowrap							{ white-space: nowrap; }

/* >>> global links - - - - - - - - - - - - - */

a								{ text-decoration: none; font-weight: bold; border-bottom: 1px dotted #999; }
a:visited						{ color: #666; }																																		/* VAR bodyID */
a:link							{ color: #369; }																																		/* VAR bodyID */
a:hover							{ color: #036; }/* text-decoration: underline; */
body#home a:link				{ color: #369; }
body#home a:hover				{ color: #036; }
body#ndt a:link					{ color: #134f61; }
body#ndt a:hover				{ color: #033; }
body#spec a:link				{ color: #791730; }
body#spec a:hover				{ color: #300; }
body#mt a:link					{ color: #063; }
body#mt a:hover					{ color: #030; }

a.imglink						{ border: none; margin-top: 4px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> header  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#header div#logo				{ margin: 8px 0px 0px 17px; float: left; }
div#header div#logo a			{ border: none; }
body#home div#logo				{ margin: 20px 0px 0px 30px; }							/* HOME ver */
div#header img#logoimg			{ width: 140px; height: 75px; }
body#home img#logoimg			{ width: 165px; height: 95px; }							/* HOME ver */
div#header h1					{ float: right; margin: 68px 12px 0px 0px; font-size: 16px; color: #fff; }
body#ndt div#header h1			{ color: #134f61; }
body#home div#header h1			{ margin-top: 95px; }

/* >>> defaults  - - - - - - */
div#header						{ background: #ddd url(images/bg_header_int_wpt_x.jpg) no-repeat left bottom; }	/* height: 130px; (home height: 155px;) */
td#contenttd					{ background: url(images/bg_header_int_wpt_x_low.jpg) no-repeat left top; }

/* >>> random home versions - - - */
div.img1 div#header				{ background: url(images/bg_header_home_1.jpg) no-repeat left top !important; }
div.img2 div#header				{ background: url(images/bg_header_home_2.jpg) no-repeat left top !important; }
div.img3 div#header				{ background: url(images/bg_header_home_3.jpg) no-repeat left top !important; }
div.img4 div#header				{ background: url(images/bg_header_home_4.jpg) no-repeat left top !important; }
div.img4 div#header h1			{ color: #369; }
div.img5 div#header				{ background: url(images/bg_header_home_5.jpg) no-repeat left top !important; }
div.img6 div#header				{ background: url(images/bg_header_home_6.jpg) no-repeat left top !important; }

/* >>> bodyID versions - - - */
body#ndt div#header				{ background: #033 url(images/bg_header_int_ndt_2.jpg) no-repeat left bottom; }
body#ndt td#contenttd			{ background: url(images/bg_header_int_ndt_2_low.jpg) no-repeat left top; }
body#spec div#header			{ background: #300 url(images/bg_header_int_spec_2.jpg) no-repeat left bottom; }
body#spec td#contenttd			{ background: url(images/bg_header_int_spec_2_low.jpg) no-repeat left top; }
body#mt div#header				{ background: #030 url(images/bg_header_int_mt_1.jpg) no-repeat left bottom; }
body#mt td#contenttd			{ background: url(images/bg_header_int_mt_1_low.jpg) no-repeat left top; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> nav - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#navdiv						{ clear: both; padding-top: 10px; }
ul#navul						{ margin: 0px; height: 30px; border: 1px solid #369; border-width: 1px 0px;  }																			/* VAR bodyID */
body#ndt ul#navul				{ border-color: #134f61; }
body#spec ul#navul				{ border-color: #791730; }
body#mt ul#navul				{ border-color: #063; }
ul#navul li						{ margin: 0px; position: relative; display: inline; float: left; background: url(images/bg_nav_left_rule.gif) no-repeat right center; }
ul#navul li a					{ margin: 0px; color: #fff; 	   display: block;  padding: 0px 10px; white-space: nowrap; font-weight: normal; line-height: 30px; border: none; }
ul#navul li a:link				{ 			   color: #fff; }
ul#navul li a:visited			{ 			   color: #fff; }
ul#navul li a:hover				{ 			   color: #fff; background: url(images/bg_nav_low_tick.gif) no-repeat center bottom; }

ul#navul li#searchli			{ float: right; margin-right: 10px; height: 17px; margin-top: 5px; }
ul#navul input.sbuttonwpt		{ background: url(images/button_submit_wpt.gif) no-repeat left top; width: 45px; height: 17px; }
ul#navul input.sbuttonblu		{ background: url(images/button_submit_blu.gif) no-repeat left top; width: 45px; height: 17px; }
ul#navul input.sbuttonred		{ background: url(images/button_submit_red.gif) no-repeat left top; width: 45px; height: 17px; }
ul#navul input.sbuttongrn		{ background: url(images/button_submit_grn.gif) no-repeat left top; width: 45px; height: 17px; }
ul#navul input.sinput			{ height: 17px; width: 110px; font-size: 9px; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; margin-right: 2px; }


/* >>> nav trans bg/png images - - - */
					/* Mozilla doesn't support crazy MS image filters, so it will ignore those | IE ignores css styles with [attributes], so it will skip those 
.nblu	 					{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/bg_nav_trans_blu.png'); }
.nblu[class] 				{ background-image: url(images/bg_nav_trans_blu.png); }
example removed, using version below to only show alt version to IEwin 5.x/6 */

/* normal class for standards-compliant browsers, chicken-egg-star version for IEwin 5.x/6 */
.nblu 						{ background-image: url(images/bg_nav_trans_blu.png); }
* html body ul.nblu 		{ background-image: url(images/bg_nav_trans_blu.gif); }
.ngrn 						{ background-image: url(images/bg_nav_trans_grn.png); }
* html body ul.ngrn 		{ background-image: url(images/bg_nav_trans_grn.gif); }
.ngry 						{ background-image: url(images/bg_nav_trans_gry.png); }
* html body ul.ngry 		{ background-image: url(images/bg_nav_trans_gry.gif); }
.nred 						{ background-image: url(images/bg_nav_trans_red.png); }
* html body ul.nred 		{ background-image: url(images/bg_nav_trans_red.gif); }
.nwpt 						{ background-image: url(images/bg_nav_trans_wpt.png); }
* html body ul.nwpt 		{ background-image: url(images/bg_nav_trans_wpt.gif); }
.nyel		 				{ background-image: url(images/bg_nav_trans_yel.png); }
* html body ul.nyel			{ background-image: url(images/bg_nav_trans_yel.gif); }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> content columns - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#content						{ width: 936px; }

table#contenttable				{ width: 936px; clear: both; }
td#contenttd					{ width: 670px; }
td#sidebartd,td#addresstd		{ width: 266px; line-height: 1.5em; }
div#sbdiv						{ padding: 10px; }
div#lowdiv						{ width: 590px; margin: 0px 0px 20px 60px; }

div#contentdiv					{ width: 590px; display: inline; float: left; margin: 100px 0px 20px 60px; }
div#contentdiv h2				{ margin: 0px 0px 5px 0px; color: #369; }

#contentdiv h2,#contentul h2,#lowdiv h2
								{ font-size: 19px; }

ul#contentul					{ width: 590px; display: inline; float: left; background: #fff url(images/bg_ul_div_stripe_wpt.gif) repeat-y 290px 0px; margin: 100px 0px 20px 60px; }	/* VAR bodyID */
body#ndt ul#contentul			{											  background: #fff url(images/bg_ul_div_stripe_blu.gif) repeat-y 290px 0px; }
body#spec ul#contentul			{											  background: #fff url(images/bg_ul_div_stripe_red.gif) repeat-y 290px 0px; }
body#mt ul#contentul			{											  background: #fff url(images/bg_ul_div_stripe_grn.gif) repeat-y 290px 0px; }
ul#contentul li#coll			{ width: 297px; display: inline; float: left; }
ul#contentul li#colr			{ width: 285px; display: inline; float: left; margin-left: 8px; color: #333; }
ul#contentul li h2				{ margin: 0px 0px 5px 0px; color: #369; }																												/* VAR bodyID */
body#ndt ul#contentul li h2		{						   color: #134f61; }
body#spec ul#contentul li h2	{						   color: #791730; }
body#mt ul#contentul li h2		{						   color: #063; }

ul#contentul li#coll h2				{ background: #fff url(images/bg_ul_div_cap_wpt.gif) no-repeat right bottom; }																		/* VAR bodyID */
body#ndt ul#contentul li#coll h2	{ background: #fff url(images/bg_ul_div_cap_blu.gif) no-repeat right bottom; }
body#spec ul#contentul li#coll h2	{ background: #fff url(images/bg_ul_div_cap_red.gif) no-repeat right bottom; }
body#mt ul#contentul li#coll h2		{ background: #fff url(images/bg_ul_div_cap_grn.gif) no-repeat right bottom; }
ul#contentul li#coll p				{ margin-right: 10px; }
ul#contentul li#coll dl				{ margin-right: 15px; }
ul#contentul li#colr dt				{ color: #333; }																																	/* VAR bodyID */
ul#contentul li#colr h2				{ color: #648ab1; }
body#ndt ul#contentul li#colr h2	{ color: #4b7987; }
body#spec ul#contentul li#colr h2	{ color: #994e61; }
body#mt ul#contentul li#colr h2		{ color: #488b64; }
ul#contentul li#colr p				{ color: #369; }																																	/* VAR bodyID */
body#ndt ul#contentul li#colr p		{ color: #134f61; }
body#spec ul#contentul li#colr p	{ color: #791730; }
body#mt ul#contentul li#colr p		{ color: #063; }

dl.shdl a						{ font-weight: normal; }
dl.shdl dt						{ background: url(images/bg_li_bul_lt_wpt.gif) no-repeat 0 0.75em; padding-left: 15px; margin-top: 5px; }												/* VAR bodyID */
body#ndt dl.shdl dt				{ background: url(images/bg_li_bul_lt_blu.gif) no-repeat 0 0.75em; }
body#spec dl.shdl dt			{ background: url(images/bg_li_bul_lt_red.gif) no-repeat 0 0.75em; }
body#mt dl.shdl dt				{ background: url(images/bg_li_bul_lt_grn.gif) no-repeat 0 0.75em; }
dl.shdl dd						{ color: #369; background: #f4f4f4; padding: 5px; margin-left: 15px; border-bottom: 1px solid #ccc; }													/* VAR bodyID */
body#ndt dl.shdl dd				{ color: #134f61; }
body#spec dl.shdl dd			{ color: #791730; }
body#mt dl.shdl dd				{ color: #063; }

li#coll dl.shdl span			{ color: #666; }
li#colr dl.shdl span			{ color: #999; }

div#lowdiv h2					{ color: #369; margin: 0px 0px 5px 0px; }																												/* VAR bodyID */
body#ndt div#lowdiv h2			{ color: #134f61; }
body#spec div#lowdiv h2			{ color: #791730; }
body#mt div#lowdiv h2			{ color: #063; }

div#mtcap						{ float: left;  margin-bottom: 10px; width: 590px; }	/* mat test capabilities */
div#mtcap div#mtcoll			{ float: left;  width: 280px; }
div#mtcap div#mtcolr			{ float: right; width: 285px; }
div#mtcap h3					{ margin: 5px 0px 0px 0px; color: #333; font-size: 11px; }
div#mtcap dl					{ margin-bottom: 10px;}

h3#h3gloss						{ font-size: 14px; margin: 10px 0px 5px 0px; }
body#ndt h3#h3gloss				{ color: #134f61; }
body#spec h3#h3gloss			{ color: #791730; }
body#mt h3#h3gloss				{ color: #063; }
p.glossary						{ float: left; margin-bottom: 10px; font-size: 10px; }
p.glossary span					{ display: inline; padding: 0 0.5em 0 0.5em; color: #333; }
h4.terms						{ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; padding: 0; margin: 0; }

td#sidebartd h3,td#addresstd h4
								{ margin: 10px 0px 0px 0px; font-size: 16px; color: #000; }
td#sidebartd p,td#addresstd p,td#sidebartd li
								{ color: #666; }
td#sidebartd li					{ background: url(images/bg_li_bul_dk_wpt.gif) no-repeat 0 0.75em; padding-left: 15px; }																/* VAR bodyID */
body#ndt td#sidebartd li		{ background: url(images/bg_li_bul_dk_blu.gif) no-repeat 0 0.75em; }
body#spec td#sidebartd li		{ background: url(images/bg_li_bul_dk_red.gif) no-repeat 0 0.75em; }
body#mt td#sidebartd li			{ background: url(images/bg_li_bul_dk_grn.gif) no-repeat 0 0.75em; } 

h3#rtnewsh3						{ margin-bottom: 10px; }
body#home h3#rtnewsh3			{ color: #369; margin-top: 0px; } 

dl#rtnews dt					{ color: #369; font-weight: bold; }
dl#rtnews dd					{ margin-bottom: 5px; }				

td#addresstd div#boiler				{ background-color: #e2e9f0; border-top: 1px solid #fff; padding: 10px; }																			/* VAR bodyID */
body#ndt td#addresstd div#boiler 	{ background-color: #dde6e8; }
body#spec td#addresstd div#boiler	{ background-color: #f2e9eb; }
body#mt td#addresstd div#boiler 	{ background-color: #e8f0ec; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> homepage  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body#home td#contenttd			{ width: 702px; }										/* HOMEPAGE EXCEPTION */
body#home td#sidebartd			{ width: 234px; line-height: 1.5em; }					/* HOMEPAGE EXCEPTION */
body#home td#addresstd			{ width: 234px; line-height: 1.5em; }					/* HOMEPAGE EXCEPTION */
body#home div#boiler			{ background: none; border: none; }						/* HOMEPAGE EXCEPTION */
body#home h3#rtnewsh3			{ margin: 0px; line-height: 2em; font-size: 19px; }		/* HOMEPAGE EXCEPTION */
body#home div#sbdiv				{ padding-top: 0px; }									/* HOMEPAGE EXCEPTION */


ul#homecats						{ float: left; width: 702px; background: url(images/bg_home_cats.jpg) no-repeat left bottom; margin-bottom: 20px; }
ul#homecats	li					{ float: left; display: inline; width: 233px; margin-right: 1px; }
ul#homecats h2					{ margin: 0px; line-height: 2em; border-bottom: 1px solid #fff; }
ul#homecats h2 a				{ display: block; line-height: 2em; border-bottom: 1px solid #369; color: #333; font-size: 19px; padding-left: 10px; }

li#hnd h2 a:link				{ background: #a2c2c8; color: #134f61; border-color: #134f61; }
li#hnd h2 a:visited				{ background: #a2c2c8; color: #134f61; border-color: #134f61; }
li#hnd h2 a:hover				{ background: #c8d6da; color: #033; }
li#hsp h2 a:link				{ background: #d0aeb7; color: #791730; border-color: #791730; }
li#hsp h2 a:visited				{ background: #d0aeb7; color: #791730; border-color: #791730; }
li#hsp h2 a:hover				{ background: #dfc9cf; color: #300; }
li#hmt h2 a:link				{ background: #abcab8; color: #063; border-color: #063; } 
li#hmt h2 a:visited				{ background: #abcab8; color: #063; border-color: #063; } 
li#hmt h2 a:hover				{ background: #c7dbcf; color: #030; } 

ul#homecats li p				{ padding: 10px; }

div#homelowdiv					{ width: 662px; margin: 0px 0px 20px 40px; clear: both; }
div#homelowdiv h2				{ color: #369; font-size: 22px; }
div#homelowdiv p				{ padding-right: 20px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> page content bits - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* >>> about page  - - - - - - - - - */
body#about div#boiler			{ display: none; }
body#about div#contentdiv		{ width: 609px;  }	/* is 590px elsewhere */
	
body#about p					{ margin-right: 30px; }

div#abloc						{ float: right; width: 210px; color: #333; background: #e2e9f0; padding: 15px 20px; margin-left: 15px; } /* about page locations inset also in faqs */
div#abloc h3					{ margin: 0px 0px 5px 0px; }
div#abloc h4					{ margin: 0px; }
div#abloc p						{ color: #333; margin: 0px; }

/* >>> faq page  - - - - - - - - - - */
dl#faq dt						{ font-weight: bold; color: #369; }
dl#faq dd						{ padding: 0 30px; background: url(images/bg_faq_dd.gif) no-repeat left 0.5em; margin-bottom: 1em; }
body#faq div#contentdiv			{ width: 609px; }	/* is 590px elsewhere */
#faqtab							{ width: 570px; border: 1px solid #369; border-bottom: 0px; }
#faqtab th,#faqtab td			{ margin-bottom: 5px; text-align: left; border-bottom: 1px solid #369; padding: 2px 3px 2px 5px; }
#faqtab th						{ white-space: nowrap; font-weight: bold; }
th.smallh						{ background-color: #f5f7fa; color: #333; border-right: 1px solid #369; }

/* >>> news page - - - - - - - - - - */
div#newslist h3					{ margin: 20px 0px 3px 0px; font-size: 12px; }
div#newslist p					{ width: 85%; }

/* >>> links page  - - - - - - - - - */
ul#linkslist li					{ margin-bottom: 10px; }

/* >>> contact page  - - - - - - - - */
h3.cont							{ font-size: 12px; clear: left; }
div#contgrid ul					{ float: left; margin-bottom: 20px;  }
div#contgrid ul li				{ display: inline; float: left; width: 186px; }/* 196px */

dl.contlist	dt					{ font-weight: bold; color: #369; }
dl.contlist dd.title			{ font-style: italic; }

ul.contulnd dt					{ color: #134f61; }
ul.contulnd a					{ color: #134f61; }	
ul.contulsp dt					{ color: #791730; }
ul.contulsp a					{ color: #791730; }	
ul.contulmt dt					{ color: #063; }
ul.contulmt a					{ color: #063; }

div#spwrap						{ float: left; width: 372px; margin-top: -10px; *margin-top: 10px; }/* dumb IEwin 6/7 hack */
div#broch						{ width: 216px; float: right; clear: none; margin-top: 2px; *margin-top: 10px; }/* dumb IEwin 6/7 hack */
div#broch h3					{ font-size: 12px; margin: 0 0 20px 0; }	

/* >>> directions page - - - - - - - */
body#dir						{ margin: 15px; color: #333; }
body#dir li						{ list-style: circle inside; }
body#dir h1						{ font-size: 150%; color: #369; }
body#dir h2						{ font-size: 150%; }
body#dir h3						{ font-size: 100%; color: #036; margin-bottom: 5px; } 

div.hotels						{ width: 45%; }

div#printme						{ width: 10em; font-size: 12px; background: #e2e9f0; border: 1px solid #369; float: right; margin-right: 25%; }
div#printme a					{ display: block; line-height: 2em; padding: 0 2em; text-align: center; }

@media print { /* hide print button from printed page */

	div#printme					{ display: none; visibility: hidden; }
	div.hotels					{ float: left; display: inline; }

}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> footer  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#footer						{ background: #fff url(images/bg_footer_drop_wpt.gif) repeat-x left top; height: 30px; width: 941px; }													/* VAR bodyID */
body#ndt div#footer				{ background: #fff url(images/bg_footer_drop_blu.gif) repeat-x left top; }
body#spec div#footer			{ background: #fff url(images/bg_footer_drop_red.gif) repeat-x left top; }
body#mt div#footer				{ background: #fff url(images/bg_footer_drop_grn.gif) repeat-x left top; }
			
div#footer span#footedge		{ background: url(images/bg_footer_edge.gif) no-repeat right top; float: right; padding: 5px 15px 5px 0px; color: #ccc; font-size: 9px; line-height: 18px; text-align: right; letter-spacing: 1px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> tooltip for show/hide lists - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#ddtip	 						{ position: absolute; left: 0px; top: 0px; visibility: hidden; padding: 5px; line-height: 1em; font-size: 10px; z-index: 1000; 
								  color: #369;    border: 1px solid #369; background: #e2e9f0; }																						/* VAR bodyID */
body#ndt #ddtip					{ color: #134f61; border-color: #134f61;  background: #dde6e8; }
body#spec #ddtip				{ color: #791730; border-color: #791730;  background: #ecdde1; }
body#mt #ddtip					{ color: #063;    border-color: #063;     background: #dde9e2; }
	
.nope							{ color: #f00 !important; }
.ndt							{ color: #134f61; }
.spec							{ color: #791730; }
.mt								{ color: #063; }

.locs							{ font-size: 11px; font-weight: bold; color: #134f61; margin: 8px 0px 0px 0px; }