/* ~~~ Macquarie Credit Union Stylesheet Created by Brighton Consulting 2007 ~~~ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2007, Brighton Consulting */
/* Added: May 10th, 2007 */
/* Visit www.brightonconsulting.com.au */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without written permission. */

/* ~~~ SITE COLOURS ~~~ */
/*

	#d52b1e - corporate red 
	
	#000000 - corporate black
	
	#999999 - light grey
	
*/
	
/* ~~~~~ IE HACK GUIDELINES ~~~~~

   border:1px solid green; ~~~ works in all
  *border:1px solid red; ~~~ targets IE6 and 7 
  _border:1px solid blue; ~~~ targets IE6 only

*/



/* ~~~ GENERAL SITE-WIDE STYLES ~~~ */
/* ~~~ DO NOT MODIFY WITHOUT GOOD REASON ~~~ */

.parkes {
	display:none;
}
.sydney {
	display:block;
}

/* Set ALL image borders to zero */
* {
	padding:0;
	margin:0;
}
img {
	border:0;
	padding:0;
	margin:0;
}

/* Page Background color */
.hidden {
	display:none;
}

/* ~~~~~~ CLEARFIX HACK ~~~~~~ */
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}

.clear {
	clear:both;
}
html, body {
	height:100%;
}
body {
	font-size:73%;
	*font-size:75%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	text-align:left;
	line-height:150%;
}

/* Set font sizes for WYSIWYG to match document */

bodydiv#page_col3 {
	font-size:73%;
	*font-size:75%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	line-height:150%;
}

/* Preset ALL fonts */

div, span, input, select, p, th, dd, table, li, input {
	font-size:1.0em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
div#page_col3 div, div#page_col3 span, div#page_col3 input, div#page_col3 select, div#page_col3 p, div#page_col3 th, div#page_col3 dd, div#page_col3 table, div#page_col3 li {
	font-size:1.0em;
}

h1, div#page_col3 h1 {font-size:1.6em; color:#000000;}
h2, div#page_col3 h2 {font-size:1.4em; color:#333333;}
h4, div#page_col3 h4 {font-size:1.2em; color:#333333;}
h5, div#page_col3 h5 {font-size:1.0em; color:#333333;}

a:link, a:visited, div#page_col3 a:link, div#page_col3 a:visited {
	color:#0f1671;
	font-weight:bold;
	text-decoration:none;
}
a:hover, a:active, div#page_col3 a:hover, div#page_col3 a:active {
	color:#5994ce;
	font-weight:bold;
	text-decoration:underline;
}


div#javascript{
	visibility: hidden;
}

body {	
	background:#e9f0f8 url(../images/client/bg.gif) repeat-x top left;
	text-align:center;
}

div#pageContainer {
	width:964px;
	text-align:left;
	margin: 0 auto 0 auto;
}

div#site_content {
	background: url(../images/client/border_bg.gif) repeat-y left top;
	padding:0 0 0 2px;
}

/* ------------------- HEADER styles ---------------------- */

div#site_header {
	height:77px;
	background: url(../images/client/header_bg.jpg) no-repeat right top;
	margin:0 0 0 0;
	
}

div#logo {float:left; width:136px; margin:10px 0 0 10px; background:url(../images/client/logo.gif) no-repeat top left;}
div#logo a {width:136px; display:block; height:56px;}

div#topnav {float:right; width:425px; margin-top:5px; font-size:11px;}

div#topnav ul {
	margin:0;
	padding:0;
      list-style-type: none;
    }
div#topnav ul li {
	margin:0;
	padding:0 11px;
    float: left;
	border-left:1px solid #e4e5e6;
    }

div#topnav ul li:first-child {
	border-left: none;
    }

div#topnav a:link, div#topnav a:visited, div#site_footer a:link, div#site_footer a:visited {
	color:#0f1671;
	font-weight:normal;
	text-decoration:none;
}
div#topnav a:hover, div#topnav a:active, div#site_footer a:hover, div#site_footer a:active {
	color:#5994ce;
	text-decoration:underline;
}

div#header_tools {float:right; width:210px;}

div#header_tools img {float:left;}

div.search {float:left;}

div.search input.inputbox {margin:4px 0 7px 32px; *margin:4px 0 4px 32px; padding:3px 0 0 3px; height:14px; font-size:11px;}


div#site_nav {
	height:31px;
	text-align:center;
	background: url(../images/client/nav_bg.gif) repeat-x top left;
	margin-right:2px;
}

/* ------------------- CONTENT styles ---------------------- */

div#news1, div#news2 {
	float: left;
	margin:20px 20px 0 0;
}

div#news3 {
	float: left;
	margin:20px 0 0 0;
}


div#site_main {
	background: transparent url(../images/client/page_bg.gif) no-repeat bottom left;
}

div#main_content {
	padding:15px;
	background: transparent url(../images/client/content_bg.gif) no-repeat bottom left;
}

div.pathway {
	margin-left: 30px;
	font-size:0.8em;
}

div#breadcrumbs {
	text-align:right;
	font-size:0.8em !important;
	background: transparent url(../images/client/breadcrumbs_bg.gif) no-repeat top left;
	padding:6px 15px 6px 0;
	text-transform:uppercase;
}

span.pagefunctionicon {
	float:right;
	margin:3px 0 0 15px;
	border-left: 1px solid #e4e5e6;
	padding-left:10px;
}

/* Mainbody Content Area Styles */

div#page_col3 {
	width:683px;
	float:left;
	padding:0;
	_padding:0 0 0 15px;
	min-height:350px;
	margin:15px 0 0 15px;
	_margin:15px 0 0 0;
}

div#page_wrapper {
	background:url(../images/client/col3_bg.gif) repeat-y top left;
}

div#page_col3 ol {
	padding-left: 25px;
}

div#page_header{
	margin:0 0 13px 0;
}

div#page_title{
height:40px;
	background:url(../images/client/page_title_bg.gif) repeat-x bottom left;
	border-top:1px solid #ededed;
	margin:0 1px;
	padding:10px 0 0 14px;
}

div#page_col3 .mainbody p, div#page_col3 .mainbody ul {
	margin-top:5px;
	padding-bottom:10px;
}
div#page_col3 .mainbody ul {
	list-style-type:disc;
	margin-left:15px;
}
div#page_col3 .mainbody ul li, ul li {
	padding:5px;
}
div#page_col3 .mainbody table {
	margin:10px 0;
}
div#page_col3 table .mainbody td {
	padding:5px;
}

div#page_col3 h1 {
	font-size:1.9em;
	font-weight:normal;
	height:26px;
	color:#928e54;
}
	
div#page_col3 h4 {
	font-size:1.0em;
}
div#page_col3 .mainbody ul.list, div#page_col3 .mainbody ul.arrowlist, div#page_col3 .mainbody ul.ticklist,  .mainbody ul.ticklist {
	list-style:none;
	margin:0;
	padding:0;
}
div#page_col3 .mainbody ul.alphalist, .mainbody ul.alphalist {
	padding-left:16px;
	list-style-type:lower-alpha;	
}
div#page_col3 .mainbody ul.romanlist, .mainbody ul.romanlist {
	padding-left:16px;
	list-style-type:lower-roman;
}

div#page_col3 .mainbody ul li, .mainbody ul li {
	padding:0 0 5px 5px;
}

div#page_col3 .mainbody ul.arrowlist li, div#page_col3 .mainbody ul.list li, .mainbody ul.list li  {
	padding:0 0 5px 20px;
	background:url(../images/page_images/arrow2.gif) 0 5px no-repeat;
}

div#page_col3 .mainbody ul.ticklist li, .mainbody ul.ticklist li {
	padding:5px 0 5px 20px;
	background:url(../images/tick.gif) 0 8px no-repeat;
}
div#page_col3 .mainbody ul li ul, .mainbody ul li ul {
	list-style-type:circle;
}

div#page_col3 h2 {
	font-size:1.3em; 
	color:#938e54;
	padding:4px 0 8px 0;
}

#featuredSections {
	padding: 1px 0;
}

#featuredSections .section {
	/*clear: both;*/
	display: block;
	margin: .5em 0 1.5em 0;
	padding: 15px 0 0 0;
	background: transparent url(../images/client/section_bg.gif) no-repeat;
	width: 700px;
}

#featuredSections .icon {
	display: inline;
	float: left;
	height: 83px;
	margin: 0 15px;
	width: 83px;
}

#featuredSections .description {
	display: inline;
	float: left;
	width: 560px;
}

#featuredSections .sectionClose {
	clear: both;
	display: block;
	height: 5px;
	padding-top:10px;
	background: transparent url(../images/client/section_bot.gif) no-repeat bottom left;
}

#featuredSections p {
	margin: 0;
	padding: 0;
}

div#page_col3 #featuredSections h3 {
	border: none;
	color: #619080;
	height:24px;
	margin:-3px 0 25px 0;
}

#featuredSections .btns {
	text-align: right;
	margin-top: 10px;
}
#featuredSections .pipe {
	padding:0 10px;
	color:#c8c6a9;
}

div#site_footer {
	background: transparent url(../images/client/footer_bg.gif) no-repeat top left;
	width:964px;
	font-size:11px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}




/* ------------------ SIDEBAR styles -------------------*/

div#page_col4 {
	width:180px;
	min-height:300px;
	float:left;
	margin:15px 0 0 15px;
}

p.ib_panel{
	margin:0 0 10px 0;
	background:url(../images/client/ib_bg.gif) no-repeat top left;
	width:180px;
	height:108px;
padding:45px 0 0 12px;
color:#fff;
font-weight:bold;
}

p.ib_panel input{
margin:2px 6px 0 4px;
*margin:0 4px 0 0;
}

p.ib_panel a img{
margin:18px 6px 8px 0;
*margin:16px 2px 8px 0;
}

p.dropdown {
	width:180px;
	height:67px;
	padding:0 0 0 8px;
	margin:0 0 10px 0;
}

p.dropdown select {
	margin-top:36px;
	width:164px;
	font-weight:normal;
	text-transform:none;
}

p.dropdown select option {
	margin:3px 0 3px 3px;
}

img.spot {
	margin:0 0 10px 0;
}

.want {
	background:url(../images/client/want_bg.gif) no-repeat top left;
}
.calcs {
	background:url(../images/client/calcs_bg.gif) no-repeat top left;
}

div#threeways {
	background:url(../images/client/threeways.gif) no-repeat top left;
	width:201px;
	text-align:left;
	*margin: 15px 0 0 0;
}

div#threeways ul{
	list-style: none outside;
	padding:73px 0 0 30px;
	line-height:16px;
	*margin:0;
}

div#threeways ul li {
	padding:4px 0 0 0;
}
/* WYSIWYG Section */

.mainbody p, .mainbody ul
{
	margin-top:5px;
	padding-bottom:10px;
}

.mainbody p, .mainbody ul {
	margin-top:5px;
	padding-bottom:10px;
}
.mainbody ul {
	list-style-type:disc;
	margin-left:15px;
}
.mainbody ul li {
	padding:5px;
}
.mainbody table {
	margin:10px 0;
}
.mainbody td {
	padding:5px;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
	text-transform:lowercase;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
}


/* Mainbody Table Styles */

table.stripes {
	width:100%;
	border-top:1px solid #1a4c84;
	border-right:1px solid #1a4c84;
	margin:1em auto;
		border-collapse:collapse;
	}

table.stripes tr.odd td	{
	background:#f1f1f2 url(../images/client/row_bg.gif) repeat-x bottom left;
	}
table.stripes td {
	border-bottom:1px solid #1a4c84;
	border-left:1px solid #1a4c84;
	padding:.3em 1em;
	}
table.stripes th {
	font-weight:bold;
	border-bottom:1px solid #1a4c84;
	border-left:1px solid #1a4c84;
	padding:.3em .5em;
	background:#1a4c84;
	color:#fff;
	font-size:14px;
	}
	
table.stripes th a {
	color:#fff;
	}
	
	
/* Landing Page Styles */

#lp_wrapper h2 {
	background:#1a4c84 url(../images/client/title_bg.gif) repeat-x top left;
	padding:10px 15px;
	color:#FFFFFF;
	font: 18px Tahoma,Arial, Helvetica, sans-serif normal;
}

#lp_wrapper a.close {
	position:relative;
	top:8px;
	right:10px;
	padding:3px;
	border:1px solid #fff;
	font-size:10px;
	background-color:#6889ae;
float:right; color:#FFFFFF
}	
#lp_main {
	padding:15px;
}

#lp_wrapper img {
padding-right:15px;
}
div.image {
float:left;
padding-right:8px;
}