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

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


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

	#684f40 - Macarthur Brown
	
	#235937 - Macarthur dark green
	
	#77b800 - Macarthur light green
	
	Catergory colours
	
	#00539f - Loans blue
	#c60c30 - Access red
	#652d86 - Savings purple
	
*/
	
/* 
~~~~~ IE HACK GUIDELINES ~~~~~

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


/* RESET all browsers to zero */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,option,p,blockquote,th,td {    
     margin:0;   
     padding:0;   
 }  
 
table {   
     border-collapse:collapse;   
     border-spacing:0;   
}   
 fieldset,img {    
     border:0;   
}   
address,caption,cite,code,dfn,em,strong,th,var {   
    font-style:normal;   
    font-weight:normal;   
}   
ol,ul {   
    list-style:none;   
}   
caption,th {   
    text-align:left;   
}   
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
q:before,q:after {   
    content:'';   
}   
abbr,acronym { border:0;   
}   

html, body {
	height:100%;
}

/* ~~~~~~ PRESET SITE FONTS ~~~~~~ */
body {
	font-size:84%;
	*font-size:86%;
	font-family:"Trebuchet MS", Helvetica, sans-serif; 
	color:#666666;
	text-align:left;
	line-height:1.5em;
}

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

body.mainbody {
	font-size:84%;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	line-height:1.5em;
}


div,  span,  input,  select, p, th, dd, table, li, {
	font-size:1.0em;
}
.mainbody div, .mainbody span, .mainbody input, .mainbody select, .mainbody p, .mainbody th, .mainbody dd, .mainbody table, .mainbody li {
	font-size:1.0em;
}

h1, .mainbody h1 {font-size:1.6em; color:#2077b2;}
h2, .mainbody h2 {font-size:1.4em; color:#2077b2;}
h3, .mainbody h3 {font-size:1.3em; color:#444444; font-weight:bold;}
h4, .mainbody h4 {font-size:1.2em; color:#444444; font-weight:bold;}
h5, .mainbody h5 {font-size:1.0em; color:#444444; font-weight:bold;}

/* ~~~~~~ PRESET CONTENT STYLES ~~~~~~ */

.mainbody p, .mainbody ul {
	padding-top:5px;
	padding-bottom:3px;
}
.mainbody ul {
	list-style-type:disc;
	margin-left:15px;
}
.mainbody ul li {
	padding:5px;
}
.mainbody table {
	margin:10px 0;
}
.mainbody table td {
	padding:5px;
}
.mainbody h4 {
	margin-top:18px;
}
.mainbody ul.arrowlist, .mainbody ul.ticklist, #loan ul.ticklist, #save ul.ticklist, #access ul.ticklist {
	list-style:none;	
}
.mainbody ul.alphalist {
	margin-left:15px;
	list-style-type:lower-alpha;	
}
.mainbody ul.romanlist {
	margin-left:15px;
	list-style-type:lower-roman;
}
.mainbody ul.arrowlist li {
	margin-left:0;
	padding-left:15px;
	background:url(/build/images/arrow2.gif) 0px 11px no-repeat;
}
.mainbody ul.ticklist li, #loan ul.ticklist li, #save ul.ticklist li, #access ul.ticklist li {
	margin-left:0px;
	
	padding:3px 0 3px 20px;
}

.mainbody ul.ticklist li {
	background:url(/build/images/tick_2.gif) top left no-repeat;
}

#loan ul.ticklist li {
	background:url(/build/images/tick_homel.gif) top left no-repeat;
}


#save ul.ticklist li {
	background:url(/build/images/tick_save.gif) top left no-repeat;
}


#access ul.ticklist li {
	background:url(/build/images/tick_access.gif) top left no-repeat;
}


.mainbody ul li ul {
	list-style-type:circle;
}











/* ~~~~~~ PRESET LINKS ~~~~~~ */

a:link, a:visited, .mainbody a:link, .mainbody a:visited {
	color:#235937;
	font-weight:bold;
	text-decoration:none;
}
a:hover, a:active, .mainbody a:hover, .mainbody a:active {
	color:#684f40;
	font-weight:bold;
	text-decoration:underline;
}	


/* ~~~~~~ Universal Classes ~~~~~~ */

.hidden {
	display:none;
}

.clear {
	clear:both;
}

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

	display:inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}


/* ~~~~~~~ NGMENU NOSCRIPT CSS ~~~~~~ */
ul.ngcss {
	margin:0 1px;
	color:#ffffff;
}
ul.ngcss li {
	float:left;
	position:relative;
}
ul.ngcss li a {
	display:block;
	padding:4px 14px 5px;
	color:#ffffff;
	font-size:1.2em;
}
ul.ngcss li a:hover, ul.ngcss li a:active {
	background-color:#0077c0;
}
ul.ngcss li ul, ul.ngcss li ul ul {
	display:none;
}
ul.ngcss li ul {
	position:absolute;
	top:26px;
	width:200px;
	float:left;
	background-color:#0077c0;
	z-index:10000;
}
ul.ngcss li:hover ul {
	display:block;
}
ul.ngcss li:hover ul li {
	float:none;
	position:relative;
	width:100%;
}
ul.ngcss li:hover ul li a {
	display:block;
	padding:4px 14px 5px;
	color:#ffffff;
	font-size:1.1em;
}
ul.ngcss li:hover ul li a:hover, ul.ngcss li:hover ul li a:active {
	background-color:#da5800;
}
ul.ngcss li:hover ul ul {
	display:none;
	position:absolute;
	top:0;
	left:200px;
	width:130px;
	background-color:#0077c0;
	float:left;
}
ul.ngcss li:hover ul li:hover ul {
	display:block;
}




table.stripes {
	border-top:1px solid #684f40;
	border-right:1px solid #684f40;
	margin:1em auto;
	border-collapse:collapse;
	}

table.stripes tr.odd td	{
	/*background:#f2f6f8 url(/build/images/row_bg.gif) repeat-x bottom left;*/
	}
table.stripes td {
	border-bottom:1px solid #684f40;
	border-left:1px solid #684f40;
	padding:.3em 1em;
	}
table.stripes th {
	font-weight:bold;
	border-bottom:1px solid #684f40;
	border-left:1px solid #684f40;
	padding:.3em .5em;
	background:#684f40;
	color:#fff;
	font-size:14px;
	}
	
table.stripes th a {
	color:#652300;
	text-decoration:underline;
	}



/*
	WYSIWYG FIXES - DON'T CHANGE WITHOUT CONSULTATION
	The following style makes p and ul tags show as br tags in tables for the same results in IE and FF
*/

.mainbody table p, .mainbody table ul  {
	margin-top:0px;
	margin-bottom:0px;
}


/*  Template css   */



/*BACKGROUND STUFF */
.bodybg {
/*background-color: #e5e1df;*/
background-color:#ded8d5;
}

#container {
margin:0 auto 0;
}

#container2 {
background-color:#ffffff;
width: 933px;
min-height:638px;
margin:0 auto 0;
padding:0 9px 0 9px;
}




/* SITE HEADER */

#header {
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
width:933px;
height:147px;
margin:0 auto;
margin-bottom:9px;
}

#header div#logo {
	position:absolute;
	bottom:36px;
	left:0;
}


#header h4 {
	position:absolute;
	bottom:40px;
	right:213px;
	color:#684f40;
	font-weight:normal;
}

#header h4  img {
	position:absolute;
	bottom:2px;
	right:105px;
	*right:110px;
}


div.search input.image {
	position:absolute;
	right:18px;
bottom:19px;
	
}

div.search input#mod_search_searchword.inputbox {
	position:absolute;
	right:47px;
	bottom:19px;
	width:120px;
height:16px;
	padding:1px 5px;
border: 1px solid #684f40;
}

div.search {
position:absolute;
bottom:20px;
right:25px;

}

/*#header {
position:relative;
width:933px;
height:160px;
margin:0 auto;
}

#header div#logo {
	position:absolute;
	bottom:32px;
	left:0;
}


#header h4 {
	position:absolute;
	top:78px;
	right:227px;
	color:#dddddd;
}*/


#navbar {
	position:absolute;
	top:120px;
	bottom:0;
}

#navbar ul {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
}
#navbar ul li {
	margin:0;
	padding:0 8px;
	float:left;
	border-right:1px solid #919093;
	line-height:1.1em;
	font-size:12px;
}

#navbar ul li a:link, #site_header div#headerNav ul li a:visited {
	color:#cccccc;
}
#navbar ul li a:hover, #site_header div#headerNav ul li a:active {
	color:#da5800;
}

#navbar {
	width:933px;
	height:32px;
	background:url(/build/images/nav_bg_new.jpg) repeat-x;
}



div#iblogin {
	position:absolute;
	top:8px;
	right:0;
	width:222px;
	height:126px;
	background:url(/build/images/ib_bg2.gif) bottom center no-repeat;
	}
	
div#iblogin h2 {
	color:#ffffff;
	font-size:18px;
	line-height:1.4em;
}
div#iblogin div#form {
	margin-top:11px;
}
div#form div.radios {

	float:left;
	margin-left:7px;
}
div#form div.radios span {
	font-size:13px;
	line-height:1.6em;
	color:#652300;
}
div#form div.goinfo {
	float:right;
	margin-right:6px;
	margin-top:2px;
}

/* MAIN CONTENT */

#content{
margin:12px 0 0 0;
_margin:12px 0;
width: 100%;
clear:both;
}

#col1{
float:left;
width:720px;

}
#col2{
float:left;
width:204px;
height:400px;
margin:0 0 0 8px;
}

/* Col 1 content */

#main_promo {
margin-top: 0;
}

#news_left, #news_right{
float:left;
margin-top:9px;
}

#news_right {
margin-left:10px;

}

/* Col 2 content */

#online_b {
width:184px;
height:30px;
padding:40px 10px 10px 10px;
background: #fff url(/build/images/online_b_bg.gif) top left no-repeat;
margin-bottom:9px;
}

#online_b span.left {
margin-right:7px;
}

#sidebar {
margin-bottom:6px;
}

#tools {
}

#tools_cont_1 {
width:186px;
height:80px;
padding:40px 9px 20px 9px;
background:url(/build/images/online_tool_bg.gif) top left no-repeat;
margin-bottom:9px;
_margin-bottom:1px;
}

#tools form#tools_form {
margin:0 auto;
}
#tools_form div.tool {
padding-bottom:10px;
*font-size:.95em;
}
#tools div.tool select {
width:100%;
}




/* INTERNAL PAGE MAIN CONTENT */

#int_content {
padding:0 9px 25px 9px;
}

div#pageheader {

}

div#breadcrumbs { 
	clear:both;
	width:702px;
	height:19px;
	margin:2px 0 0 0;
	*margin:-2px 0 0 0;
	_margin:-2px 0 0 0;
	padding:0 9px;
	*padding:2px 9px 0 9px;
	background-color:#e5e1df;
	font-size:.9em;
	text-align:right;
	color:#666;
}

div#breadcrumbs a {
color:#684f40;
}

div#breadcrumbs a:hover {
color:#684f40;
}


#breadcrumbs span.pagefunctionicon {
float:right;
margin:2px 0 0 9px;
}

#breadcrumbs span.styleswitcher {

float:right;
}


#breadcrumbs .pathway {
*margin:1px 0 0 0;
text-align:left;
}

div#pagetitle {
	font-size:2.4em;
	font-weight:normal;
	color:#684f40;
	padding:20px 0 5px 0px;	
	*padding:20px 0 5px 9px;		
}

#int_content p.home_loan {
color:#00539f;
font-size:1.1em;
}

div#featuredSections {

	padding:0 9px;
	margin-top:10px;
}

div#featuredSections div.section {
	width:680px;
	padding-top:10px;
	margin-bottom:10px;
}

div#featuredSections div.section div.icon {
	float:left;
	margin-right:15px;
	
}

div#featuredSections div.section div.description {

	width:100%;
}

div#featuredSections div.section div.description h3 
 {
	padding-bottom:2px;
	border-bottom:1px solid #77b800;
	color:#684f40;
}

div#featuredSections div.section div.description h3 a 
 {
	padding-bottom:2px;
	color:#684f40;
}

div#featuredSections div.section div.description p.btns {
	text-align:right;
}

div#featuredSections div.section div.description p.btns a {
	color:#235937;
	font-weight:bold;
	text-treatment:none;
}

div#featuredSections div.section div.description p.btns a:hover {
	color:#684f40;
	font-weight:bold;
	text-treatment:underline;
}

div#featuredSections div.section div.description span.pipe {
	padding:0 4px;
}


#map_container {
border: 1px solid #684f40;
padding:9px;
}



/* FOOTER */

#footer {
	width:951px;
	margin:0 auto 0;
	
}

p.second_nav {
position:relative;
width:933px;
height:20px;
padding:2px 9px;
background-color:#684f40;
font-size:11px;

font-weight:normal;
margin-top:-5px;
*margin-top:-4px;
}
p.second_nav a {
color:#ffffff;
font-weight:normal;
}

p.second_nav a:hover {
color:#ffffff;
font-weight:normal;
}

p.second_nav span.right {
font-weight:normal;
position:absolute;
right:9px;
top:4px;
*top:2px;
color:#77b800;
}

p.second_nav span.left {
position:absolute;
top:4px;
*top:2px;
color:#fff;
}

#site_by {
margin-top:9px;
text-align:right;
padding-right:9px;
}

p.second_nav span.right a.nav2 {
color:#FFFFFF;
font-weight:normal;
}

p.second_nav span.right a.nav2 a:hover {
color:#FFFFFF;
text-decoration:underline;
font-weight:normal;
}

p.second_nav span.green {
color:#77b800;
}


/* CAMPAIGN STYLE */

#campaign_main {
	width:100%;
	font-family:"Trebuchet MS", Helvetica, sans-serif; 
}
#campaign_2 {
	width:100%;
	height:100%;
	margin:0 6px 0 16px;
	padding-top:7px;
}
#campaign_2 div#col2_container_1 {
	padding-bottom:7px;
	width:100%;
	height:100%;

}

#campaign_2 #col2_container_1 #campaign_title {
	padding:20px 0 10px 0;
	font-family:"Trebuchet MS", Helvetica, sans-serif; 
	color:#684f40; 
	font-size:2.3em;
}
#campaign_2 div#col2_container_1 #campaign_wrapper {
clear:both;
}

#campaign_wrapper p.campaign_img {
float:right;
}

#campaign_2 #col2_container_1 h4 {
color:#684f40; 
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:1.2em;
}


/* COMPARE STYLE */

#conpare_main {
	width:660px;
}
#compare_2 {
	width:660px;
	height:100%;
	margin:0 6px 0 16px;
	padding-top:7px;
}
#campare_2 div#col2_container_1 {
	padding-bottom:7px;
	width:100%;
	height:100%;
}
#campare_2 div#col2_container_1 div#col2_container_2 {
	padding:10px;
}

#campare_2 div#col2_container_1 div#col2_container_2 div#pagetitle {
	padding:10px;
}
#conpare_2 div#col2_container_1 div#col2_container_2 div#breadcrumbs {
	width:660px;
	margin:2px 0 0 0;
	*margin:-2px 0 0 0;
	background-color:#ffffff;
	text-align:right;
	color:#666;
}



/* PRINT PAGE */


#printing {
}

h1.title {
font-size:26px;
	font-weight:normal;
	color:#684f40;
	padding:20px 0 5px 9px;	
	
}