﻿body {
	margin:0px 0px 18px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:0.9em;
	line-height:150%;
	background-color: #7B9DC0;
	background-image: url(px-background2.jpg);
	background-repeat: repeat-x;
}
html {
	margin:0px 0px 18px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:0.9em;
	line-height:150%;
	background-color: #7B9DC0;
	background-image: url(px-background2.jpg);
	background-repeat: repeat-x;
}
/* ----------links-------- */
a {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;border-bottom: 1px dashed;}
a:active {
	text-decoration: none;
	border-bottom: 1px dashed;
	text-align: center;
}

/* ----------menulp------------*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#menulp{width: 137px; margin-top: 16px;}

#menulp ul{margin: 0;padding-left: 24px;list-style-type: none;}

#menulp li a{display: block;
padding: 3px 0;
padding-left: 6px;
width: 129px;
text-decoration: none;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #A5CDF3;
border-bottom: 1px solid #A5CDF3;
border-left: 1px solid #FFFFFF;}

#menulp li a:hover {color: #013769; background-color: #FFFFFE;}

/* ----------major text-------- */
h1	{
	font-size:1.4em;
	color:#013769;
	background-color:#FFFFFF;
	font-weight:600;	
}				
h2	{
	font-size:1.0em;
	color:#013769;
	background-color:#FFFFFF;
	font-weight:600;
	line-height:24px;
	border-bottom:1px dashed #C0C0C0;
}
h3 	{/*this is the left or right panel topic with blue text in a light blue bar*/
	color:#013769;
	background-color: #B3DAFF;
	font-weight:normal;
	font-size:0.85em;
	line-height:20px;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #A5CDF3;
	border-bottom:1px solid #A5CDF3;
	border-left:1px solid #FFFFFF;
}
h4 {
	text-align: center;	
}
h4 a {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	vertical-align: middle;
	background-color: #083173;
	text-align: center;
	padding: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #FFFFFF;
}
h4 a:hover {
	color:#083173;
	background-color: #B3DAFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #FFFFFF;
}
.summarybox {/*blue text in the blue summary div box defined below*/
	font-size:0.9em;
	font-weight: normal;
	line-height:24px;
	text-align:justify;
}
#summarybox	{
	color:#013769;/*blue summary div box*/
	background-color:#DDEEFF;
	text-align:justify;
	width:420px;
	margin-right: auto;
	margin-left: auto;
	border-top:1px solid #D0CECE;
	border-right:1px solid #8A8484;
	border-bottom:1px solid #8A8484;
	border-left:1px solid #D0CECE;
	padding:20px 20px 10px 20px;
}
/* ----------text-------- */
.bold {font-weight: 600;}
.crumb {padding-top:4px;font-size:0.85em;}
.dmeshow {color:#013769;float:left;width:480px;background-color:#DDEEFF;padding:5px 10px 0px 5px;} /*for tradeshow page*/
.footer {
	font-size:0.70em;
	text-align:center;
	line-height:100%;
	padding-top:5px;
	margin-bottom:5px;
	border-top:1px solid #C0BCBC;
}
.foot2 {/* light gray disclaimer */
	font-size:0.70em;
	text-align:center;
	line-height:100%;
	padding-top:5px;
	margin-bottom:5px;
	color:#C0BCBC;
	background-color:#FFFFFF;
}
.red	{color: #FF0000; background-color:#FFFF00;} /* temporary color for cc questions */
.red2	{color: #FF0000; background-color:#B3DAFF;} /* red alert in right blue panel */
.blue {color: #0000FF; background-color: #FFFFFF;}  /* color for toggle dropdowns */

.c1 	{cursor: pointer;} /* needed for + and - in toggle dropdowns */
.c2	{cursor: pointer;} /* needed for + and - in toggle dropdowns */

.small {font-size:0.85em;line-height: 120%;}

/* three items below needed for left sidebar menulp links section */
.lp{font-size:0.85em;margin-bottom:0; padding-bottom:0;}
.lp2{font-size:0.85em;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:1px;padding-left:6px;}
.lilp{font-size :0.85em;line-height:1em;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;padding-left:4px;}

/* ----------body pictures-------- */
.bpix {border: 1px solid #A5CDF3;padding: 4px;}
.bpixlp {border: 1px solid #A5CDF3;padding: 5px;}
.bpixrp {border: 1px solid #A5CDF3;margin-left: 15px;padding: 4px;}
.bpixr {border: 1px solid #A5CDF3;padding: 4px;float:right;margin-left:10px;}
.bpixl {border: 1px solid #A5CDF3;float:left;padding: 4px;margin-right:10px;}

.noborder {border:none;}

.whch {float:right;margin-left:10px;height:50px;width: 55px;} /*for dme tradeshows*/

/* ----------positioning-------- */
.center {text-align: center; margin-left: auto; margin-right: auto;}
.hide {display: none;}
li {margin-left: -24px;}

.pad-t 	{padding-top:5px;}		
.pad-r 	{padding-right:5px;}			
.pad-b 	{padding-bottom:5px;}
.pad-l 	{padding-left:5px;}
.pad-a	{padding:0px 5px 0px 5px;}

#right {padding:0px 5px 0px 5px;}	
#left {padding:0px 5px 0px 5px;}

.top {vertical-align:top;}
.mid {vertical-align:middle;}
.bot {vertical-align:bottom;}

.indent-bq table {margin-left:-22px;} /* These three are needed for toggle dropdowns */			
.indent-bq p {margin-left:-18px;}
.indent-bq li {margin-left:-40px;}

.tablec {margin-left: auto; margin-right: auto;} /*to center table properly in IE and FF*/

/* ----------borders-------- */
.bordertop {border-top:1px solid #C0C0C0;} 
.borderright {border-right:1px solid #C0C0C0;}
.borderbot {border-bottom:1px solid #C0C0C0;}
.borderleft {border-left:1px solid #C0C0C0;
}

/* ----------tables-------- */
#contactlist {
	width:350px;
	margin-left: auto;
	margin-right: auto;
}
.contact-l {
	width:100px;
	font-size:85%;
	line-height:120%;
	text-align:right;
	padding-right:8px;
	vertical-align:top;
}
.contact-r {
	width:250px;
	font-size: 85%;
	line-height:120%;
	text-align: left;
	vertical-align:top;
	border-left: 1px solid #BEBEBE;
}
#alliancelist {
	width:400px;
	margin-left: auto;
	margin-right: auto;
}
/* ----------div container to center the layout-------- */
 #container {
	width:848px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	/*border-right:2px solid #AEC3D8;*/
	/*border-bottom:2px solid #AEC3D8;*/
	/*border-left:1px solid #C0C0C0;*/
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#8A8484', Direction=135, Strength=4);*/
} 
/* ----------other divs-------------- */ 
 #banner {
	position:relative; 
	background-image:url("px-banner-128T.gif");
	background-repeat:no-repeat;
	width:850px;
	height:128px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	/*border-right:2px solid #D7E1EB;*/
}
 #menut {
	position:relative; 
	width:850px;
	height:24px;
	margin-left:auto;
	margin-right:auto;
	color: #0F1D5B;
	background-color: #0F1D5A;
	background-image:url("px-menuwhch-22.gif");
	background-repeat:no-repeat;
	padding:0;
	z-index: 20;
}
 #right {
  	position:relative;
 	width:138px;
 	float:right; 
 	margin-top: 36px; 
 	margin-right:-150px;
 	margin-left: auto;
 	padding-bottom:10px;
 	padding-left:8px;
}
 #left {
 	position:relative; 
 	width:138px;
 	float:left;
 	margin-top:36px;
 	margin-right: auto;
 	margin-left:-149px;
}

 #bottom {
	position:relative; 
	width:850px;
	height:128px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	border-left:solid 150px #DDEEFF; /* color of the left column */ 
	border-right:solid 152px #DDEEFF; /* color of the right column  */ 
}

 #outer{ 
	border-left:solid 150px #DDEEFF; /* color of the left column */ 
	border-right:solid 152px #DDEEFF; /* color of the right column  */ 
	background-color:#FFFFFF;  /* color of the content column */
} 
 #inner{margin:0; width:100%;} /* The ie/pc pecularity - do NOT delete this comment */ 
 
 #content { 
	position:relative; 
	width:500px;
	margin-left: auto;
	margin-right: auto;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	min-height: 800px;
}
/*  ----------------ff scrollbar fix---------------------- */
/*  This prevents FF's horizontal jumping between short and long pages. */
/*  FF does not reserve space on screen for a scroll bar. IE does. */
 #ffscrollbarfix {
	position:absolute;
	top:0;
	bottom:-0.1px;
	width:1em;
	z-index:-1;
}
