/** Colours:
  * #ea5d00 :	Orange
  * #4c4c4c :	Text Grey
  * #a7a7a7 :	Dark grey
  * #cccccc :	Mid grey
  * #eceaea :	Light grey
  
  * #004936 :	Dark green
**/

/*****************/
/** BASE STYLES **/
/*****************/
	* {margin:0px; padding:0px;}

	body {font:8pt Verdana,Arial,Helvetica,Sans-Serif; margin-bottom:1em; color:#4c4c4c; background-color:#ffffff;}
	
	table {font-size:1em;}
	
	div.mandoform {float:right;border:1px solid #eceaea; margin-bottom:-5px;}
	
	/** HEADINGS **/
	h1, h2, h3 {font-weight:bold; text-align:left;}
	h1 {font-size:1.4em; padding-top:0.5em;}
	h2 {font-size:1.1em;}
	h3 {font-size:1em;}
	
	p {margin-bottom:1em; background-color:transparent;}
	
	/** HYPERLINKS **/
	a img {border-style:none;}
	a,
	a:visited {text-decoration:none; color:#000000;}
	a:hover {text-decoration:underline;}
	/** Underline all links in the centre-column **/
	div#main div.cc a {text-decoration:underline;}

/*******************************/
/** SET THE FRAMEWORK'S SIZES **/
/*******************************/
	div#content2005 {width:800px; margin:0em auto; background-color:#ffffff; border-right:1px solid #; border-left:1px solid #eceaea;} 
	div.lc {width:160px;}
	div.rc {width:165px; margin:5px 0px;}
	div.cc {width:460px;}
	div.temp_container {width:633px;}
	
	div.lc,
	div.cc {float:left;}
	div.rc,
	div.temp_container {float:right;}
	
	div.cc div.cc_lc,
	div.cc div.cc_rc {width:228px; float:left;}
	div.cc div.cc_lc {margin-right:4px;}
	
	div#main div.lc,
	div#main div.rc {margin-bottom:0px;}

/******************/
/** BANNER LINKS **/
/******************/
	div.banner_links {clear:both;}
	div.banner_links ul {padding:5px 0px; list-style:none;}
	div.banner_links ul li {display:inline; padding:0px 2px 0px 5px; border-left:1px solid #ffffff;}
	div.banner_links ul li.first {border-left-style:none;}
	div.banner_links a,
	div.banner_links a:visited {color:#ffffff;}
	div.banner_links br {display:none;}

/******************/
/** HEADER ITEMS **/
/******************/
	div#header_title {border-bottom:1px solid #ffffff;}
	div#header_url {background:#a7a7a7; border-bottom:1px solid #ffffff;}
	div#header_url h1 {margin:0px; padding:0px;}
	div#header_url h1 a {display:block; height:24px; width:150px; background:transparent url("2007-topbannerurl.gif") 14px center no-repeat;}
	div#header_url h1 a span {display:none;}
	div#header_url form#frmHeaderSearch {margin:0em; padding:0.25em 0.5em; float:right;}
	div#header_url form#frmHeaderSearch input {border:1px solid #000000; background-color:#cccccc; font-size:8pt; margin-right:0.5em; padding:0px 5px;}
	div#header_url form#frmHeaderSearch input#frmHeaderSearchtxtSearch {padding:1px 5px;}
	div#header_name {height:58px;}
	div#header_name h1 {display:none;}

/******************/
/** FOOTER ITEMS **/
/******************/
	div#footer {clear:both;}
	div#footer div.rc,
	div#footer div.lc {text-align:center;}
	div#footer img {margin-top:0px;}
	/* Overall width = 460px */
	/** div#footer div.cc {display:none;} **/
	div#footer div.cc a,
	div#footer div.cc a:visited	{color:#ffffff;}

	div#footer div.banner_links ul li.flags a {margin-right:0.25em;}
	div#footer div.banner_links ul li.flags a:hover {text-decoration:none;}
	div#footer div.banner_links ul li.flags a img {margin:2px 0px -2px 0px;}
	div#footer div.banner_links ul {margin:0px; padding:2px 0px 4px 0px;}

/*************************/
/** NAVIGATION CONTROLS **/
/*************************/
	div.boxnav ul,
	div.boxinfo ul {list-style:none; margin-top:5px;}
	
	/** BOXNAV **/
	div.boxnav {margin-bottom:1em;}
	div.boxnav ul li {text-align:left; background-color:#cccccc; padding:0.5em 0.25em; margin-bottom:1px; min-height:1em;}
	div.boxnav ul li.self {background-color:#cccccc;}
	div.boxnav ul li.self a,
	div.boxnav ul li.self a:visited {color:#000000;}
	
	/** BOXINFO **/
	div.boxinfo {margin-bottom:1em;}
	div.boxinfo h1,
	div.boxinfo table thead tr,
	.sidecolumnheader {font-weight:bold; font-size:1em; padding:0.5em;}
	div.boxinfo h1 {color:#000000;}
	div.boxinfo h2 {font-size:1em;}
	div.boxinfo ul li {text-align:left; background:transparent url("2007-sidelink-bullet.gif") left 6px no-repeat; padding:0.25em 1em; margin:1px 0px 1px 2px; min-height:1em;}
	div.boxinfo ul li.more {text-align:right; background-image:none;}
	div.boxinfo ul li.nobullet {background-image:none; margin:0px; padding:0px;}
	div.boxinfo ul li.smallnote {font-size:0.8em;}
	/* Just in case a header gets embedded in another header */
	div.boxinfo h1 h1 {padding:0em;}

	/* This is a hack for the paragraphs Obtree wraps the "More >>" hyperlinks in, in order to right-align them.  They shouldn't have any top or bottom border. */
	div.rc div.boxinfo ul li.last p {margin:0px; padding:0px 2px;}
	
	/** BOXCONTACT **/
	div.boxcontact td {padding:2px; vertical-align:middle;}
	div.boxcontact td.contacticon {width:20px;}
	div.boxcontact td.contacticon div {margin:0em auto;}
	div.boxcontact td.contacticon span {display:none;}
	div.boxcontact td.contacttop {vertical-align:top;}

	/** BOXACCESSIBILITY **/
	/* Hide it, so it can be un-hidden in the Javascript */
	div.boxaccessibility {display:none;}
	div.boxaccessibility ul li {text-align:center; padding:3px 0px 0px 0px; background:none;}
	div.boxaccessibility ul li a span {display:none;}
	
	/** BOXHEADER **/
	div.boxheader ul li {background-image:none; margin:0px; padding:0px;}

	/** BOXRSS **/
	div.boxrss ul li {background:transparent url("2007-icon-rss.jpg") center left no-repeat; padding-left:20px;}	

	/** BOXSITEMAP **/
	/*div.sitemap ul {list-style:none;} /* padding-left:12px; margin-left:12px;}*/
	
	/** BOXSEARCH **/
	div.boxsearch {text-align:center;}
	div.boxsearch table {width:455px; margin:0px auto; text-align:left;}

/*******************/
/** CENTER COLUMN **/
/*******************/
	/** Allow lists in the centre column to have some margin/padding **/
	div#main div.cc ul {margin:0em 0em 1em 3em;}
	div#main div.cc ol {margin:0em 0em 1em 4em;}
	div#main div.cc li {margin:10px 0px;}
	
	/** Override the above for the left & right column in the centre column **/
	div#main div.cc div.cc_lc ul,
	div#main div.cc div.cc_rc ul {margin:0em 0em 1em 0em;}
	div#main div.cc div.cc_lc li,
	div#main div.cc div.cc_rc li {padding:0.25em 1em; margin:1px 0px 1px 2px;}

	/** BREADCRUMBS **/
	div#main div#breadcrumbs {width:460px; float:left;}
	div#main div#breadcrumbs {margin:0.5em 0em;}
	
	/** A-Z SELECTORS **/
	div#main div.cc div.azletters {background-color: #cccccc; width:293px; padding:7px 3px 10px 5px;}
	div#main div.cc div.azletters ul {list-style:none; margin:0px; padding:3px 0px; height:1.25em;}
	div#main div.cc div.azletters ul.second {margin-top:1em;}
	div#main div.cc div.azletters ul li {float:left; line-height:1.25em; border: 1px solid #355e62; margin:0px 2px 0px 2px; padding:0px;}
	div#main div.cc div.azletters a {display: block; text-decoration: none; color: #ffffff; background-color: #004936; width:16px; height:16px; text-align:center;}
	div#main div.cc div.azletters a:visited {text-decoration:none; color:#ffffff;}
	div#main div.cc div.azletters a:hover {text-decoration:underline; color:#000000; background-color:#cccccc;}
	div#main div.cc div.azletters br {clear:both;}
	
	/* Add a border to "bordered" images */
	div.cc img.border {padding:5px; border:5px solid #ECEAEA;}
	
/*****************/
/** RIGHT COLUMN **/
/*****************/
/*	div#main div.rc p {display:none;}
	div#main div.rc div.boxinfo p {display:block;}*/
	
/****************/	
/** THUMBNAILS **/
/****************/
	div#main div.thumbs ul 		{padding:0px; margin: 0px;}
	div#main div.thumbs ul li	{list-style:none; margin:1px; padding:5px; border:5px solid #ECEAEA;}
	div#main div.thumbs ul li	{float:left;}

		
/**********************/
/** MARKETING IMAGES **/
/**********************/
	/** div#main div.cc div.marketingImages ul {list-style:none; margin:0px; padding:0px;} **/
	div#footer div.temp_container div.cc ul {list-style:none; margin:0px; padding:0px;}
	div#footer div.temp_container div.cc ul li {display:inline;}
	div#footer div.temp_container div.cc ul li img {margin-bottom:0px; padding:1px;}
	
/**************/
/** ADD THIS **/
/**************/
	div#main div.lc div.addThis a {text-decoration:none;}
	
/***********************/
/** MISC TABLE STYLES **/
/***********************/
	table {border-collapse:collapse;}
	
	div.boxattachment {border:1px solid #cccccc;}
	div.boxattachment p {padding:5px 5px 0px 5px;}
	div.boxattachment table {width:100%;}
	div.boxattachment table td {border-top:1px solid #cccccc; padding:5px; vertical-align:top;}

	table.blindtable th,
	table.blindtable td {padding:5px;}
	
	table.greenFirstColumn {border:1px solid #cccccc; width:100%}
	table.greenFirstColumn td.sectionheading {background-color:#eceaea;}
	table.greenFirstColumn td.sectionheading h3 {color:#000000;}
	table.greenFirstColumn td {border:1px solid #cccccc; background-color:#ffffff; padding:5px;}
	
	table.greenHeaderRow {border:1px solid #cccccc; width:100%;}
	table.greenHeaderRow tr.headerRow th {background-color:#eceaea; color:#000000; text-align:left;}
	table.greenHeaderRow th,
	table.greenHeaderRow td {border:1px solid #cccccc; background-color:#ffffff; padding:5px;}
	
	table.greenSurround {border:1px solid #cccccc; width:100%;}
	table.greenSurround tr.headerRow th,
	table.greenSurround tr td.sectionheading {background-color:#eceaea; color:#000000;}
	table.greenSurround th,
	table.greenSurround td {border:1px solid #cccccc; background-color:#ffffff; padding:5px;}
	
	table.shaded {border:1px solid #cccccc; width:100%;}
	table.shaded thead th {font-weight:bold; color:#000000; background-color:#eceaea;}
	table.shaded th,
	table.shaded td {text-align:center; padding:2px 0px; border:1px solid #cccccc; border-style:none solid;}
	table.shaded.odd tr.even td,
	table.shaded.even tr.odd td {color:#000000; background-color:#ffffff;}
	table.shaded.odd tr.odd td,
	table.shaded.even tr.even td {color:#ffffff; background-color:#007656;}
	
	
/**********************/
/** INHERITED STYLES **/
/**********************/
	.top				{font-size:90%; text-align:right; color:#000000;}
	.top:first-letter	{text-transform:uppercase;}
	p span.top			{float:right;}
	br.clear			{clear:both;}
	.indent				{margin-left:20px;}
	
/***************/
/** OVERRIDES **/
/**********************************************************/
/** These settings may be overridden in the stylesheets  **/
/** for the sub sites to give them their unique	identity **/
/**********************************************************/
	/* Specify the custom header images/colours */
	div#header_title					{background:#007857 url("2007-Header-PCC-TopBannerLogoBackground.jpg") left bottom repeat-x;}
	div#header_name						{background:transparent url("2007-Header-PCC-TopBannerLogo.jpg") left top no-repeat;}
	
	/* "banner_links" apply to the header and the footer */
	div#header div.banner_links			{background-color:#000000;}
	div#footer div.banner_links			{background-color:#000000;}


	/* Set the colour for the navigation links */
	div.boxnav ul li a,
	div.boxnav ul li a:visited			{color:#000000;}
	
	/* Set the colour of headers and breadcrumbs */
	h1									{color:#007656;} /* Dark Green - Default H1 Color */
	a:visited							{color:#007656;} /* Orange */
	div#main div#breadcrumbs,
	div#main div#breadcrumbs a,
	div#main div#breadcrumbs a:visited	{color:#4c4c4c;} /* Text grey */
	
	/* Set the background colour for the headings */
	div.boxinfo h1,
	div.boxinfo table thead tr,
	.sidecolumnheader					{background-color:#cccccc;}
	
	/* Set up the "boxcontact" icons */
	div.boxcontact div.contactmail		{background:url("2007-ContactIcon-PCC-Mail.gif")  left top no-repeat;}
	div.boxcontact div.contactphone		{background:url("2007-ContactIcon-PCC-Phone.gif") left center no-repeat;}
	div.boxcontact div.contactemail		{background:url("2007-ContactIcon-PCC-Email.gif") left center no-repeat;}
	div.boxcontact div.contactfax		{background:url("2007-ContactIcon-PCC-Fax.gif")   left center no-repeat;}
	
	
.bqstart {
     float: left;
     height: 15px;
     margin-top: -20px;
	 margin-left: 10px;
     padding-top: 0px;
     margin-bottom: 20px;
     padding-bottom: 0px;
	 font-family: Times New Roman;
     font-size: 900%;
     color: #CCCCCC;
 }

 .bqend {
     float: right;
     height: 0px;
     margin-top: -30px;
	 margin-right: 10px;
     padding-top: 0px;
	 font-family: Times New Roman;
     font-size: 900%;
     color: #CCCCCC;
	 margin-bottom: 0px;
     padding-bottom: 0px;
 }
 
 .highlighted	{background-color:#ECEAEA; width:98%; border:1px solid #CCCCCC; padding:2px;}
 
 
 .quotation {background-color: #ECEAEA; width:90%; border:1px solid #CCCCCC; padding-top:10px; padding-bottom:25px; margin:0px; }
 .abc {width:75%; margin:0em auto; }
 /*div.onlineReport	{background:url("icon-report.gif")  left top no-repeat;}
 div.onlinePay		{background:url("icon-pay.gif")  left top no-repeat;}
 div.onlineApply	{background:url("icon-apply.gif")  left top no-repeat;}
 div.onlineBook		{background:url("icon-book.gif")  left top no-repeat;}
 div.onlineComment	{background:url("icon-comment.gif")  left top no-repeat;}
 div.onlineView	{background:url("icon-view.gif")  left top no-repeat;}*/

 
 
/******************/
/** PROMOTIONAL LINKS **/
/******************/
	div#main div.cc div.promo_image	{padding: 5px 0px 1px 0px; border-bottom: 3px solid #000000}
	div#main div.cc div.promo_links {text-align:center;clear:both; background-color:#000000;}
	div#main div.cc div.promo_links ul {margin-left:0em;padding:0px 0px 5px 0px; list-style:none;}
	div#main div.cc div.promo_links ul li {display:inline; padding:0px 6px 0px 6px; border-left:1px solid #ffffff; }
	div#main div.cc div.promo_links ul li.selected {text-decoration:bold;background-color:#000000;}
	div#main div.cc div.promo_links ul li.first {border-left:1px solid #000000;}
	div#main div.cc div.promo_links ul li a,
	div#main div.cc div.promo_links ul li a:visited {text-decoration:none; color:#ffffff;}
	div#main div.cc div.promo_links ul li a:hover {text-decoration:underline;}
	div#main div.cc div.promo_links br {display:none;}
	
	
	
/******************/
/** BENEFIT CALC **/
/******************/

div.question,
div.ernieQ,
div.lgfont,
div.question ol {margin-bottom:0;}

div.row_wrapper {width:618px; clear:both; border: 1px solid #ccc; }

div.question { width: 80%; float:left; padding: 5px 5px 5px 5px;}
div.question p { width: 90%; margin: 5px 0px; padding: 5px 5px 10px 5px; background:#fff; }

div.answer { width: 13%; float:right; margin: 4px; padding: 0px 5px 0px 15px  ; background:#eee; }
div.answer p { margin: 0; padding: 3px;  }	
div.answer input { margin: 0 auto; padding: 2px; }
div.answer select { margin: 0 auto; padding: 2px; border: 1px solid #ccc; }
div.answer option { margin: 0 auto; padding: 2px; }

hr.spacer { clear:both; border-width:0px; height: 1px; padding: 0px; margin: 0px; visibility: hidden; }
div.ernieQ { width: 60%; float:left; }
div.ernieQ p { width: 90%; margin: 5px 0px; padding: 5px 5px 10px 5px; background:#fff; }

div.ndepQ { width: 40%; float:left; }
div.ndepQ p { text-align: right;  width: 90%; margin: 5px 0px; padding: 5px 5px 10px 5px; background:#fff; }
div.ansndep { width: 7%; float:left; margin: 4px; background:#eee; }

div.esaQ {  float:left;    width: 95%;  }
div.esaQ p { text-align: left;  width: 99%; margin: 0px 0px; padding: 5px 5px 5px 5px; background:#fff; }
div.ansesa { width: 25%;   float:left;  margin: 5px 5px  5px  25px; padding: 0px 0px 5px 20px;  background:#eee; }

.finalbox { 
border:1px solid #C0C0C0;
background-color:#FFFF99;
color:black; 
font-weight: bold;     
   } 

.cyanbox { 
border:1px solid #C0C0C0; 
background-color:#CCFFFF; 
color:black;
font-weight: bold;     
	} 

.bigblue {
color:#0066FF;
font-weight: bold;
font-size: 1.5em;
} 

.lgfont { color:lightgrey }