/* body style */
body {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	background-color: #ffffff;
	margin : 0px 0% 0% 0%;
	margin-bottom : 0;
	margin-left : 0;
	margin-right : 0;
	margin-top : 0;
}
/* welcome header font*/
.welcomeHeader {
	font-family: Arial;
	font-size: 26px;	
	font-style: normal;
	color: #ffffff;
}
/* welcome copy*/
.welcomeCopy {
	font-family: Arial;
	font-size: 14px;	
	font-style: normal;
	color: #505891;
}
/* spotlight header*/
.spotlightHeader {
	font-family: Arial;
	font-size: 14px;	
	font-style: normal;
	font-weight: bold;
	color: #b90303;
}
/* spotlight copy*/
.spotlightCopy {
	font-family: Arial;
	font-size: 12px;	
	font-style: normal;
	color: #605652;
}
/* spotlight copy for all td's */
td {
	font-family: Arial;
	font-size: 12px;	
	font-style: normal;
	color: #000000;
}
/* emphasis 1 - for bold tag */
b {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.sectionTitle {
	font-family: Times New Roman;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;	
	color: #000000;
}
.categoryTitle {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;	
	color: #006666;
}
.bodyText {
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;	
	color: #000000;
}
/* emphasis 1 - for strong tag */
strong {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
/* emphasis 2 */
.b2 {
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	color: #b90303;
}
/* news/event article title */
.articleTitle {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #605652;
}

/* news/event article title */
.articleSummary {
	font-family: Arial;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #605652;
}

/* news/event date class */
.date {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #605652;
}
.footer {
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	color: #605652;
	text-align : center;
}
hr {
	color: #cccccc;
}
/* regular links  */
a:link { font-family: Arial; font-size: 12px; color: #003333; text-decoration: underline; }
a:visited { font-family: Arial; font-size: 12px; color: #003333; text-decoration: underline; }
a:active { font-family: Arial; font-size: 12px; color: #00848E; text-decoration: underline; }
a:hover { font-family: Arial; font-size: 12px; color: #00848E; text-decoration: underline; }
/* main background colour */
.mainBg {
	background : #ffffff;
}
/* shadow colour separating main table and main background colour */
.shadowBg {
	background : #d7d7d7;
}
/* main outline colour */
.mainOutline {
	background : #999999;
}
/* left navigation background */
.leftNavBg {
	background : #f3f3f3;
}

/* contentdetails background */
.contentBg {
	background : #F2F2F1;
}

/* spotlight (body) background */
.spotlightBg {
	background : #FFFFFF;
}
/* secondary spotlight background (for tertiary pages) */
.spotlight2ag {
	background : #edeef4;
}
/* header background*/
.headerBg {
	background :#ffffff;
}
/* background for the Union Logo in the header*/
.unionLogoBg {
	background : #3b3b3b;
}
/* background for the colour bar at the bottom of the header and divider bar on Homepage*/
.barBg {
	background : #006666;
}
/* background for the colour divider/bar at the middle of the Homepage*/
.middleBarBg {
	background : #505891;
}
/* background for the colour bar at the bottom of the header and divider bar on Homepage*/
.dividerSquareBg {
	background : #b90303;
}
/* tertiary navigation outline/table border */
.tertiaryNavOutline {
	background : #AFAAA8;
}
/* button outline/table border */
.buttonOutline {
	background : #d6dcea;
}
/* colour of dividing line when the main nav section is off */
.navDividingLineOff {
	background : #9ca3b2;
}
/* colour of dividing line when the main nav section is on */
.navDividingLineOn {
	background : #667596;
}
/* colour of background for Register for e-news and Join the union buttons */
.registerAndJoinBg {
	background : #c3ccdf;
}
/* main navigational links  */
a.nav:link { font-family: Arial; font-size: 11px; font-weight: normal;  text-decoration: none; color: #003333; }
a.nav:visited { font-family: Arial; font-size: 11px; font-weight: normal;  text-decoration: none; color: #003333; }
a.nav:active { font-family: Arial; font-size: 11px; font-weight: normal;  text-decoration: none; color: #00848E; }
a.nav:hover { font-family: Arial; font-size: 11px; font-weight: normal;  text-decoration: none; color: #00848E; }
/* left nav header navigational links  */
a.headerNav:link { font-family: Arial; font-size: 11px; font-weight: bold;  text-decoration: none; color: #003333; }
a.headerNav:visited { font-family: Arial; font-size: 11px; font-weight: bold;  text-decoration: none; color: #003333; }
a.headerNav:active { font-family: Arial; font-size: 11px; font-weight: bold;  text-decoration: none; color: #00848E; }
a.headerNav:hover { font-family: Arial; font-size: 11px; font-weight: bold;  text-decoration: none; color: #00848E; }
/* tertiary navigational links  */
a.tertiaryNav:link { font-family: Arial; font-size: 12px; font-weight: bold;  text-decoration: none; color: #7f92ac; }
a.tertiaryNav:visited { font-family: Arial; font-size: 12px; font-weight: bold;  text-decoration: none; color: #7f92ac; }
a.tertiaryNav:active { font-family: Arial; font-size: 12px; font-weight: bold;  text-decoration: none; color: #505891; }
a.tertiaryNav:hover { font-family: Arial; font-size: 12px; font-weight: bold;  text-decoration: none; color: #7f92ac; }
/* button links  */
a.button:link { font-family: Arial; font-size: 12px; font-weight: bold;  text-decoration: none; color: #605652; }
a.button:visited { font-family: Arial; font-size: 12px; font-weight: bold;  text-decoration: none; color: #605652; }
a.button:active { font-family: Arial; font-size: 12px; font-weight: bold;  text-decoration: none; color: #605652; }
a.button:hover { font-family: Arial; font-size: 12px; font-weight: bold;  text-decoration: none; color: #605652; }
/* register for e-news and join the union links  */
a.registerAndJoin:link { font-family: Arial; font-size: 13px; font-weight: normal;  text-decoration: none; color: #505891; }
a.registerAndJoin:visited { font-family: Arial; font-size: 13px; font-weight: normal;  text-decoration: none; color: #505891; }
a.registerAndJoin:active { font-family: Arial; font-size: 13px; font-weight: normal;  text-decoration: none; color: #505891; }
a.registerAndJoin:hover { font-family: Arial; font-size: 13px; font-weight: normal;  text-decoration: none; color: #505891; }
/* primary nav, text and bgcolour */
.nav1 {
	color: #38815E;
	background-color: #E3F4EC;
	}
/* over state for main navigation menu rollover */
.overNav1 {
	background-color: #ffffff;
	margin: 0;
	} 
/* off state for main navigation menu rollover  */
.offNav1 {
	background-color: #E6E6E6;
	margin: 0;
	} 
/* on state for main navigation menu rollover  */
.onnav1 {
	background-color: #ffffff;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 12px; 
	font-weight: bold;  
	text-decoration: none; 
	color: #00848E; 
	}
/* on state for main navigation menu rollover  */
.onHeader {
	background-color: #cbcbcb;
	margin: 0;
	vertical-align: middle;
	width: 146px;
	height: 28px;
	font-family: Arial;
	font-size: 11px;	
	font-weight: bold;
	color: #003333;
	}
/* on state for main navigation menu rollover - Main Menu page */
.onHeaderMain {
	background-color: #cbcbcb;
	margin: 0;
	vertical-align: middle;
	width: 146px;
	height: 28px;
	font-family: Arial;
	font-size: 11px;	
	font-weight: bold;
	}
/* over state for main navigation menu rollover */
.tertiaryOver {
	background-color: #ffffff;
	text-align: center;
	margin: 0;
	vertical-align: middle;
	width: 147px;
	height: 20px;
} 
/* off state for main navigation menu rollover  */
.tertiaryOff {
	background-color: #ffffff;
	text-align: center;
	margin: 0;
	vertical-align: middle;
	width: 147px;
	height: 20px;
	} 
/* on state for tertiary navigation menu rollover  */
.tertiaryOn {
	background-color: #ffffff;
	color: #bfc8dd;
	text-align: center;
	margin: 0;
	vertical-align: middle;
	width: 147px;
	height: 20px;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;	
	
	}
/* over state for buttons */
.buttonOver {
	background-color: #FFFFFF;
	margin: 0;
	height: 20px;
} 
/* off state for buttons  */
.buttonOff {
	background-color: #f6f7fa;
	margin: 0;
	height: 20px;
	} 
/* on state for buttons  */
.buttonOn {
	background-color: #FFFFFF;
	margin: 0;
	height: 20px;
	}
	
	TEXTAREA
{  
	font-family: Arial, sans-serif;
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #000000; 
	text-decoration: none;
	border: 1 solid #808080;	
    background : #FFFFFF;
	scrollbar-arrow-color:#808080; 
	scrollbar-base-color:#E1E1FF; 
	scrollbar-track-color:#C0C0C0;
	scrollbar-darkshadow-color:#C0C0C0; 
	scrollbar-face-color:; 
	scrollbar-highlight-color:; 
	scrollbar-shadow-color:; 
	cursor: hand;	
}    

INPUT {
    font-family: Arial, sans-serif;
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #000000;
	text-decoration: none;	
    background : #FFFFFF;
	border: 1 solid #808080;
	cursor: hand;
}

SELECT {
    font-family: Arial, sans-serif;
	font-size: 9pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #000000;
	text-decoration: none;	
    background : #FFFFFF;
	border: 1 solid #808080;
	cursor: hand;
}

.button
{
	cursor: hand;
	color: #000000;
	background: #F2F2F1;
    font-family: Arial, sans-serif;
	font-size: 10pt; 
	border-color: #808080;
}

.buttonedit {
   background-color: #D4D0C8;
   border: 1px solid #808080;
   display: block;
   padding-bottom: 1px;
   padding-left: 6px;
   padding-top: 1px;
   text-decoration: none;
   width: 38px;
   font-family:  Arial, sans-serif;
   font-size: 10pt;
   color: #333333;
   cursor: hand;
}

.buttondelete {
   background-color: #D4D0C8;
   border: 1px solid #808080;
   display: block;
   padding-bottom: 1px;
   padding-left: 6px;
   padding-top: 1px;
   text-decoration: none;
   width: 50px;
   font-family:  Arial, sans-serif;
   font-size: 10pt;
   color: #333333;
   cursor: hand;
}

.buttonpublishdraft {
   background-color: #D4D0C8;
   border: 1px solid #808080;
   display: block;
   padding-bottom: 1px;
   padding-left: 6px;
   padding-top: 1px;
   text-decoration: none;
   width: 90px;
   font-family:  Arial, sans-serif;
   font-size: 10pt;
   color: #333333;
   cursor: hand;
}

.buttonpublish {
   background-color: #D4D0C8;
   border: 1px solid #808080;
   display: block;
   padding-bottom: 1px;
   padding-left: 6px;
   padding-top: 1px;
   text-decoration: none;
   width: 58px;
   font-family:  Arial, sans-serif;
   font-size: 10pt;
   color: #333333;
   cursor: hand;
}

.errorText
{
	font-family: Arial, sans-serif;
	font-size: 8pt;
	font-style: normal; 
	font-weight: normal; 
	color: #800000; 
	text-decoration: none
}


.disclaimerText
{
	font-family: Arial, sans-serif;
	font-size: 8pt;
	font-style: italic; 
	font-weight: normal; 
	color: #333366; 
	text-decoration: none
}

.whiteText
{
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-style: bold; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-decoration: none
}

.ReportHeader
{
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
font-family: Verdana;
font-size: 7pt;
}

.PrintReportHeader
{
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
font-family: Verdana;
font-size: 7pt;
/*font-weight: bold;*/
}


.ReportHeaderRow
{

border-top: 1px solid #CCCCCC;
font-family: Verdana;
font-size: 9pt;
}

.ReportCat
{
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
font-family: Verdana;
font-size: 8pt;
}

.PrintReportHeaderRow
{

border-top: 1px solid #CCCCCC;
font-family: Verdana;
font-size: 7pt;
}
.PrintReportCat
{
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
font-family: Verdana;
font-size: 7pt;
}

.ReportTable
{
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
align: center;
}

.ReportPrintClose
{

font-family: Verdana;
font-size: 8pt;
}

.breadCrumb
{
	font-family: Arial, sans-serif;
	font-size: 8pt;
	font-style: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none
}
/* main navigational links  */
a.breadCrumbNav:link { font-family: Arial; font-size: 8pt; font-weight: normal;  text-decoration: none; color: #003333; }
a.breadCrumbNav:visited { font-family: Arial; font-size: 8pt; font-weight: normal;  text-decoration: none; color: #003333; }
a.breadCrumbNav:active { font-family: Arial; font-size: 8pt; font-weight: normal;  text-decoration: none; color:  #00848E; }
a.breadCrumbNav:hover { font-family: Arial; font-size: 8pt; font-weight: normal;  text-decoration: none; color:  #00848E; }

.lenderReportGreenBg
{
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-style: normal; 
	font-weight: normal; 
	background : #EAF2F2;
	text-decoration: none
}
.lenderReportGreyBg
{
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-style: normal; 
	font-weight: normal; 
	background : #EEEEEE;
	text-decoration: none
}
.lenderTableBorder
{
border-left: 1px solid #808080;
border-top: 1px solid #808080;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
}
.lenderReportHeader
{
	font-family: Arial, sans-serif;
	font-size: 12pt;
	font-style: normal; 
	font-weight: bold; 
	background : #D2E2E2;
	text-decoration: none
}
.RateTable {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 9px;	
	color: #000000;
}


.div {
	page-break-after:always
}

.FranchiseHeader
{
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-style: normal; 
	font-weight: bold; 
	color: #2C5858; 
	text-decoration: none
}