@import "undohtml.css";

body {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	color: #333;
	background-image: url('images/body-bg.gif');
	padding: 0;
	margin: 0
}

a.solo-link {
	font-weight: bold;
	text-decoration: none;
	color: #244a9f;
	padding-left: 10px;
	background: url('images/arrow-blue-transparentback.gif') no-repeat 0 4px;
}

a.solo-link:hover {
	color: #6189ce;
	text-decoration: underline;
}

#container {
	width: 788px;	
	margin-left: auto;
	margin-right: auto;
	background: url('images/container-bg.jpg') repeat-y top left;
	overflow: hidden; padding-left:4px; padding-right:4px; padding-top:0; padding-bottom:0
}

#container.calculator {
	width: 788px;	
	margin-left: auto;
	margin-right: auto;
	background: url('images/container-bg-white.gif') repeat-y top left;
	overflow: hidden; padding-left:4px; padding-right:4px; padding-top:0; padding-bottom:0
}

div.clearer { clear: both; line-height: 0; height: 0; }


/* ----------------------------------------------------------------------

	BANNER - incl. courtesy nav/search, login-prompt and global-nav

   ---------------------------------------------------------------------- */

#banner {
	padding: 0;
	margin: 0 0 -4px 0;
	height: 124px;
}

#banner #logo {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	top: 1px;
	left: 1px;
}

#banner #logo img {
	margin:0;
	padding: 0;
	border: none;
}

/* -------------------------------------------

	COURTESY NAVIGATION AND SEARCH - in BANNER

   ------------------------------------------- */

#banner #top-nav {
	margin: 0;
	padding: 0;
	float: right;
	width: 591px;   
	background: url("images/top-nav-bg.gif") bottom left repeat-x;
	border: 1px solid #ccc;	
	position: relative; 	
	right: 11px;
}

#banner #top-nav form fieldset {
	border: none;
	margin: 0;
}

#banner #top-nav #courtesy-nav {
	margin: 0;
	padding: 0;
	height: 26px;
	float: right;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#banner #top-nav #courtesy-nav li {
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline;
}

#banner #top-nav #courtesy-nav li a {
	float: left;
	padding: 26px 0 0 5px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:26px;         /* Hack for IE5/Win only */
}

#banner #top-nav #courtesy-nav li a:hover {
	background-position: 0 -27px;
}

#banner #top-nav #courtesy-nav li a:active, #banner #top-nav #courtesy-nav li a.current  { 
	background-position: 0 -27px;
}

#home a  {
	width: 67px;
	background: url('images/courtesynav-home.gif') no-repeat top left;
}

#contact a  {
	width: 86px;
	background: url('images/courtesynav-contact.gif') no-repeat top left;
}

#site-index a  {
	width: 86px;
	background: url('images/courtesynav-siteindex.gif') no-repeat top left;
}

#preferences a  {
	width: 104px;
	background: url('images/courtesynav-mypreferences.gif') no-repeat top left;
}

#banner #top-nav form #courtesy-nav input#search {
	position: relative;
	top: 2px;
	margin-right: 3px;
}

#banner #top-nav form #courtesy-nav input#search-term {
	position: relative;
	top: -2px;
}


/* -------------------------------------------

	MEMBER LOGIN-PROMPT AREA - in BANNER

   ------------------------------------------- */
	

#banner #login-prompt {
	width: 592px;
	height: 59px;
	background: url("images/login-prompt-bg.gif") top left no-repeat;
	float: right;
	position: relative;
	top: 0;
	right: 11px;
}

#banner #login-prompt p {
	float: right;
	text-align: right;
	line-height: 15px;
	padding: 12px 20px 0 0;	
}

#banner #login-prompt p a { color: #000; }
#banner #login-prompt p a:visited { color: #000; }
#banner #login-prompt p a:hover { text-decoration: none; color: #000; }


/* -------------------------------------------

	GLOBAL NAVIGATION - in BANNER
	
   ------------------------------------------- */
	
#banner #global-nav {
	float: right;
	position: relative;
	top: 0;
	right: 10px;	 /* --- This aligns global nav bar. See comment below. --- */ 											
	margin: 0;  /* --- Adjustment made to get the gobal nav bar to line up with elements above it. --- */
	padding: 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	height: 38px;
	width: 593px; /* --- This relates to the right property above. Compare to screen5-toplevel.css if issues arise. --- */
}

#banner #global-nav #primary-navlist li {
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline;
}

#banner #global-nav #primary-navlist a {
	float: left;
	padding: 38px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:38px; 			/* Hack for IE5/Win only */
}

#banner #global-nav #primary-navlist a:hover {
	background-position: 0 -38px;
}

#banner #global-nav #primary-navlist a:active, #banner #global-nav #primary-navlist a.current {
	background-position: 0 -38px;
}
	
#costs a {
	width: 134px;
	background: url('images/globalnav-costs.gif') no-repeat top left;
}

#improving a {
	width: 198px;
	background: url('images/globalnav-quality.gif') no-repeat top left;
}

#risk a {
	width: 130px;
	background: url('images/globalnav-risk.gif') no-repeat top left;
}

#about a {
	width: 129px;
	background: url('images/globalnav-about.gif') no-repeat top left;
}


/* -----------------------------------------------------------------------------------------------------

	CONTENT - incl. block elements, breadcrumbs, header tags, lists, tables, layout table and pull-quote

   ----------------------------------------------------------------------------------------------------- */

#content {
	margin-left: 181px;
}

#content.full-width {
	margin: 0 0 0 5px;
	padding: 0;
}

#content p {
	margin: 0 15px 5px 10px;
	padding: 10px 0 5px 0;
	text-align: left;
	font-size: 11px;
	line-height: 20px;
}

#content p.pabce-presenters {
	margin: 0 15px 5px 10px;
	padding: 3px 0 5px 0;
	text-align: left;
	font-size: 11px;
	line-height: 16px;
}

#content p.secondary {
	margin: 0 30px 15px 25px;
	padding: 15px 0 10px 0;
	text-align: left;
	font-size: 10px;
	line-height: 17px;
}

#content a { color: 244a9f; }
#content a:hover { color: #6189ce; text-decoration: none; }
#content a:visited { color: #3976ff; } 

/* --- Image within content paragraph --- */

#content img.no-border {
	margin: 0;
	padding: 0;	
}

#content img.stand-alone {
	margin: 10px 5px 15px 10px;
}

#content p img.pabce-logo {
	margin: -5px 0 10px -10px;
	padding: 0;
	border: none;
}

#content p img {
	float: right;
	margin: 10px;
	padding: 5px;
	border: 1px solid #666;
}

#content p img.no-border {  /* -- I don't think this works -- */
	margin: 0;
	padding: 0;	
	border: none;
}


/* -------------------------------------------

	BREADCRUMBS - in CONTENT

   ------------------------------------------- */

#content #breadcrumbs {
	margin: 0;
	padding: 0;	
}

#content #breadcrumbs p {
	margin: 5px 0 0 10px;
	padding: 0;
	font-size: 10px;
}

#content #breadcrumbs p a { color: #244a9f; }
#content #breadcrumbs p a:visited { color: #3976ff; }
#content #breadcrumbs p a:hover { text-decoration: none; color: #6189ce; }


/* -------------------------------------------

	HEADER TAGS - in CONTENT
	
   ------------------------------------------- */	

#content h1 {
	color: #333;
	font-size: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: url('images/h1-bg-02.gif') no-repeat bottom right;; margin-left:0; margin-right:20px; margin-top:0; margin-bottom:0; padding-left:30px; padding-right:0; padding-top:30px; padding-bottom:30px
}

#content h1.no-bar {
	color: #333;
	font-size: 26px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 30px 0 20px 30px;
	margin: 0 20px 0 0; 
	background: none;
}

#content h2 {
	color: #333;
	font-size: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 30px 0 0 10px;
}

#content h2 a { color: #333; }
#content h2 a:link { color: #333; }
#content h2 a:visited { color: #333; }
#content h2 a:hover { color: #41629a; text-decoration: none; }

#content h2.second-line {
	color: #333;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0 0 10px 10px;
}

#content h2.second-line a { color: #333; }
#content h2.second-line a:link { color: #333; }
#content h2.second-line a:visited { color: #333; }
#content h2.second-line a:hover { color: #41629a; text-decoration: none; }

#content h3 {
	color: #41629a;
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
	padding: 20px 0 5px 10px;
}

#content h3 a { color: #41629a;	}
#content h3 a:link { color: #41629a; }
#content h3 a:visited { color: #41629a; }
#content h3 a:hover { color: #41629a; text-decoration: none; }

#content h4 {
	color: #226a4a;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0 5px 10px;
}

#content h4 a { color: #226a4a;	}
#content h4 a:link { color: #226a4a; }
#content h4 a:visited { color: #226a4a; }
#content h4 a:hover { color: #67ac8d; text-decoration: none; }

#content h5 {
	color: #226a4a;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 5px 0 5px 10px;
}

#content h5 a { color: #226a4a;	}
#content h5 a:link { color: #226a4a; }
#content h5 a:visited { color: #226a4a; }
#content h5 a:hover { color: #67ac8d; text-decoration: none; }

#content h5.pabce {
	color: #226a4a;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	padding: 10px 0 0 10px;
}



/* -------------------------------------------
	
	LISTS - in CONTENT
	
   ------------------------------------------- */
   
/*  ---  unordered lists: bulleted  ---  */

#content ul, #content p ul {
	font-size: 11px;
	list-style: none;
	margin: 5px 15px 10px 25px;
}

#content ul li, #content p ul li {
	line-height: 20px;
	margin-bottom: 10px;
	padding-left: 15px;
	background-image: url('images/list-bullet-bg.gif');	
	background-repeat: no-repeat;
	background-position: 1px 8px;
	list-style-type:none;
}

#content ul li ul, #content p ul li ul {
	list-style: none;
	margin: 0 15px 5px 25px;
	font-size: 10px;
}

#content ul li ul li, #content p ul li ul li {
	list-style: none;
	line-height: 15px;
	margin-bottom: 10px;
}

/*  ---  unordered lists: NOT-bulleted  ---  */

#content ul.no-bullet, #content p ul.no-bullet {
	list-style: none;
	font-size: 10px;
	margin: 5px 15px 8px 15px;
}

#content ul.no-bullet li, #content p ul.no-bullet li {
	line-height: 10px;
	margin-bottom: 8px;
	padding-left: 15px;
	background-image: none;
	list-style-type: none;
}

#content ul.no-bullet li ul, #content p ul.no-bullet li ul {
	list-style: none;
	margin: 0 15px 5px 15px;
	font-size: 9px;
}

#content ul.no-bullet li ul li, #content p ul.no-bullet li ul li {
	list-style: none;
	background-image: none;
	line-height: 10px;
	margin-bottom: 8px;
}


/*  ---  ordered lists: numbered  ---  */

#content ol, #content p ol {
	list-style-type: decimal;
	font-size: 11px;
	margin: 5px 15px 10px 45px;	
}

#content ol li, #content p ol li {
	line-height: 20px;
	margin-bottom: 10px;
}


/*  ---  upper and lower case roman and alpha lists available if needed  ---  */

#content ol.lroman { list-style-type: lower-roman; }
#content ol.uroman { list-style-type: upper-roman; }
#content ol.lalpha { list-style-type: lower-alpha; }
#content ol.ualpha { list-style-type: upper-alpha; }


/*  ---  side by side lists: bulleted  ---  */

#content ul.left-list {
	list-style: none;
	width: 45%;
	float: left;
	margin: 0 0 0 10px;
	padding-left: 10px;
}

#content ul.left-list li {
	padding-left: 15px;
	background-image: url('images/list-bullet-bg.gif');	
	background-repeat: no-repeat;
	background-position: 0 8px; list-style-type:none
}

#content ul.right-list {
	list-style: none;
	width: 45%;
	float: left;
	margin: 0 15px 0 0;
	padding-left: 10px;
}

#content ul.right-list li {
	padding-left: 15px;
	background-image: url('images/list-bullet-bg.gif');	
	background-repeat: no-repeat;
	background-position: 0 8px; list-style-type:none
}


/*  ---  side by side lists: bulleted - old class name  ---  */

#content ul.leftlist {
	list-style: none;
	width: 40%;
	float: left;
	margin: 0 0 0 10px;
	padding-left: 10px;
}

#content ul.leftlist li {
	padding-left: 15px;
	background-image: url('images/list-bullet-bg.gif');	
	background-repeat: no-repeat;
	background-position: 0 8px; list-style-type:none
}

#content ul.rightlist {
	list-style: none;
	width: 40%;
	float: right;
	margin: 0 15px 0 0;
	padding-left: 10px;
}

#content ul.rightlist li {
	padding-left: 15px;
	background-image: url('images/list-bullet-bg.gif');	
	background-repeat: no-repeat;
	background-position: 0 8px; list-style-type:none
}


/* -------------------------------------------

	TABLE: for tabular data - in CONTENT

   ------------------------------------------- */
   
#content table {
	border: 1px solid #dadada;
	margin: 5px 5px 5px 10px;	
}

#content table caption {
	font-style: italic;
	font-size: 10px;
}

#content table thead tr.tablehead {
	background-color: #41629a;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

#content table thead tr.tablehead td {
	border: 1px solid #dadada;
}


#content table thead tr.tablesub {
	background-color: #67ac8d;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
}

#content table thead tr.tablesub td {
	border: 1px solid #dadada;
}

#content table thead tr td {
	border: 1px solid #dadada;
}

#content table tbody tr {
	color: #333
	font-size: 10px;
}

#content table tbody tr td {
	border: 1px solid #dadada;
}


#content table tfoot tr td {
	border: 1px solid #dadada;
	color: #666;
}


/* ---  Styles for improperly coded tables  --- */

#content table tr.tablehead {
	background-color: #41629a;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

#content table tr.tablesub {
	background-color: #67ac8d;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
}

#content table tr td.tablehead {
	background-color: #41629a;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

#content table tr td.tablesub {
	background-color: #67ac8d;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
}


/*  ---  LISTS in table cells  ---  */

#content table tbody tr td ul {
	list-style: none;
	margin-left: 5px;
}

#content table tbody tr td ul li {
	padding-left: 15px;
	background-image: url('images/list-bullet-bg.gif');	
	background-repeat: no-repeat;
	background-position: 0 8px; list-style-type:none
}

#content table tbody tr td ol {
	list-style-type: decimal;
	margin-left: 25px;
}

#content table tbody tr td ol li {
	list-style-type: decimal;
}

/*  ---  LINKS in table cells  ---  */

#content table thead tr.tablehead a:link { color: #fff; }
#content table thead tr.tablehead a:visited { color: #fff; }
#content table thead tr.tablehead a:hover{ color: #fff; text-decoration: none; }
#content table thead tr.tablehead a:active { color: #fff; }

#content table thead tr.tablesub a:link { color: #fff; }
#content table thead tr.tablesub a:visited { color: #fff; }
#content table thead tr.tablesub a:hover{ color: #fff; text-decoration: none; }
#content table thead tr.tablesub a:active { color: #fff; }

#content table tbody tr a:link { color: #244a9f; }
#content table tbody tr a:visited { color: #3976ff; }
#content table tbody tr a:hover{ color: #6189ce; text-decoration: none; }
#content table tbody tr a:active { color: #2c4a7d; }


/* -------------------------------------------

	TABBED TABLE - in CONTENT
	
   ------------------------------------------- */

#content table#tabbed-table {
	border-top: none;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	margin: 0 5px 5px 10px;	
}

#content table#tabbed-table thead tr.tablehead {
	border: 1px solid #67ac8d;
	background-color: #67ac8d;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
}

#content table thead tr td {
	border: none;
}

#content #tabs {
	padding-bottom: 7px;
}

#content #tabs ul {
	display: inline;
	list-style: none;	
	margin: 0;
	padding: 0 0 0 11px;
}

#content #tabs ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#content #tabs a:link { color: #244a9f; text-decoration: underline; }
#content #tabs a:visited { color: #244a9f; text-decoration: underline; }
#content #tabs a:hover { color: #244a9f; text-decoration: none; }
#content #tabs a:active { color: #fff; text-decoration: none; }

#content #tabs a:link span { color: #244a9f; text-decoration: underline; }
#content #tabs a:visited span { color: #244a9f; text-decoration: underline; }
#content #tabs a:hover span { color: #244a9f; text-decoration: none; }
#content #tabs a:active span { color: #fff; text-decoration: none; }

#content #tabs ul li a {					
	display: inline;
	background: #92d4b5 url('images/tab-off-left.gif') no-repeat top left;
	border-bottom: 1px solid #fff; list-style-type:none; margin-left:0; margin-right:0; margin-top:-5px; margin-bottom:0; padding-left:15px; padding-right:0; padding-top:5px; padding-bottom:10px
}

#content #tabs ul li a span {					
	display: inline;
	background: #92d4b5 url('images/tab-off-right.gif') no-repeat top right;
	list-style-type:none; margin-left:0; margin-right:0; margin-top:-5px; margin-bottom:0; padding-left:0; padding-right:15px; padding-top:5px; padding-bottom:10px
}
		
#content #tabs ul li.tab-on a {				
	display: inline;
	background: #67ac8d url('images/tab-on-left.gif') no-repeat top left;
	text-decoration: none;
	border-bottom: 1px solid #67ac8d; list-style-type:none; margin-left:0; margin-right:0; margin-top:-5px; margin-bottom:0; padding-left:15px; padding-right:0; padding-top:5px; padding-bottom:10px
}
#content #tabs ul li.tab-on a span {				
	display: inline;
	background: #67ac8d url('images/tab-on-right.gif') no-repeat top right;
	text-decoration: none;
	list-style-type:none; margin-left:0; margin-right:0; margin-top:-5px; margin-bottom:0; padding-left:0; padding-right:15px; padding-top:5px; padding-bottom:10px
}

#content #tabs a.current-tab {				
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background: #67ac8d url('images/tab-on-left.gif') no-repeat top left;	
}

#content #tabs a.current-tab span {				
	color: #fff;
	background: url('images/tab-on-right.gif') no-repeat top right;	
}


/* -------------------------------------------
	
	LAYOUT TABLE: invisible - in CONTENT
	
   ------------------------------------------- */

#content table.layout {
	border: 0px none;
}

#content table.layout tr {
	border: 0px none;
}

#content table.layout tr td {
	border: 0px none;
}


/* -------------------------------------------

	PULL-QUOTE - in CONTENT
	
   ------------------------------------------- */

#content p.pull-quote {
	display: block;
	margin: 10px;
	padding: 10px;
	font-size: 18px;
	color: #ff8700;
	width: 320px;
	float: right;
	clear: both;
	line-height: 25px;
}

#content p.pull-quote a {
	margin: 10px 20px 0 0;
	padding: 0 20px 0 0;
	font-size: 12px;
	float: right;
}


/* -------------------------------------------------------------------------------

	SIDE-BAR - incl. callout box, narrow pull-quote and print & email page buttons

   -------------------------------------------------------------------------------- */
   
#content #side-bar {	
	float: right;
	margin: 0 0 5px 15px; /* -- ??? Changed from 10px --- */
	position: relative;
	right: 15px;
}


/* -------------------------------------------

	CALLOUT-BOX - in SIDE-BAR

   ------------------------------------------- */

#content #side-bar #callout-box {
	border: 1px solid #bcbcbc;
	width: 182px;
	margin: 5px;
	background: url('images/callout-bg-500px.gif') repeat-x top left;
}

#content #side-bar #callout-box h3 {
	color: #226a4a;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, San-serif;
	text-align: left;
	padding: 10px;
}

#content #side-bar #callout-box p {
	color: #333;
	font-size: 10px;
	line-height: 15px;
}

/*  ---  Image/logo within callout-box  ---  */

#content #side-bar #callout-box img {
	margin: 20px;
}


/* -- Arrow list in call-out box -- */

#content #side-bar #callout-box ul.arrow {
	font-size: 10px;
	color: #244a9f;
	list-style: none;
	margin: 5px 5px 10px 10px;
}

#content #side-bar #callout-box ul.arrow li {
	line-height: 20px;
	margin-bottom: 10px;
	padding-left: 15px;
	background: url('images/arrow-blue-transparentback.gif') no-repeat 1px 8px;
	list-style-type: none;
}

#content #side-bar #callout-box ul.arrow li a {
	font-weight: bold;
	text-decoration: none;
	color: #244a9f;
}

#content #side-bar #callout-box ul.arrow li a:hover {
	color: #6189ce;
	text-decoration: underline;
}



/* -------------------------------------------

	NARROW PULL-QUOTE - in SIDE-BAR

   ------------------------------------------- */

#content #side-bar p.pull-quote-narrow {
	width: 182px;
	margin: 5px;	
	font-size: 18px;
	color: #ff8700;
	line-height: 22px;
}

#content #side-bar p.pull-quote-narrow a {
	font-size: 12px;
	float: right;
	margin-bottom: 10px;
}


/* -------------------------------------------

	NARROW PARAGRAPH - in SIDE-BAR

   ------------------------------------------- */

#content #side-bar h4 {
	margin: 5px 0 0 0;	
	font-size: 14px;
	color: #226a4a;
}

#content #side-bar p.narrow-paragraph {    /*  Bold text  */
	font-size: 11px;
	color: #41629a;
	line-height: 20px;
	font-weight: bold;
}

#content #side-bar .dotted-border {
	width: 182px;
	margin: 5px;
	border: 1px dotted #ccc;
}


/* -------------------------------------------

	PIMS CALLOUT-BOX - in SIDE-BAR

   ------------------------------------------- */

#content #side-bar #callout-box.pims {
	border: 1px solid #ff8600;
	width: 182px;
	margin: 5px;
	background: url('images/pims-callout-background.jpg') repeat-x top left;
}

#content #side-bar #callout-box.pims h3 {
color: #ff8600;
	/* color: #2c4a7d; */
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, San-serif;
	text-align: left;
	padding: 10px;
}

#content #side-bar #callout-box.pims h4 {
	color: #226a4a;
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, San-serif;
	text-align: left;
	padding: 10px 10px 2px 10px;
}


#content #side-bar #callout-box.pims h5 {
color: #ff8600;
	/* color: #2c4a7d; */
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding: 5px; /*  0 5px 10px; */
}

#content #side-bar #callout-box.pims p {
	color: #2c4a7d;
	font-size: 12px;
	line-height: 18px;
}

#content #side-bar #callout-box.pims p.contact-info {
	color: #2c4a7d;
	font-size: 10px;
	line-height: 15px;
}




/* -------------------------------------------

	PRINT & EMAIL PAGE BUTTONS - in SIDE-BAR

   ------------------------------------------- */

#page-buttons {
	border: 1px solid #999;
	width: 182px;
	height: 27px;
	margin: 5px 5px 15px 5px;	
}

#page-buttons #print-email {
	margin: 10px;
	padding: 0;
	height: 27px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#page-buttons #print-email li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}

#page-buttons #print-email a {
	float: left;
	padding: 27px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:27px;      /* Hack for IE5/Win only */
}
	
#print-email #print-page a  {
	width: 91px;
	background: url('images/callout-printpage.gif') no-repeat top left;
}

#print-email #print-page a:hover {
	background-position: 0 -27px;
}

#print-email #print-page a:active {
	background-position: 0 -27px;
}

#print-email #email-page a  {
	width: 91px;
	background: url('images/callout-emailpage.gif') no-repeat top left;
}

#print-email #email-page a:hover {
	background-position: 0 -27px;
}

#print-email #email-page a:active {
	background-position: 0 -27px;
}


/* -------------------------------------------------------------

	LEFT-BAR - incl. left nav, left column box and news & events

   -------------------------------------------------------------- */

#left-bar {
	float: left;
	width: 180px;  
	margin: 0;
	padding: 0;
	position: relative;
	left: 2px;	
	top: -1px;	  
}

#back-to {
	margin-left: 1px;  
	border: 1px solid #bcbcbc;
	width: 178px;			
}

#back-to p {
	padding: 5px;
	color: #fff;
	text-align: left;
	background: #666 url('images/arrow-backto.gif') no-repeat 155px 7px;  /* !!! USE UPDATED IMAGE with new color. !!! */
}

#back-to p a { color: #fff; }
#back-to p a:hover { color: #fff; text-decoration: none; } 
#back-to p a:visted { color: #fff; }


/* -------------------------------------------

	LEFT NAVIGATION LIST - in LEFT-BAR

   ------------------------------------------- */

#left-nav-container { 
	margin-left: 1px;
}

#left-nav-container ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#left-nav-container li { 
	margin: 0;	
}

#left-nav-container a {
	display: block;
	height: 100%;
	border-top: 1px solid #6189ce;
	border-bottom: 1px solid #2c4a7d;
	padding: 5px 10px;
	width: 159px;
	color: #fff;
	background-color: #2c4a7d;
	text-decoration: none;
}

#left-nav-container a:hover {
	color: #fff;
	background-color: #41629a;
	text-decoration: none;
}

#left-nav-container ul ul li { 
	margin: 0;
	border-top: 1px solid #6189ce;
	border-bottom: 1px solid #2c4a7d;
}

#left-nav-container ul ul a {
	display: block;
	padding: 5px 5px 5px 30px;
	width: 140px;         
	color: #fff;
	text-decoration: none;
}

#left-nav-container ul ul a:hover {
	color: #fff;
	background-color: #2c4a7d;
	text-decoration: none;
}

#left-nav-container a#current {
	font-weight: bold;
	padding-left: 30px;
	width: 139px;              
	background: #41629a url('images/left-nav-arrow.gif') no-repeat 5px 7px;
}

/* -------------------------------------------

	LEFT COLUMN BOX - in LEFT-BAR

   ------------------------------------------- */

#left-col-box {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid #67ac8d;
	width: 155px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#left-col-box h4 {
	color: #fff;
	background: #67ac8d;
	font-weight: bold;
	padding: 10px;
}

#left-col-box p {
	font-size: 11px;
	line-height: 15px;
	padding: 10px;
	background: #fff;
}

#left-col-box p span.phone-number {
	font-weight: bold;
}

/* -------------------------------------------

	NEWS & EVENTS - in LEFT-BAR

   ------------------------------------------- */

#left-bar #news-events {
	margin-top: -32px;    /* Strange layout necessity */
	padding: 15px;
	background: url('images/left-bar-bg.gif') repeat-y top left;
}

#left-bar #news-events h3 {
	font-size: 14px;
	color: #226a4a;
	margin-top: 0;
}

#left-bar #news-events h3 a { color: #226a4a; }
#left-bar #news-events h3 a:visited { color: #226a4a; }
#left-bar #news-events h3 a:hover { color: #67ac8d; text-decoration: none; }

#left-bar #news-events p {
	margin-top: 18px;
	line-height: 15px;
}

#left-bar #news-events p a {   
	font-weight: bold;
	color: #41629a;
	text-decoration: none;	
}

#left-bar #news-events p a:hover { color: #6189ce; text-decoration: underline; }
#left-bar #news-events p a:visited { color: #3976ff; }


/* -------------------------------------------

	FOOTER

   ------------------------------------------- */

#footer {
	font-size: 10px;	
	clear: both;
	padding: 0;
	background: url('images/footer-bg.gif') no-repeat top left;
	position: relative; 
	left: 1px
}

#footer p.copyright-privacy {
	clear: both;
	height: 24px;
	padding: 10px 28px 0 13px;
}

#footer p.copyright-privacy {
	color: #fff;
}

#footer p.copyright-privacy span.address {
	float: left;
	text-align: left;
}

#footer p.copyright-privacy span.privacy {
	float: right;
	text-align: right;
}

#footer p.copyright-privacy span.privacy a { color: #fff; }
#footer p.copyright-privacy span.privacy a:visited { color: #fff; }
#footer p.copyright-privacy span.privacy a:hover { text-decoration: none; }

/* -------------------------------------------

	REDUNDANT NAVIGATION

   ------------------------------------------- */

#redundant-nav {
	width: 100%;
	background: transparent;
	position: relative;
}

#redundant-nav p {		
	margin-top: 10px;	
	text-align: center;
	color: #244a9f;
	background: transparent;
}

#redundant-nav p a { color: #244a9f; }
#redundant-nav p a:visited { color: #3976ff; }
#redundant-nav p a:hover { color: #6189ce; text-decoration: none; }