@charset "utf-8";

/*
PUBLICATIONS PAGE CONTENT
*/

.mySection {
	background-color: #F3F2F0;
	width:100%;
	height:auto;
	padding-bottom: 15px;
}

.mySection #hideURL{
	display: none;
}

.mySection #breadcrumbsWrapper {
	width: 100%; /* the auto margins (in conjunction with a width) center the page */
	height: 32px;
	/*text-align: left;*/
}

.mySection #breadcrumbsContainer {
	width: auto;
	height: 32px;
	margin: 0 0 0 7%;
	padding-top: 8px;
	text-align: left;
	font-size: 0.69em;
	letter-spacing: 0.06em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}

.mySection #urlLink{
	/*		t  r  b  l  */
	margin: 0 0 -6px 4px;
	padding: 0 0 0 16px;
	display: inline-block;
	background-image:url(/images/link-arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*height: 0.1em;*/
}

.mySection #anchorLink{
	/*		t  r  b  l  */
	margin: 0 0 -6px 4px;
	padding: 0 0 0 16px;
	display: inline-block;
	background-image:url(/images/anchor-arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.mySection a#topofPage{
	/*		t  r  b  l  */
	margin: 0 0 0 2px;
	padding: 0 0 0 14px;
	font-size: 0.69em;
	letter-spacing: 0.06em;
	display:block;
	background-image:url(/images/top-of-page-arrow.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 1.1em;
	width: auto;
}

/*.mySection a#topofPage:hover{
	background-image:url(/images/top-of-page-over.gif);
	text-decoration:none;
}*/

.mySection #currentColour {
	/* This colour is specific to the Publications content */
	color: #0089D1;
}

.mySection #breadcrumbsContainer a {
	color: #666666;
}

.mySection #headingWrapper {
	width: 100%;
	margin: 0;
	height: 52px;
	/* This image is specific to the Publications content */
	background-image:url(/images/Publications/header-left.gif);
	background-repeat: repeat-x;
	background-position: left center;
}

.mySection #headingContainer {
	width:auto;
	height: 52px;
	margin: 0 0 0 25%;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight:900;
	text-align:left;
	color: #FFFFFF;
	/* This image is specific to the Publications content */
	background-image:url(/images/Publications/header-right.gif);
	background-repeat: repeat-x;
	background-position: left center;
}

.mySection #headingContainer h1{
	font-size: 1.38em;
	letter-spacing: 0.03em;
	margin: 0;
	padding-top: 16px;
	padding-left: 22px;
}

.mySection #container {
	width: 88%; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: auto;
	padding-top: 1px;
}

.mySection #resourceBox1 {
	width: auto;
	height: auto;
	padding-bottom: 16px;
	background-image:url(/images/resource-column-seperater.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.mySection #resourceBox2 {
	width: auto;
	height: auto;
	padding-left:4px;
	padding-bottom: 6px;
	padding-top: 10px;
	background-image:url(/images/resource-column-seperater.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align:center;
}

.mySection #urgentBox {
	width:auto;
	height: 42px;
	text-align: center;
	/*		t  l  b  r  */     
	margin: 0 0 10px 0;
} 

.mySection #urgentBox h1 {
	background-image:url(/images/red-button-bak.gif);
	background-color: #AFAFAF;
	background-repeat: repeat-x;
	background-position: left center;
	height: 42px;
	line-height: 42px;
	width:auto;
	font-size: 0.88em;
	letter-spacing: 0.03em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-style: normal;
	font-weight:900;
	margin-top: 0;
	
}

.mySection #urgentBox h1 span {
	height: 42px;
	display: block;
	background-image: url(/images/red-button-top-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
} 

.mySection #urgentBox h1 span span {
	background-image: url(/images/red-button-bottom-right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 42px;
	display: block;
} 

.mySection #urgentBox a {
	color: #FFFFFF;
} 

.mySection #onlineBox {
	width:auto;
	height: 42px;
	text-align: center;
	/*		t  l  b  r  */     
	margin: 0 0 10px 0;
} 

.mySection #onlineBox h1 {
	background-image:url(/images/blue-button-bak.gif);
	background-color: #AFAFAF;
	background-repeat: repeat-x;
	background-position: left center;
	height: 42px;
	line-height: 42px;
	width:auto;
	font-size: 0.88em;
	letter-spacing: 0.03em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-style: normal;
	font-weight:900;
	margin-top: 0;
}

.mySection #onlineBox h1 span {
	height: 42px;
	display: block;
	background-image: url(/images/blu-button-top-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
} 

.mySection #onlineBox h1 span span {
	background-image: url(/images/blu-button-bottom-right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 42px;
	display: block;
} 

.mySection #onlineBox a {
	color: #FFFFFF;
} 

.mySection #toolBox {
	background-image:url(/images/toolbox1-back.gif);
	background-position:left center;
	background-repeat: no-repeat;
	height: 42px;
	padding-right: 10px;
}

.mySection #resourceFiller p {
	font-size: 0.69em;
	color: #000000;
	line-height: 1.2em;
	margin-top: 4px;
	margin-left:8px;
	margin-right: 8px;
	margin-bottom: 4px;
	text-align:left;
}

.mySection #resourceFiller ul {
	font-size: 0.69em;
	font-weight: bold;
	color: #0090c5;
	line-height: 1.5em;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 8px;
	margin-bottom: 12px;
	text-align:left;
}

.mySection #myMedia {
	background-image:url(/images/media-title2.jpg);
	background-color: #AFAFAF;
	background-position: left;
	height: 32px;
	font-size: 0.75em;
	line-height: 32px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	text-align:left;
	font-weight:bold;
	padding-left: 44px;
		/*	t  l  b  r  */     
	margin: 2px 2% 12px 2%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #AFAFAF;
}

.mySection #myMedia span {
	background: url(/images/top-right-corner2.gif) top right no-repeat;
	height: 32px; 
	display: block;
}

.mySection #myMedia span span {
	background: url(/images/bottom-right-corner2.gif) bottom right no-repeat;
	height: 32px; 
	display: block;
}

.mySection #myConsult {
	background-image:url(/images/consultation-title2.gif);
	background-color: #AFAFAF;
	background-position: left;
	height: 32px;
	font-size: 0.75em;
	line-height: 32px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	text-align:left;
	font-weight:bold;
	padding-left: 44px;
		/*	t  l  b  r  */     
	margin: 2px 2% 12px 2%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #AFAFAF;
}

.mySection #myConsult span {
	background: url(/images/top-right-corner2.gif) top right no-repeat;
	height: 32px; 
	display: block;
}

.mySection #myConsult span span {
	background: url(/images/bottom-right-corner2.gif) bottom right no-repeat;
	height: 32px; 
	display: block;
}

.mySection #myNew {
	background-image:url(/images/whats-new-title2.gif);
	background-color: #AFAFAF;
	background-position: left;
	height: 32px;
	font-size: 0.75em;
	line-height: 32px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	text-align:left;
	font-weight:bold;
	padding-left: 44px;
		/*	t  l  b  r  */     
	margin: 2px 2% 12px 2%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #AFAFAF;
}

.mySection #myNew span {
	background: url(/images/top-right-corner2.gif) top right no-repeat;
	height: 32px; 
	display: block;
}

.mySection #myNew span span {
	background: url(/images/bottom-right-corner2.gif) bottom right no-repeat;
	height: 32px; 
	display: block;
}

.mySection a#emailFriend{
	display:block;
	background-image:url(/images/email-friend.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 29px;
	width: 48px;
}
.mySection a#emailFriend:hover{
	background-image:url(/images/email-friend-over.gif);
	text-decoration:none;
}

.mySection a#reduceFont{
	display:block;
	background-image:url(/images/reduce-font-size.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 29px;
	width: 22px;
}
.mySection a#reduceFont:hover{
	background-image:url(/images/reduce-font-size-over.gif);
	text-decoration:none;
}
.mySection a#increaseFont{
	display:block;
	background-image:url(/images/increase-font-size.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 29px;
	width: 24px;
}
.mySection a#increaseFont:hover{
	background-image:url(/images/increase-font-size-over.gif);
	text-decoration:none;
}
.mySection a#normaliseFont{
	display:block;
	background-image:url(/images/normalise-font-size.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 29px;
	width: 17px;
}
.mySection a#normaliseFont:hover{
	background-image:url(/images/normalise-font-size-over.gif);
	text-decoration:none;
}

.mySection a#printPage{
	display:block;
	background-image:url(/images/print.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 29px;
	width: 47px;
}

.mySection a#printPage:hover{
	background-image:url(/images/print-over.gif);
	text-decoration:none;
}

.mySection #menuColumn {
	float:left;
	width: 22%;
	margin: 0;
	padding-top: 0px;
	height: auto;
	text-align: left;
	background-image:url(/images/side-menu-back.gif);
	background-repeat: repeat-y;
	background-position: right top;
	overflow:visible;
}

.mySection #ulWrapper{
	background-image:url(/images/side-menu-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 17px;
	font-size: 0.88em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.mySection #pushdownWrapper{
	background-image:url(/images/side-menu-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 17px;
	
}

.mySection #menuColumn ul {
	margin: 0px;
	padding-left: 33px;
	
}

.mySection #menuColumn ul li {
	background-image:url(/images/side-menu-item.gif);
	background-repeat: no-repeat;
	height: auto;
	background-position: left bottom;
	margin-top: 0px;
	margin-left: -2.5em;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 10px;
	padding-right: 10px;
	overflow:hidden;
}

.mySection #menuColumn ul li:hover {
	/* This image is specific to the Publications content */
	background-image:url(/images/Publications/side-menu-item.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left: -2.5em;
	overflow:hidden;
}

.mySection #menuColumn ul li a {
	text-decoration: none;
	color: #000000;
	cursor:pointer;
}

.mySection #selectedItem {
	/* This image is specific to the Publications content */
	background-image:url(/images/Publications/side-menu-item-selected.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 0.88em;
	font-weight:bold;
	color:#6F6F6F;
	height:auto;
	overflow:hidden;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 10px;
	margin: 0px 0px 0px -2px;
}

.mySection #selectedSingleItem {
	/* This image is specific to the Publications content */
	background-image:url(/images/Publications/side-menu-item-selected.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 1em;
	font-weight:bold;
	color:#6F6F6F;
	height:auto;
	overflow:hidden;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 10px;
	/*		t  l  b  r  */  
	margin: 0px 0px 0px -2px;
}

.mySection #resourceColumn {
	float: right;
	width: 20%;
	margin: 0;
	padding-top: 15px;
}

.mySection #contentColumn {
	margin: 0 22% 0 24%;
	padding-top: 15px;
}

.mySection #contentColumn p {
		  /*t  r  b  l*/
	margin: 5px 0px 15px 0px;
	text-align: left;
	font-size: 0.81em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.mySection #contentColumn ul {
			/*t  r  b  l*/
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 0.81em;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
}

.mySection #contentColumn ul li{
			/*t  r  b  l*/
	padding: 0 0 20px 15px;
	margin: -10px 0 0 0;		
	background-image: url(/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	text-decoration: none;
}

.mySection #contentColumn ul ul {
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
}
	
.mySection #contentColumn ul ul li{
			/*t  r  b  l*/
	padding: 0 0 20px 15px;
	margin: 0 0 0 15px;	
	background-image: url(/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	text-decoration: none;
}

.mySection #contentColumn ol {
			/*t  r  b  l*/
	margin: 0 0 0 22px;
	padding: 0;
	font-size: 0.81em;
	font-family: Arial, Helvetica, sans-serif;
}

.mySection #contentColumn ol li{
			/*t  r  b  l*/
	padding: 0 0 10px 0;
	margin: 0;
}

.mySection #contentColumn h2 {
		  /*t  r  b  l*/
	margin: 10px 0px 10px 0px;
	padding-top: 12px;
	padding-bottom: 10px;
	text-align: left;
	font-size: 1.13em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.13em;
	color: #555555;
	background-image:url(/images/resource-column-seperater.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	overflow:hidden;
}

.mySection #contentColumn h3 {
		  /*t  r  b  l*/
	margin: 0;
	padding-top: 10px;
	padding-bottom: 8px;
	text-align: left;
	font-size: 0.88em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-image:url(/images/resource-column-seperater.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	overflow:hidden;
}

.mySection #contentColumn h4 {
		  /*t  r  b  l*/
	margin: 0;
	padding: 2px 0 4px 0;
	text-align: left;
	font-size: 0.88em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-image:url(/images/h4-column-seperater.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	overflow:hidden;
}

/*.mySection #contentColumn h5 {
		  t  r  b  l
	margin: 0;
	padding: 6px 0 0 0;
	text-align: left;
	font-size: 0.83em;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	overflow:hidden;
}*/

.mySection #contentColumn h6 {
		  /*t  r  b  l*/
	margin: 0;
	padding: 0;
	font-size: 0.83em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*color:#333;
	overflow:hidden;*/
}

.mySection #myTable {
	/*t  r  b  l*/
	margin: 0 0 0 0;
	padding:  0 4px 4px 0;
	height: 1%;
	width:100%;
	background-image:url(/images/table-bottom-right.gif);
	background-repeat: no-repeat;
	background-position:right bottom;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #E8E7E5;
	border-left-color: #E8E7E5;
}

.mySection #myHeadingRow {
	background-image:url(/images/heading-row.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

.mySection #myContentRow {
			/*t  r  b  l*/
	background-image:url(/images/content-row.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

.mySection #contentColumn table {
			/*t  r  b  l*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	vertical-align:top;
	width:100%;
	height: 1%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

.mySection #contentColumn table h1 {
			/*t  r  b  l*/
	margin: 0 0 4px 0;
	padding: 6px 0 0 20px;
	font-size: 0.88em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}

.mySection #contentColumn table p {
			/*t  r  b  l*/
	margin: 0;
	padding:  10px 10px 10px 20px;
	font-size: 0.81em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.mySection #imgFrame {
			/*t  r  b  l*/
	margin: 0 20px 0 0;
	padding: 2px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #AFAFAF;
	border-bottom-color: #5A5A5A;
	border-left-color: #AFAFAF;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EBEBEB;
}

.mySection #imgLeft {
			/*t  r  b  l*/
	margin: 0 20px 0 0;
	padding: 2px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #AFAFAF;
	border-bottom-color: #5A5A5A;
	border-left-color: #AFAFAF;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EBEBEB;
}

.mySection #imgRight {
			/*t  r  b  l*/
	margin: 0 0 0 20px;
	padding: 2px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #AFAFAF;
	border-bottom-color: #5A5A5A;
	border-left-color: #AFAFAF;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EBEBEB;
}

.mySection #floatLeft {
	float:left;
	width:auto;
	padding: 0;
	margin: 0;
}

.mySection #floatRight {
	float:right;
	width:auto;
	padding: 0;
	margin: 0;
}

.mySection #borderText{
			/*t  r  b  l*/
	padding: 0;
	margin: 0;
	display:block;
	overflow:hidden;
	width: auto;
	height: 6px;
	background-image:url(/images/text-column-seperater.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.mySection #clearFloat {
	clear:both;
}

/* Expanding menus content */

.submenuContainer {
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.submenuContainer a {
	color: #000000;
}

.menuHide{
	background-image: url(/images/plus.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-top:2px;
	padding-bottom: 4px;
	padding-right: 10px;
	display:block;
	width: 190px;
	cursor:pointer;
}

.menuShow{
	background-image: url(/images/dot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-top:2px;
	padding-bottom: 4px;
	display:block;
	width: 190px;
	cursor:pointer;
}

.topMenu{
	background-image: url(/images/dot-fixed.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-top:2px;
	padding-bottom: 4px;
	padding-right: 10px;
	display:block;
	text-decoration: none;
}

.subMenu{
	background-image: url(/images/sub-menu-item.gif);
	background-repeat:no-repeat;
	background-position: left top;
	display: block;
	margin-left: 22px;
	padding-top: 0px;
	padding-bottom: 6px;
	padding-left: 12px;
	padding-right: 6px;
	text-decoration: none;
	cursor:pointer;
}

.subMenuSelected{
	/* This image is specific to the Publications content */
	background-image: url(/images/Publications/sub-menu-item.gif);
	background-repeat:no-repeat;
	background-position: left top;
	display: block;
	margin-left: 22px;
	padding-top: 0px;
	padding-bottom: 6px;
	padding-left: 12px;
	padding-right: 6px;
	text-decoration: none;
	font-weight:500;
	/* This colour is specific to the Publications content */
	color: #0089D1;
}

.subTextSelected{
/* This colour is specific to the Publications content */
	color: #0089D1;
	cursor:default;
}

.submenuHide{
	display: none;
}

.submenuShow{
	background-image: url(/images/accordion-panel-content.gif);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	width: 208px;
	padding-top: 4px;
}