/* ~~~ 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 ~~~ */


/* 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:#001ca7;
	font-weight:bold;
	text-decoration:none;
}
a:hover, a:active, div#page_col3 a:hover, div#page_col3 a:active {
	color:#727abe;
	font-weight:bold;
	text-decoration:underline;
}


div#javascript{
	visibility: hidden;
}

body.bodybg {	
	background:#ccc url(../../build/images/template/bg.gif) no-repeat 0 65px;
	text-align:center;
}

div#container {	
	width:930px;
	margin:0 auto 0 auto;
	text-align:left;
	background-color:#fff;
	padding:10px;
}

div#site_content {
}

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

div#site_header {
	background:#001ca7;
	height:89px;
}

div#logo {float:left;}

div#topnav {float:right; width:410px; margin:8px 0 0 90px; 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;
    }
div#topnav a:link, div#topnav a:visited, div#site_footer a:link, div#site_footer a:visited {
	color:#f4f3ee;
	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:#fff;
	font-weight:normal;
	text-decoration:underline;
}

div#header_tools {float:right; width:370px; margin-top:20px;}

div.search {float:left;}

div.search input.inputbox {margin:0 0 7px 12px; *margin:0 0 4px 12px; padding:3px;}


div#site_nav {
	background:#8ec122 url(../../build/images/template/menu_bg.gif) no-repeat bottom left;
	height:45px;
	text-align:center;
	width:930px;
	overflow:hidden;
}

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

div#site_main {
	padding:10px 0;
}

div#page_col3 {
	width:702px;
	float:left;
	min-height:350px;

	
}

div#main_content {
	padding:0;
}
div#main_content div#promo {
	width:702px;
	height:207px;
	margin-bottom:15px;
}
div#main_content div#news {
	width:700px;
	position:relative;
	float:left;
}
div#news div.section {
	float:left;
	width:224px;
	height:250px;
	margin-right:15px;
}
div#news div.section_end {
	margin-right:0;
}


/* -----NEW DIVS------ */

div#main_content div#new_news {
	width:717px;
	height:160px;
	overflow:hidden;
}
div#new_news div.new_section {
	float:left;
	width:344px;
	height:138px;
	margin:10px 14px 0 0;
}
div#new_news div.new_section_sm {
	float:left;
	width:165px;
	height:138px;
	margin:10px 14px 0 0;
	 position:relative;
}

/* ----------- */







div.pathway {
	font-size:0.8em;
}

div#breadcrumbs {
	text-align:right;
	font-size:0.9em !important;
        border-bottom:1px solid #001ca7;
        border-top:1px solid #001ca7;
		background-color:#eee;
		padding-right:5px;
}

span.pagefunctionicon {
	float:right;
	margin:3px 0 0 10px;
}

/* Mainbody Content Area Styles */
div#page_col3 h4 {
	color: #8ec122;
	text-transform:lowercase;
	font-size:1.6em;
	font-weight:normal;
}
div#page_title h1 {
	color: #001ca7; 
	text-transform:lowercase;
	font-size:20px;
	font-weight:normal;
	color:#001ca7;
}	  
	  
div#page_col3 ol {
	padding-left: 25px;
}

div#page_title{
	padding:0 0 10px 0;
}

div#page_col3 p, div#page_col3 ul, div#page_col3 ol {
	margin-top:5px;
	padding-bottom:10px;
}
div#page_col3 ul {
	list-style-type:disc;
	margin-left:10px;
}
div#page_col3 ul li, div#page_col3 ol li {
	padding:5px;
}
div#page_col3 table {
	margin:10px 0;
}
div#page_col3 table td {
	padding:5px;
}
	
/* div#page_col3 h4 {
	font-size:1.0em;
	height:24px;
}
*/
div#page_col3 ul.ticklist {
	list-style:none;
	margin:0;
	padding:0;
}
div#page_col3 ul.alphalist {
	padding-left:16px;
	list-style-type:lower-alpha;	
}
div#page_col3 ul.romanlist {
	padding-left:16px;
	list-style-type:lower-roman;
}

div#page_col3 ul li {
	padding:0 0 5px 5px;
}
div#page_col3 ul.arrowlist li, div#page_col3 ul.ticklist li, div#page_col3 ul.list li.list_item {
	padding:0 0 5px 15px;
}

ul.arrowlist li, ul.list li  {
	padding:0 0 0 15px;
	margin:0 0 0 5px;
	list-style-type:none;
	background:url(/build/images/template/arrow.gif) 0 5px no-repeat;
}

div#page_col3 ul.ticklist li {
	padding:5px 0 5px 25px;
	margin-left:20px;
	background:url(/build/images/tick.gif) 0 3px no-repeat;
}
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: #d8d8d8;
	width: 660px;
}

#featuredSections .icon {
	display: inline;
	float: left;
	height: 80px;
	margin: 0 15px 15px 15px;
	width: 80px;
	border:5px solid #fff;
}

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

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

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

div#page_col3 #featuredSections h3 {
	background: transparent url(/build/images/template/arrow_white.gif) no-repeat 0 .5em;
	border: none;
	margin: 0;
	padding: 0 0 7px 15px;
}

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

div#site_footer {
	background:#999 url(../../build/images/template/footer_bg.gif) no-repeat top left;
	padding:10px;
	color:#fff;
	height:85px;
}
div#site_footer div#copyright {
	margin-top:20px;
	float:left;
	width:810px;
}
div#site_footer div#copyright p {
 	padding-bottom:6px;
}
div#site_footer div#siteby {
	margin-top:20px;
	float:left;
	width:100px;
	text-align:right;	
}

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

div#page_col4 {
	width:213px;
	float:right;
}

div#ib_panel{
	background:url(/build/images/template/online_serv_bg.gif) no-repeat top left;
	padding-top:45px;
	margin-bottom:10px;
}

div#ib_panel p{
	margin:0 0 10px 10px;
	font-weight:bold;
}

div#ib_panel p input{


	margin-top:5px;
}

div#hints {
	width:213px;
	height:154px;
	margin:10px 0 0 0;
}

div#hints p { margin:0; padding:0;}

div#want h2 span {
	display:none;
}

div#want h2 {background: url(/build/images/template/want_title.gif) left no-repeat; height:25px; margin:0 0 5px 10px;}

div#want a {font-size:11px; font-weight:normal}

div#want_2 {
	width:203px;
	height:36px;
	background:url(/build/images/template/I_want_bg.gif) no-repeat top left;
	padding:35px 0 7px 10px;
	margin:10px 0 0 0;
}

div#want_2 select {
	width:190px;
	font-weight:normal;
	text-transform:none;
}

div#want_2 select option {
	padding: 0 0 0 3px;
}


div#calcs {
	width:203px;
	height:36px;
	background:url(/build/images/template/calc_bg.gif) no-repeat top left;
	padding:35px 0 7px 10px;
	margin:10px 0 0 0;
}

div#calcs select {
	width:190px;
	font-weight:normal;
	text-transform:none;
}

div#calcs select option {
	padding: 0 0 0 3px;
}

div#threeways {
	
	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;
}

/* Campaign Page Styles */

body.campaign {
	background-color:#d1d1d1;
}
body.campaign div#container {
	margin:18px auto;
	width:680px;
}
body.campaign div#container:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
body.campaign div.image {
	width:351px;
	float:left;
}
body.campaign div.content {
	width:300px;
	float:left;
}
body.campaign div.content h4 {
	padding-bottom:15px;
	font-size:1.6em;
	color:#8ec122;
	margin-left:10px;
}
body.campaign div.content p {
	margin-left:10px;
	padding-bottom:15px;
}
body.campaign div.content ul {
	list-style-type:disc;
	margin-left:22px;
	margin-top:5px;
	padding-bottom:10px;
}
body.campaign div.content ul li {
	padding:0 0 5px 5px;
}
body.campaign div.content ul.arrowlist, body.campaign div.content ul.ticklist {	
	list-style:none;
	margin:0;
	padding:0;
}
body.campaign div.content ul.arrowlist li {
	padding:0 0 5px 15px;
}
body.campaign div.content ul.ticklist li {
	padding:5px 0 5px 25px;
	background:url(/build/images/tick.gif) 0 3px no-repeat;
}

div#page_title h1 {	
	color: #001ca7; 
	text-transform:lowercase; 
	padding:10px 0 0 0;
	font: bold 33px/35px Helvetica, Arial, sans-serif;
	letter-spacing:-0.02em;
}

div#page_col3 #featuredSections h3 { 
	text-transform:lowercase;
	font: bold 22px/24px Helvetica, Arial, sans-serif;
	color: #ffffff;
	letter-spacing:-0.02em;
}

div#page_col3 h4 {
	color: #8ec122; 
	text-transform:lowercase;
	font:bold 18px/22px Helvetica, Arial, sans-serif;
}

/*NEWS*/

#newsRot{ background:url(/build/images/newsbg.jpg) no-repeat; width:344px; height:137px; overflow:hidden; float:left; position:relative; margin-top:10px; margin-right:14px;}

ul#newsTick {
margin:0;
padding-top:35px;
padding-left:0px;
width:333px;
}


.hide {
list-style-type:none;
margin:0;
padding:1px !important;
}

.hide2 {
list-style-type:none;
margin:0;
padding:1px !important;
}
div#news div#mosarticle {
padding-left:0;

}


p.created {
color:#81616C;
font-size:10px  !important;
margin:0  !important;
padding:0  !important;
}


p.created2 {
color:#81616C;
font-size:10px  !important;
margin-left:15px  !important;
padding:0  !important;
}


.hide2 p {


margin-left:15px  !important;
padding:0  !important;
}


.linkMore {
top:5px;
position:absolute;
right:10px;
}


a.linkwhite:link,  a.linkwhite:visited{
	color:#fff !important;
	font-weight:normal !important;
	text-decoration:none !important;
}
a.linkwhite:hover, a.linkwhite:active {
	color:#fff !important;
	font-weight:normal !important;
	text-decoration:underline !important;
}


div.readMore{ position:absolute; bottom:5px; right:5px;}


div#mosarticle div.page_article li.hide h3 { text-align:left; font-size:12px; padding-left:0px;} 

div.page_article{ margin-top:10px;}