@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: underline;
	color: #244a9f;
	padding-left: 10px;
	background: url("/images/arrow-blue-transparentback.gif") 0 4px no-repeat;
}

a.solo-link:hover {
	color: #6189ce;
	text-decoration: none;
	padding-bottom: 10px;
}

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

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

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


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

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

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

#banner {
/* border: 2px solid pink; */
	padding: 0;	
	margin: 0;
	height: 124px;
}

#banner.public-home {
/* border: 2px solid pink; */
	padding: 0;	
	margin: 0;
	height: 151px;
}

#banner #logo {
/* border: 1px solid blue;		    --- !!! FIX THIS !!! --- */
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	top: 2px;
	left: 2px;
}

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

#banner #logo img.pub-home  {
	margin: 0 0 -2px 0;
	padding: 0;
	float: left;
	position: relative;
	top: 0;
	left: 1px;
}

#banner #logo img.priv-home  {
	margin: 0 0 -1px 0;
	padding: 0;
	float: left;
	position: relative;
	top: 0;
	left: 1px;
}

#banner #logo img.landing-logo  {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	top: 0;
	left: 0;
}


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

	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") top left no-repeat;
}

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

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

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

#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 {
/* border: 1px solid red; */
	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
	
   ------------------------------------------- */

#global-nav {
	float: right;
	position: relative;
	top: 0;
	right: 11px;													
	margin: 0;
	padding: 0;
	height: 38px;
	list-style: none;
	display: inline;
	overflow: hidden;
	height: 36px;		
	width: 591px;
}

#global-nav.no-nav {
	background: url("images/no-nav-bg.gif");
	float: right;
	position: relative;
	top: 2px;
	right: 11px;
	margin: 0;
	padding: 0;
	height: 36px;		
	width: 592px;
}

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

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

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

#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") top left no-repeat;
}

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

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

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


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

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

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

#content {
	margin: 0 0 0 181px;
	padding: 0;
}

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

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

#content p.secondary {
	margin: 0 30px 5px 25px;
	padding: 5px 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 p img {
	float: right;
	margin: 10px;
	padding: 5px;
	border: 1px solid #666;
}

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

#content p img.no-border {
	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;
	padding: 50px 0 20px 30px;
	margin: 0 20px 0 0;
	background: url("images/h1-bg-02.gif") bottom right no-repeat;
}

#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 h2.solid-green-bar {

}

#content h3 {
	color: #41629a;
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 15px 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: 20px 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; }

/*  ---  private home page header rules  ---  */

#content #private-header-area {
	margin: 0;
	padding: 0;
	width: 592px;
	height: 166px;
	background: #fff url("/images/private-header-bg.jpg") top right no-repeat;
	float: right;
	position: relative;
	top: 0;
	right: 11px;
}

#content #private-header-area h6.toolbox-h1 {
	margin: 20px 0 0 150px; 
	color: #fff;
	font-size: 26px;
	font-weight: normal;
	background: none;
}

#content #private-header-area h6.toolbox-h2 {
	margin: 5px 0 15px 150px; 
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}


/* -------------------------------------------
	
	LISTS - in CONTENT
	
   ------------------------------------------- */
   
/*  ---  unordered lists: no bullets  ---  */

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

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

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

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


/*  ---  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; }


/* --- Table styles - NOT ALL RULES WORK WITH FIREFOX --- */

#content table.layout tr td ul { list-style: none; margin: 5px 0 0 10px; }
#content table.layout tr td ul li { list-style: none; margin: 10px 0 10px 0; line-height: 15px; }
#content table.layout tr td ul li ul { list-style: none; margin: 0 0 0 10px; line-height: 15px; } 
#content table.layout tr td ul li ul li { list-style: none; margin: 7px 0 0 10px; line-height: 15px; } 

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


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

#content ul.left-list {
	list-style: none;
	width: 40%;
	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: 40%;
	float: right;
	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
}

/* --- site-index bulleted lists --- */

#content table.layout tr td ul.index-bullets {
	list-style: none;
	margin-left: 15px;
}

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


/* -------------------------------------------
	
	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;
}

#content table tr td.divider { background: url('/images/table-divider.gif') repeat-y top right; }


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

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

#content p.pull-quote {
	margin: 10px;
	padding: 10px;
	font-size: 18px;
	color: #ff8700;
	width: 320px;
	float: right;
	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 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-box-bg.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;
}


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

	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;
}


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

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

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

#left-bar {
/*  border: 1px solid red;         ---- Toggle off when done, before publishing!! ---- */
	float: left;
	width: 180px;  
	margin: 0;
	padding: 0;
	position: relative;
	left: 3px;	
	top: 0;	  
}

#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; }


/* --- ad area --- */

#left-bar #ad-area {
	padding: 2px 0 0 0;
	margin: 0;
	height: 90px;   /* -- Reduced height from 166px to 98px for temporary addition of SCA login area 10/19/11, DK -- */
	background: gray;	
}

#left-bar #ad-area h4 {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	padding: 35px 20px;
}

#left-bar #ad-area h4 a { color: #fff; text-decoration: underline; }
#left-bar #ad-area h4 a:hover { text-decoration: none; }


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

	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: 160px;
	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: 140px;              
	background: #41629a url('/images/arrow-orangeback.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 {
	padding: 15px 15px 0 15px;	
/*  border: 1px solid yellow;         ---- Toggle off when done, before publishing!!  ---- */
}

#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:visited { color: #3976ff; }
#left-bar #news-events p a:hover { color: #6189ce; text-decoration: underline; }


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

	FOOTER

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

#footer {
	font-size: 10px;	
	clear: both;
	padding: 0;
	background: url('images/footer-bg.gif') top left no-repeat;
	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; }


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

    LANDING PAGES HEADER CLASSES
	
   ------------------------------------------- */
   
#content .reducing-costs {
	background: url('/images/landingheader-reducingcost.jpg') no-repeat 20px 2px;	
}

#content .managing-risk {
	background: url('/images/landingheader-managingrisk.jpg') no-repeat 20px 2px;
}

#content .about-premier {
	background: url('/images/landingheader-aboutpremier.jpg') no-repeat 20px 2px;
}

#content .quality-safety {
	background: url('/images/landingheader-qualitysafety.jpg') no-repeat 20px 2px;
}

#content .quality-safety h1 {
	color: #333;
	font-size: 33px;
	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:15px; padding-bottom:15px
}

#content .register {
	background: url('/images/landingheader-register.jpg') no-repeat 20px 2px;
}

#content .site-index {
	background: url('/images/landingheader-register.jpg') no-repeat 197px 0;
}

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

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

#content h2.line-2 {
	color: #333;
	font-size: 20px;
	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:5px; padding-bottom:20px
}


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

	RIGHT-PROMO AREA incl. form styles - in CONTENT 
	
   ------------------------------------------------ */

#content table tr td #right-promo  {
	width: 180px;
	border: 1px solid #bcbcbc;
	background: url('/images/callout-bg-500px.gif') repeat-x top left;
	position: relative;
	left: 17px;
	top: 2px
}

#content table tr td #right-promo p.promo-tag {
	color: #fea33d;
	font-size: 12px;
	font-weight: bold;
	margin: 3px 10px 3px 10px;
	line-height: 15px;
}

#content table tr td #right-promo form fieldset { border: none; }

#content table tr td #right-promo form ol { list-style: none; margin-left: 10px; }

#content table tr td #right-promo form ol li { list-style: none; margin-bottom: 5px; }

#content table tr td #right-promo form ol li label { font-size: 10px; margin-bottom: 0; }

#content table tr td #right-promo form input { margin-top: 3px; }

#content table tr td #right-promo span.more-calculators { margin: 10px 0 10px 10px; }

#content table tr td #right-promo input#calculate { margin: 5px 0 5px 12px; }


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

	CASE STUDY AREA - in CONTENT
	
   ------------------------------------------- */

#case-study {
	background: url('/images/case-study-border.gif') no-repeat top left;
}

#case-study img {
	float: left;
	position: relative;
	top: 10px;
	left: 5px;
}

#case-study h4 {
	margin-left: 190px;
}

#case-study p {
	margin-left: 200px;
}


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

	REGISTRATION FORM - in CONTENT
	
   ------------------------------------------- */
   
#reg-form {
	border: 1px solid #ccc;
	position: relative;
	top: 2px;
	left: 7px;
	padding: 10px;
	background: url('/images/callout-bg-500px.gif') repeat-x bottom left;   /*  ---  !!! CHANGE THIS IMAGE FOR FINAL SITE !!!  ---  */
}

#registration fieldset {
	border: none;
}

#registration #submit {
	float: right;
	margin: 0;
	padding: 0;
}

#registration p {
	paddgin: 0;
	margin: 0;
}


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

	PRIVATE HOME PAGE "MY" BUTTONS

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

#my-buttons {
	/* -- Final version should use a repeating gradeint fill image. -- */
	border:1px solid #ccc; background:#f5f5f5; 0; margin:0 
}

#my-buttons .button {
	background: #f5f5f5;	/* -- Final version should use a repeating gradeint fill image. -- */
}

#my-buttons .button a {
	display: block;
	width: 98%;			/* -- Probably tweaked in final version -- */
	height: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;	
	background: url('/images/arrow-orange-transparentbac.gif') no-repeat 9px 50%;
	font-size: 11px;
	color: #333;
	text-decoration: none; padding-left:25px; padding-right:5px; padding-top:5px; padding-bottom:5px
}

#my-buttons .button a:visited { 
	color: #3976ff;
	text-decoration: none;
}

#my-buttons .button a:hover { 
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fff;  /* -- Final version should use a repeating gradeint fill image. -- */
	text-decoration: underline;
	color: #6189ce;
}

/* --- what we do area --- */

#banner #what-we-do {
/* border: 1px solid red; */
	width: 592px;
	height: 85px;
	background: url('/images/what-we-do-bg.gif') no-repeat top left;
	float: right;
	position: relative;
	top: 1px;
	right: 11px
}

#banner #what-we-do p {
	float: left;
	width: 350px;
	padding: 15px 0 0 85px;
	line-height: 17px;
}

#banner #what-we-do img {
	float: right;
}


/* --- login form --- */

#left-bar.public-home {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
	background: url('/images/home-login-grey-005.gif') no-repeat top left;	
}

#left-bar #login-area {
	padding: 0 15px 0 15px;
	height: 182px;	
}

#left-bar #login-area form {
	padding: 10px 0 0 0;
	color: #fff;
}

#left-bar #login-area form fieldset {
	border: none;
}

#left-bar #login-area form select {
	width: 145px;
	color: #333;
}

#left-bar #login-area form select option {
	color: #333;
}

#left-bar #login-area form select option.initial-state {
	color: #333;
}

#left-bar #login-area form ol {
	list-style: none;
}

#left-bar #login-area form ol li {
	margin-bottom: 5px;
}

#left-bar #login-area form input#login {
	float: left;
	margin-top: 13px;
}

#left-bar #login-area p.login-help {
	float: right;
	padding: 0;
	margin: 5px 5px 0 0;
	line-height: 17px;
}

#left-bar #login-area p.login-help a {color: #fff; }
#left-bar #login-area p.login-help a:visited {color: #fff;}
#left-bar #login-area p.login-help a:hover {color: #fff; text-decoration: none;}

/* --- PROMO AREA --- */

#promo-area {
	margin: 0;
	padding: 0;
	background: #fff url('images/promo-index-bg.jpg') top left;
	/*background: #fff url('images/home-page-promo-bg.jpg') no-repeat top left;*/
	width: 593px;
	height: 181px;
	float: right;
	position: relative;
	top: 1px;
	right: 11px	
}

#promo-area h1 {
	margin-left: 300px;
	margin-top: 30px;
	display: none;
	visibility: hidden;
}

#promo-area p {
	margin-left: 290px;
	margin-top: 100px;
	line-height: 15px;
}

#promo-area p 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;
}

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


/* ---   TABLE WRAP FOR HOME PAGES --- */

#home-table {
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
	top: 1px;
	right: 11px;
	width: 591px;
}

/* ------------------------------------------
	
	Calculator re-wrapping additional styles

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


p span.req-fields {
	padding: 3px;
	background-color: yellow;
}

img.calculator-logo {
	float: right;
	position: relative;
	top: 0;
	right: 10px;
	padding: 5px;
	margin: 5px;
}

#body-margin-left {
	margin-left: 10px;
	padding-left: 10px;
}


/* -- Styles for new event promo area. -- */

#event-promo-table {
	margin: 0;
	padding: -5px 0 0 0;
	float: right;
	position: relative;
	/* top: 2px; */
	right: 11px;
	width: 591px;
}

#event-promo-table table.layout tr td #boo {
	background: url("/images/index-subpromo-quest-plain.jpg") top left no-repeat;
	height: 90px;	
}

#event-promo-table table.layout tr td #boo p {
	color: #003366;
	margin: 2px 3px 5px 80px;
	padding: 5px;
	line-height: 115%;	
	padding-bottom: 0;
}

#event-promo-table table.layout tr td #boo p a {
	color: #003366;	
	font-weight: bold;	
}

#event-promo-table table.layout tr td #boo p a:hover {
	text-decoration: none;	
}


#event-promo-table table.layout tr td #foo {
	background: url("/images/index-subpromo-annualreport-2011.jpg") top left no-repeat;
	height: 90px;	
}

#event-promo-table table.layout tr td #foo p {
	color: #003366;
	margin: 2px 3px 5px 80px;
	padding: 5px;
	line-height: 115%;		
}

#event-promo-table table.layout tr td #foo p a {
	color: #003366;	
	font-weight: bold;	
}

#event-promo-table table.layout tr td #foo p a:hover {
	text-decoration: none;	
}

#event-promo-table table.layout tr td #poo {
	background: url("/images/index-subpromo-aco-arrows.jpg") top left no-repeat;
	height: 90px;
}

#event-promo-table table.layout tr td #poo p {
	color: #003366;
	margin: 2px 3px 5px 80px;
	padding: 5px;
	line-height: 115%;		
}

#event-promo-table table.layout tr td #poo p a {
	color: #003366;	
	font-weight: bold;
}

#event-promo-table table.layout tr td #poo p a:hover {
	text-decoration: none;	
}

/* -- Just to keep some space at the bottom for now. -- */