/* body style */
body {
	font-family: Helvetica, Sans;
	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: Helvetica, Sans;
	font-size: 19px;	
	font-style: normal;
	line-height: 20px;
	color: #ffffff;
}
/* welcome copy*/
.welcomeCopy {
	font-family: Helvetica, Sans;
	font-size: 14px;	
	font-style: normal;
	line-height: 30px;
	color: #ffffff;
}
/* spotlight header*/
.spotlightHeader {
	font-family: Verdana, Sans;
	font-size: 15px;	
	font-style: normal;
	font-weight: regular;
	color: #0a1c39;
}
/* spotlight copy*/
.spotlightCopy {
	font-family: Verdana, Sans;
	font-size: 11px;	
	font-style: normal;
	color: #605652;
}
/* spotlight copy for all td's */
td {
	font-family: Verdana, Sans;
	font-size: 11px;	
	font-style: normal;
	color: #605652;
}
/* emphasis 1 - for bold tag */
b {
	font-family: Verdana, Sans;
	font-style: normal;
	font-weight: bold;
	color: #0A1C39;
}
/* emphasis 1 - for strong tag */
strong {
	font-family: Verdana, Sans;
	font-style: normal;
	font-weight: bold;
	color: #0A1C39;
}
/* emphasis 2 */
.b2 {
	font-family: Verdana, Sans;
	font-style: normal;
	font-weight: bold;
	color: #0A1C39;
}
/* news/event article title */
.articleTitle {
	font-family: Verdana, Sans;
	font-style: normal;
	font-weight: bold;
	color: #0A1C39;
}
/* news/event date class */
.date {
	font-family: Verdana, Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #605652;
}
.footer {
	font-family: Verdana, Sans;
	font-size: 10px;
	font-style: normal;
	color: #605652;
	text-align : right;
}
hr {
	color: #cccccc;
}
/* regular links  */
a:link { font-family: Arial, Sans; font-size: 11px; color: #0A1C39; text-decoration: underline; }
a:visited { font-family: Arial, Sans; font-size: 11px; color: #0A1C39; text-decoration: underline; }
a:active { font-family: Arial, Sans; font-size: 11px; color: #0A1C39; text-decoration: underline; }
a:hover { font-family: Arial, Sans; font-size: 11px; color: #0A1C39; text-decoration: underline; }
/* main background colour */
.mainBg {
	background : #605652;
}
/* shadow colour separating main table and main background colour */
.shadowBg {
	background : #ffffff;
}
/* main outline colour */
.mainOutline {
	background : #ffffff;
}
/* main outline right of the navigation */
.mainOutlineRight {
	background : #dddedd;
}
/* left navigation background */
.leftNavBg {
	background : #edf3f4;
}
/* spotlight (body) background */
.spotlightBg {
	background : #ffffff;
}
/* secondary spotlight background (for tertiary pages) */
.spotlight2Bg {
	background : #edf3f4;
}
/* header background*/
.headerBg {
	background: #145099 url(../../images/headerBg2a.gif) no-repeat top left;
	/* background : #145099;*/
}
/* background for the Union Logo in the header*/
.unionLogoBg {
	background : #145099;
}
/* background for the colour bar at the bottom of the header and divider bar on Homepage*/
.barBg {
	background : #938c4a;
}
/* background for the colour divider/bar at the middle of the Homepage*/
.middleBarBg {
	background : #aaa391;
}
/* background for the colour bar at the bottom of the header and divider bar on Homepage*/
.dividerSquareBg {
	background : #be4819;
}
/* tertiary navigation outline/table border */
.tertiaryNavOutline {
	background : #cdcac8;
}
/* button outline/table border */
.buttonOutline {
	background : #bebab8;
}
/* colour of dividing line when the main nav section is off */
.navDividingLineOff {
	background : #c8c7c5;
}
/* colour of dividing line when the main nav section is on */
.navDividingLineOn {
	background : #983a14;
}
/* colour of background for Register for e-news and Join the union buttons */
.registerAndJoinBg {
	background : #8D8747;
}
/* main navigational links  */
a.nav:link { font-family: Arial, Sans; font-size: 10px; font-weight: bold;  text-decoration: none; color: #0A1C39; }
a.nav:visited { font-family: Arial, Sans; font-size: 10px; font-weight: bold;  text-decoration: none; color: #0A1C39; }
a.nav:active { font-family: Arial, Sans; font-size: 10px; font-weight: bold;  text-decoration: none; color: #0A1C39; }
a.nav:hover { font-family: Arial, Sans; font-size: 10px; font-weight: bold;  text-decoration: none; color: #ffffff; }
/* tertiary navigational links  */
a.tertiaryNav:link { font-family: Arial, Sans; font-size: 10px; font-weight: regular;  text-decoration: none; color: #0A1C39; }
a.tertiaryNav:visited { font-family: Arial, Sans; font-size: 10px; font-weight: regular;  text-decoration: none; color: #0A1C39; }
a.tertiaryNav:active { font-family: Arial, Sans; font-size: 10px; font-weight: regular;  text-decoration: none; color: #0A1C39; }
a.tertiaryNav:hover { font-family: Arial, Sans; font-size: 10px; font-weight: regular;  text-decoration: none; color: #0A1C39; }
/* button links  */
a.button:link { font-family: Helvetica, Sans; font-size: 12px; font-weight: bold;  text-decoration: none; color: #0A1C39; }
a.button:visited { font-family: Helvetica, Sans; font-size: 12px; font-weight: bold;  text-decoration: none; color: #0A1C39; }
a.button:active { font-family: Helvetica, Sans; font-size: 12px; font-weight: bold;  text-decoration: none; color: #0A1C39; }
a.button:hover { font-family: Helvetica, Sans; font-size: 12px; font-weight: bold;  text-decoration: none; color: #0A1C39; }
/* register for e-news and join the union links  */
a.registerAndJoin:link { font-family: Arial, Sans; font-size: 10px; font-weight: regular; text-decoration: none; color: #FFFFFF; }
a.registerAndJoin:visited { font-family: Arial, Sans; font-size: 10px; font-weight: regular; text-decoration: none; color: #FFFFFF; }
a.registerAndJoin:active { font-family: Arial, Sans; font-size: 10px; font-weight: regular; text-decoration: none; color: #FFFFFF; }
a.registerAndJoin:hover { font-family: Arial, Sans; font-size: 10px; font-weight: regular; text-decoration: none; color: #FFFFFF; }
/* over state for main navigation menu rollover */
.over {
	background-color: #1A4375;
	margin: 0;
	vertical-align: middle;
	width: 145px;
	height: 25px;
} 
	
	/* off state for main navigation menu rollover  */
.off {
	background-color: #ffffff;
	margin: 0;
	vertical-align: middle;
	width: 145px;
	height: 25px;
	} 
	
/* on state for main navigation menu rollover  */
.on {
	background-color: #1A4375;
	font-family: Arial, Sans; 
	font-size: 10px;
	color: #ffffff;
	font-weight: bold; 
	margin: 0;
	vertical-align: middle;
	width: 145px;
	height: 25px;
	}
/* over state for main navigation menu rollover */
.tertiaryOver {
	background-color: #e2e2e4;
	padding-left: 30px;
	margin: 0;
	vertical-align: middle;
	width: 117px;
	height: 24px;
} 
/* off state for main navigation menu rollover  */
.tertiaryOff {
	background-color: #ffffff;
	padding-left: 30px;
	margin: 0;
	vertical-align: middle;
	width: 117px;
	height: 24px;
	} 
/* on state for tertiary navigation menu rollover  */
.tertiaryOn {
	background-color: #e2e2e4;
	color: #0A1C39;
	padding-left: 30px;
	margin: 0;
	vertical-align: middle;
	width: 117px;
	height: 24px;
	font-family: Arial, Sans;
	font-size: 10px;
	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: #f9f9f8;
	margin: 0;
	height: 20px;
	} 
/* on state for buttons  */
.buttonOn {
	background-color: #ffffff;
	margin: 0;
	height: 20px;
	}

#navcontainer ul {
	width: 145px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #c8c7c5;
}

#navcontainer li { margin: 0 0 1px 0; }

#navcontainer a {
	display: block;
	color: #0A1C39;
	font-family: Arial, Sans; font-size: 10px; font-weight: regular;
	background-color: #ffffff;
	width: 145px;
	height: 12px;	
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 6px;
	text-decoration: none;
}

#navcontainer a:hover {
	background-color: #1A4375;
	color: #FFF;
	border-width: 2px;
	border-style: solid;
	border-color: #FFF;
	padding-top: 3px;
	padding-left: 13px;
	padding-bottom: 4px;
	width: 145px;
	height: 12px;
}

#navon {
	color: #FFF;
	font-family: Arial, Sans; font-size: 10px; font-weight: regular;
	background-color: #1A4375;
	width: 145px;
	height: 12px;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 6px;
	text-decoration: none;
}