body {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	background: #BBB url(/images/gray-grad-bg.gif) repeat-x bottom left fixed;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
}

/* page curl needs to be on top */
#po_pca {
	z-index:21000;
}
#po_pcb {
	z-index:21000;
}

.pagecontent a, .pagecontent a:link, .pagecontent a:visited, .pagecontent a:active {
	color: #5b98c4;
	text-decoration: underline;
}

.pagecontent a:hover {
	background-color: #ddd;
}

.pagecontent p {
	margin-left: 1em;
}

.pagecontent em {
	font-style: italic;
	font-size: 14px;
	color: #006599;
}

.pagecontent p strong {
	color: #006599;
	font-weight: normal;
	font-style: italic;
}

.pagecontent .leftcol {
	width: 385px;
}

.pagecontent .rightgutter {
	width: 200px;
	float: right;
}

#pageheader {
	background: #0066AE url(/images/esoftheaderbg.jpg) no-repeat top left;
	background-color: #0066AE;
	width: 819px;
	height: 78px;
}

#gohome {
	width: 71px;
	height: 66px;
	position: absolute;
	text-decoration: none;
	top: 8px;
	margin-left: 5px;
	display: block;
}

#callnow {
	position: absolute;
	background-color: transparent;
	color: white;
	font-size: 12px;
	margin-left: 644px;
	top: 15px;
	display: block;
	text-decoration: none;
}

.hidden {
	display: none;
}

#container {
	width: 820px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFF;
	color: #000;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	padding: 0px 1px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

p.quote b, span.quote b {
	font-style:normal;
	font-weight: normal;
	text-transform: none;
	padding-left: 2em;
	display: block;
}
p.quote, span.quote {
	/* font-size: 12px;
	color:#558;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
	font-style:italic;*/
	font-style:normal;
	/*background: #CCCD94 url(/images/whiteopenquote.png) no-repeat 5px 3px;*/
	background: #CBB99D url(/images/whiteopenquote.png) no-repeat 5px 3px;
	_background-image:url(/images/whiteopenquote.gif);
	color: black;
	/*font-family: times;*/
	font-weight: bold;
	line-height: 140%;
	text-transform: none;
	display: block;
	margin: 15px 10%;
	padding: 8px 20px 8px 65px;
	text-align: left;
	background-color: #CCCD94;
	border-bottom: 2px solid #9F9F6D;
	border-right: 2px solid #9F9F6D;
	border-top: 1px solid #DEDFA7;
	border-left: 1px solid #DEDFA7;
}

/* Top Navigation Bar */
.navbarbg {
	background: #0066AE url(/images/navbar_bg.gif) repeat-x;
}

ul.topnavbar {
	z-index: 1;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background: #0066AE url(/images/navbar_bg.gif) top left repeat-x;
	height: 24px;
	width: 819px;
	list-style: none;
}

ul.topnavbar li a:hover, ul.topnavbar .sel, ul.topnavbar .sel2 {
	background: #ADAC50 url(/images/navbar_active_bg2.gif) top left repeat-x;
}

ul.topnavbar li {
	display: inline;
	height: 24px;
	z-index:101;
}

ul.topnavbar li a {
	z-index: 50;
	height: 16px;
	display: block;
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	text-decoration: none;
	color: #FFF;
}

.topnavbar li.topnavhover div {
	display: block;
	margin: 0px;
	padding: 0px;
	position: absolute;
}

ul.topnavbar .topnavhover ul {
	display: block;
	z-index: 100;
	position: absolute;
	border: 1px outset #CCC;
	width: 170px;
	padding: 0px 0px 2px 0px;
	margin: 0px;
}

.topnavbar .topnavhover ul li {
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
}

.topnavbar .topnavhover ul li a:hover {
	/* background-color: #ADAC50; */
	background-color: #B9A964;
}

.topnavbar .topnavhover ul li a {
	display: block;
/*	background: #0066AE;*/
	background: #6ba8d4;
	color: #FFF;
	width: 160px;
	margin: 0px;
	padding: 4px;
	height: 16px;
	border: 1px solid white;
}

ul.topnavbar li ul {
	display: none;
}

/* Side Navigation Bar */
.sidebar {
	width: 183px;
	background-color: #9CC1DE;
}

.sidebar ul {
	margin: 0px;
	padding: 1px;
	list-style: none
}

/* IE6 hack: */
.sidebar ul li {
	margin:0px;
	padding:0px;
	line-height: 10px;
}

/* Sidebar section header */
.sidebar ul li a {
	font-size: 19px;
	display: block;
	color: #004A6F;
	padding: 7px 7px 5px 7px;
	margin: 7px 0px 1px 0px;
	border: 1px solid #9CC1DE;
	text-decoration: none;
}
.sidebar ul li a:hover, .sidebar .sel {
	/* background-color: #DEEEFA; */
	background: #ADAC50 url(/images/sidebar-active-bg.gif) center left repeat-x;
	border: 1px solid #ADAC50;
	text-decoration: none;
	color: black;
}

/* Sidebar group header */
.sidebar ul li ul li a {
	font-size: 14px;
	font-weight: normal;
	display: block;
	color: #00558F;
	padding: 6px 0px 5px 24px;
	margin: 15px 0px 1px 0px;
}

/* Sidebar group item */
.sidebar ul li ul li ul li a {
	font-size: 12px;
	font-weight: normal;
	display: block;
	padding: 8px 0px 5px 32px;
	margin: 1px;
}
.sidebar ul li ul li ul li a:before {
	content: '> ';
	color: #C2DCEF;
}

table {
   padding: 0px;
   margin: 0px;
   border-style: none;
   border-spacing: 0px;
}

td {
   vertical-align: top;
}

td.hspacer {
   background: #cc6633;
   height: 16px;
}

td.lodd {
	background: #ffffff;
	padding: 6px;
}

td.leven {
	background: #f5f5f5;
	padding: 6px;
}

.header, h1 {
	font-size : 18px;
	border-bottom: 2px solid #185ea5;
	font-weight: bold;
	color: #185ea5;
}
	
.subheader, h2 {
	font-size : 16px;
	font-weight: bold;
	color: #185ea5;
}

h3, h3 a {
	font-size : 14px;
	margin-left: 1em;
	font-weight: bold;
	color: #185ea5;
}
	
.blueFont {
	font-size : 10px;
	color: #185EA5;
}

.blackMenuLink {
	font-size : 10px;
	font-weight: bold;
	color: black;
}

.blackMenuLink:visited {
	color: black;
	font-size: 10px;
	font-weight: bold;
}

.blackMenuLink:hover {
	color: #185EA5;
	font-size: 10px;
	font-weight: bold;
}

.blueMenuLink {
	font-size : 10px;
	font-weight: bold;
	color: #185EA5;
}

.blueMenuLink:visited { 
	color: #185EA5; 
}
	
.callout {
	font-size : 11px;
	font-weight: bold;
	color: #cc6633;
}
	
.breadcrumbs {
	font-size : 11px; 
	font-weight: bold;
	color: #cc6633;
}

.footerLink {
	font-size : 10px;
	text-decoration : underline;
	font-weight: bold;
	color : #185EA5;
}

.footerLink:visited { 
	text-decoration: underline;   
	color: #185EA5; 
}

.specialLinks {
	font-size: 12px;
	font-weight: bold;
	color: black;
	text-decoration: underline;
}

.links {
	font-size: 12px;
	color: #000000;
}

.layerTextOrange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	height: 15px;
	color: #CC5533;
}
.layerTextOrange:visited {    
	color: #cc5533; 
}
.layerTextOrange:hover { 
	color: #959595;
}

.RequiredStar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	}
	
.smallbreak {
	font-size: 4px;
}

li {
	margin-bottom: 0.7em;
}

.jargon {
	/* border-bottom: 1px dotted #999;*/
	/* border-bottom: 2px dotted #6BA8D4; */
	border-bottom: 2px dotted #DF7753;
	cursor: help;
}

a.readmore {
	margin-left: 350px;
	text-decoration: underline;
}

.x-tip{
	position: absolute;
	top: 0;
	left:0;
	visibility: hidden;
	z-index: 20000;
	border: 2px outset #ccc;
}
.x-tip .x-tip-tc {
	background: transparent url(/images/qtip-sprite.gif) no-repeat 0 -62px;
	padding-top:3px;
	overflow:hidden;
	zoom:1;
}
.x-tip .x-tip-tl {
	background: transparent url(/images/qtip-sprite.gif) no-repeat 0 0;
	padding-left:6px;
	overflow:hidden;
	zoom:1;
}
.x-tip .x-tip-tr {
	background: transparent url(/images/qtip-sprite.gif) no-repeat right 0;
	padding-right:6px;
	overflow:hidden;
	zoom:1;
}
.x-tip .x-tip-bc {
	background: transparent url(/images/qtip-sprite.gif) no-repeat 0 -121px;
	height:3px;
	overflow:hidden;
}
.x-tip .x-tip-bl {
	background: transparent url(/images/qtip-sprite.gif) no-repeat 0 -59px;
	padding-left:6px;
	zoom:1;
}
.x-tip .x-tip-br {
	background: transparent url(/images/qtip-sprite.gif) no-repeat right -59px;
	padding-right:6px;
	zoom:1;
}
.x-tip .x-tip-mc {
	border:0 none;
	font: normal 14px tahoma,arial,helvetica,sans-serif;
	padding: 10px;
}
.x-tip .x-tip-ml {
	background: #fff url(/images/qtip-sprite.gif) no-repeat 0 -124px;
	padding-left:6px;
	zoom:1;
}
.x-tip .x-tip-mr {
	background: transparent url(/images/qtip-sprite.gif) no-repeat right -124px;
	padding-right:6px;
	zoom:1;
}
.ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc {
	font-size:0;
	line-height:0;
}
.x-tip .x-tip-header-text {
	font: bold 13px tahoma,arial,helvetica,sans-serif;
	padding:0;
	margin:0 0 2px 0;
	color:#444;
}
.x-tip .x-tip-body {
	font: normal 12px tahoma,arial,helvetica,sans-serif;
	margin:0 !important;
	line-height:14px;
	color:#444;
	padding:0;
}

.dialog {
	position:relative;
	margin:0px auto;
	min-width:8em;
	max-width:760px; 
	color:#fff;
	z-index:10;
	margin-left:12px; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
	color: white;
	margin:0px auto;
	background:transparent url(/images/dialog2-800x1600.png) no-repeat top right;
	_background-image:url(/images/dialog2-800x1600.gif);
}

.dialog.flatgray .b,
.dialog.flatgray .b div {
	margin-bottom: 0px;
}

.dialog.flatgray .quote {
	background-color: transparent;
	border: none;
	padding-left: 100px;
}
.dialog.flatgray.quote {
	margin: 0px 10%;
}

.dialog.flatgray .content,
.dialog.flatgray .t,
.dialog.flatgray .b,
.dialog.flatgray .b div {
	color: black;
	background-image:url(/images/dialog2-flatgray-800x1600.png);
	_background-image:url(/images/dialog2-flatgray-800x1600.gif);
}

.dialog.babyblue .content,
.dialog.babyblue .t,
.dialog.babyblue .b,
.dialog.babyblue .b div {
	color: #2472a3;
	background-image:url(/images/dialog2-babyblue-800x1600.png);
	_background-image:url(/images/dialog2-babyblue-800x1600.gif);
}
.dialog.babyblue .readmore {
	color: #333;
}

.dialog.lightblue .content,
.dialog.lightblue .t,
.dialog.lightblue .b,
.dialog.lightblue .b div {
	color: #000;
	background-image:url(/images/dialog2-lightblue-800x1600.png);
	_background-image:url(/images/dialog2-lightblue-800x1600.gif);
}
.dialog.lightblue h1 {
	color: #000;
	font-weight: normal;
}

.dialog.blue .content,
.dialog.blue .t,
.dialog.blue .b,
.dialog.blue .b div {
	background-image:url(/images/dialog2-blue-800x1600.png);
	_background-image:url(/images/dialog2-blue.gif);
}

.dialog.aqua .content,
.dialog.aqua .t,
.dialog.aqua .b,
.dialog.aqua .b div {
	background-image:url(/images/dialog2-aqua-800x1600.png);
	_background-image:url(/images/dialog2-aqua-800x1600.gif);
}

.dialog.yellow .content,
.dialog.yellow .t,
.dialog.yellow .b,
.dialog.yellow .b div {
	color: black;
	background-image:url(/images/dialog2-yellow-800x1600.png);
	_background-image:url(/images/dialog2-yellow-800x1600.gif);
}

.dialog.purple .content,
.dialog.purple .t,
.dialog.purple .b,
.dialog.purple .b div {
	background-image:url(/images/dialog2-purple-800x1600.png);
	_background-image:url(/images/dialog2-purple-800x1600.gif);
}

.dialog.red .content,
.dialog.red .t,
.dialog.red .b,
.dialog.red .b div {
	background-image:url(/images/dialog2-red-800x1600.png);
	_background-image:url(/images/dialog2-red-800x1600.gif);
}

.dialog.orange .content,
.dialog.orange .t,
.dialog.orange .b,
.dialog.orange .b div {
	background-image:url(/images/dialog2-orange-800x1600.png);
	_background-image:url(/images/dialog2-orange-800x1600.gif);
}

.dialog.green .content,
.dialog.green .t,
.dialog.green .b,
.dialog.green .b div {
	background-image:url(/images/dialog2-green-800x1600.png);
	_background-image:url(/images/dialog2-green-800x1600.gif);
}

.dialog .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:0px 25px 0px 0px;
}

.dialog .t {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:12px; /* top slice width */
	margin-left:-12px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.dialog .b {
	/* bottom */
	position:relative;
	width:100%;
}

.dialog .b,
.dialog .b div {
	height:30px; /* height of bottom cap/shade */
	font-size:1px;
}

.dialog .b {
	background-position:bottom right;
}

.dialog .b div {
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
	position:relative;
}

.dialog .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:1000px;
	overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog .readmore {
	color: #BBB;
}
.dialog h1,
.dialog p {
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding:0.5em 0px 0.5em 0px;
	border: none;
}

.dialog h1 {
	padding-bottom:0px;
}

.login {
	z-index: 20000;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: 25px;
	/* float: right; */
	/* border: 2px outset #AAA; 
	padding: 8px 10px;
	margin: 8px; */
	color: #0066AE;
	width: 100px;
	height: 31px;
	border: none;
	background:transparent url(/images/login.png) no-repeat top right;
	_background-image:url(/images/login.gif);
	overflow: hidden;
}

.login b {
	margin-left: -1000px;
	z-index: 20000;
}

.signup, .signup:hover, .pagecontent .signup, .pagecontent .signup:hover {
	z-index: 20000;
	display: block; 
	overflow: hidden;
	margin-left: auto;
	margin-right: 25px;
	padding: 0px;
	color: #0066AE;
	width: 111px;
	height: 34px;
	border: none;
	background:transparent url(/images/signup.png) no-repeat top right;
	_background-image:url(/images/signup.gif);
}

.signup b {
	margin-left: -1000px;
	z-index: 20000;
}

.learnmore, .learnmore:hover, .pagecontent .learnmore, .pagecontent .learnmore:hover {
	z-index: 20000;
	display: block; 
	overflow: hidden;
	margin-left: auto;
	margin-right: 25px;
	padding: 0px;
	color: #0066AE;
	width: 111px;
	height: 34px;
	border: none;
	background:transparent url(/images/learnmore2.png) no-repeat top right;
	_background-image:url(/images/learnmore2.gif);
}

.learnmore b {
	margin-left: -1000px;
	z-index: 20000;
}

.learnmore2, .learnmore2:hover {
	z-index: 20000;
	display: block; 
	overflow: hidden;
	margin-left: auto;
	margin-right: 25px;
	padding: 0px;
	color: #0066AE;
	width: 100px;
	height: 31px;
	border: none;
	background:transparent url(/images/learnmore.png) no-repeat top right;
	_background-image:url(/images/learnmore.gif);
}

.learnmore2 b {
	margin-left: -1000px;
	z-index: 20000;
}

a.offsite {
	background-image: url(/images/link_new_win.gif);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 11px;
}

.pagecontent {
	padding: 16px;
}

.pagecontent a.boldlink {
	font-weight: bold;
	color: #666;
}

.pagecontent a.subtlelink {
	font-size: 12px;
	background-color: transparent;
	color: #666;
	text-decoration: none;
}

.caption {
	color: #555;
	font-size: smaller;
	font-style: italic;
}

.deemphasize {
	color: #555;
	font-size: smaller;
}