@import url(/templates/css/main.css);

/* ~~~ Family First Credit Union Template 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: June 28th, 2007 */
/* Visit www.brightonconsulting.com.au */

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


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

	#e21e26 - QSCU Logo Red
	
	#9ab4a8 - QSCU Corporate Green
	
	#9e002a - QSCU Corporate Red
	
	#f09e0b - QSCU Corporate Gold
	
	#fee6be - QSCU Corporate Beige
	
*/
	
/* 
~~~~~ 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 ~~~ */
/* ~~~ This import method calls generic site wide styles ~~~ */


/* Page Background color */

.darkbackground {
	background-color:#f1f1f1;
}


/* Reset unstyled containers */
.container_1 {
	background:none;
	padding:0;
	margin:0;
}
.container_2 {
	background:none;
	padding:0;
	margin:0;
}


/* COLUMN WIDTHS AND MASTER STYLES */

#site_left {
	display:none;
}

#site_footer {
	width:982px;
}
#site_right {
	display:none;
}


/* Div Sections */

#container { 
	background:url(/old_uploads/images/site_images/site_bg.gif) top center repeat-y;
	width:982px;
	margin:0 auto 25px;
}
#container div#cont_1 {

}
#container div#cont_2 {

}


/* SITE HEADER */

#site_header { 
	width:982px;
	margin:0 auto;
	min-height:234px;
	_height:234px;
	margin-bottom:10px;
}

#site_header div.container_1 {
	height:120px;
	margin:0 11px;
	position:relative;
	}
#site_header div#logo {
	height:62px;
	width:268px;
	position:absolute;
	left:5px;
	top:28px;
}
#site_header div#IBLogin {
	height:71px;
	width:130px;
	background:url(/old_uploads/images/site_images/ib_bg.gif) top left no-repeat;
	position:absolute;
	right:0;
	top:24px;
}

#site_header div#IBLogin h2 {
	position:absolute;
	top:8px;
	left:10px;
	color:#9e002a;
}

#site_header div#IBLogin div.IB_buttons {
	position:absolute;
	width:90px;
	height:24px;
	top:9px;
	right:4px;
}

#site_header div#contact h2 {
	position:absolute;
	width:100px;
	top:32px;
	right:233px;
	font-size:1.3em;
	text-transform:lowercase;
}
#site_header div.container_1 div#searchBox {
	position:absolute;
	top:60px;
	right:260px;
}
#site_header div.container_1 div#searchBox form {
	border:0;
}
#site_header div.container_1 div#searchBox input.inputbox {
	width:140px;
	text-align:right;
	padding:2px 5px;
	color:#666666;
	border:1px solid #bbbbbb;
}
#site_header div.container_1 div#searchBox input.image {
	display:none;
}
#site_header div.container_1 div#searchBox input.hidden {
	display:none;
}
#site_header div#IBLogin_new {
	height:71px;
	width:130px;
	background:url(/old_uploads/images/site_images/ib_bg_new.gif) top left no-repeat;
	position:absolute;
	right:170px;
	top:24px;
}


/* New Header Design */
#site_header div#IBLogin_new h2 {
	position:absolute;
	font-size:1.6em;
	line-height:1.6em;
	top:0px;
	left:10px;
	color:#9e002a;
	text-transform:none;
}
#site_header div#IBLogin_new div.IB_buttons {
	position:absolute;
	width:90px;
	top:37px;
	right:28px;
}
#site_header div#IBLogin_new div.IB_buttons a.button {
	padding-bottom:8px;
	padding-right:8px;
}
#site_header div#contact_new h2 {
	position:absolute;
	width:100px;
	top:36px;
	right:48px;
	font-size:1.3em;
	text-transform:lowercase;
}
#site_header div.container_1 div#searchBox_new {
	position:absolute;
	top:64px;
	right:0px;
}
#site_header div.container_1 div#searchBox_new form {
	border:0;
}
#site_header div.container_1 div#searchBox_new input.inputbox {
	width:140px;
	text-align:left;
	padding:2px 5px;
	color:#666666;
	border:1px solid #bbbbbb;
}
#site_header div.container_1 div#searchBox_new input.image {
	display:none;
}
#site_header div.container_1 div#searchBox_new input.hidden {
	display:none;
}


#site_header div#contact_newer {
	position:absolute;
	width:150px;
	top:24px;
	right:5px;
	font-size:1.0em;
}
#site_header div#contact_newer h2 {
font-size:1.1em;
line-height:1.3em;
text-transform:none;
}
#site_header div.container_1 div#searchBox_newer {
	position:absolute;
	top:64px;
	right:5px;
}
#site_header div.container_1 div#searchBox_newer input.inputbox {
	width:140px;
	text-align:left;
	padding:2px 5px;
	color:#666666;
	border:1px solid #bbbbbb;
}
#site_header div.container_1 div#searchBox_newer input.image {
	display:none;
}
#site_header div.container_1 div#searchBox_newer input.hidden {
	display:none;
}

/* End Contact changes */

#site_header div.container_2 {
	margin:0 11px;
	background:#e03415;
	border:1px solid #e03415;
	height:25px;
}
#site_header div.container_2 div#nav {
	height:25px;
}
#site_header div#page_header {
	margin:0 11px;
	border-top:1px solid #fff;
}



/* SITE MAIN DIV */
#site_main {
	background:url(/old_uploads/images/home_footers/random2.php) bottom center no-repeat;
	width:980px;
	margin:0 auto;
}
#site_main #container_1 {
	margin:0 11px 100px;
}
#site_main_home {
	background:url(/old_uploads/images/home_footers/random2.php) bottom center no-repeat;
	width:980px;
	margin:0 auto;
}
#site_main_home #container_1 {
	margin:0 11px 100px;
}


/* COLUMN 1*/
#column_1 {
	display:hidden;
}	
#column_1 div.container_1 { 
}



/* COLUMN 2 */
#column_2 { 
	width:700px;
	height:100%;
	float:left;
	background:url(/old_uploads/images/site_images/backgrounds/breadcrumbs_divider.gif) top right no-repeat;
	padding-right:10px;
	_padding-right:8px;
}
#column_2 div.container_1 div#pageheader {
	margin-top:10px;
	padding:0 0 10px;
	text-transform:lowercase;
	font-size:1.6em;
	color:#9e002a;
}
#column_2 div.container_1 div#breadcrumbs span.pagefunctionicon {
	float:right;
	height:23px;
	margin-top:2px;
	padding-left:15px;
	padding-right:8px;
}
#column_2 div.container_1 div#breadcrumbs span.pagefunctionicon img {
	padding-top:5px;
}
#column_2 div.container_1 div#breadcrumbs div.pathway {
	margin-top:5px;
	float:right;
}
#column_2 div.container_1 div#breadcrumbs div.pathway img, img.png {
	padding:0 6px 1px;
	height:7px;
	width:7px;
}
#column_2 div.container_2 {
	margin-left:17px;
}
#column_2 div.container_2 div#featuredSections {
}
#column_2 div.container_2 div#featuredSections div.section {
	margin:0 8px 20px 8px;
	background:url(/old_uploads/images/site_images/featured_bg_bottom.gif) bottom left no-repeat;
}
#column_2 div.container_2 div#featuredSections div.section div.container_1 {
	background:url(/old_uploads/images/site_images/featured_bg_top.gif) top right no-repeat;
	padding:15px;
}
#column_2 div.container_2 div#featuredSections div.section div.icon {
	margin-right:10px;
	float:left;
	display:table;
	padding: 7px 0 0 4px;
	height:73px;
	width:76px;
	background:url(/old_uploads/images/icons/icon_bg_3.gif) top right no-repeat;
}
#column_2 div.container_2 div#featuredSections div.section div.description {
	float:left;
	width:545px;
	display:table;
}
#column_2 div.container_2 div#featuredSections div.section div.description p.btns {
	text-align:right;
	margin-top:5px;
	padding-bottom:5px;
	clear:left;
}
#column_2 div.container_2 div#featuredSections div.section div.description p.btns a {
	padding-right:15px;
	padding-left:10px;
	background:url(/old_uploads/images/M_images/arrow.gif) center right no-repeat;
}
#column_2 div.container_2 div#featuredSections div.section div.description span.pipe {
	display:none;	
}



#column_2 div.container_2 div.gallery {
	overflow:hidden;
}

#column_2 div.container_2 div.gallery ul {
 width:100%;
margin:0;
}
 
#column_2 div.container_2 div.gallery ul li {
 list-style:none;
 float:left;
 width:300px;
 height:540px;
 margin:0 0 10px 10px;
 display:inline;
}





/*COLUMN 3*/	

#column_3 {
	width:248px;
	_width:200px;
	float:left;
}
#column_3 div.container_1 {

}
div.sidebar_component {
	border:1px solid #bfbfbf;
	margin:10px 0;
	background-color:#ffffff;
}
div.sidebar_component h2 {
	padding:6px 0 7px 10px;
	border-bottom:1px solid #bfbfbf;
	background:url(/old_uploads/images/site_images/sidebar_spotlight_heading_bg.jpg) top left repeat-x;
}

img.framed {
	padding:2px;
	background-color:#eaf0ec;
	border:1px solid #8ea99c;
	margin:5px;	
}

/* FOOTER */
 #site_footer {
 	clear:both;
    width:982px;
	margin:0 auto;
	height:58px;
	background:url(/old_uploads/images/site_images/footer_bg.gif) top center no-repeat;
	font-size:1.0em;
	color:#e03415;
}
#site_footer div.container_1 {
	padding:0 10px 5px 7px;
}
#site_footer div.container_1 div#tertiary_nav {
	float:left;
	font-size:0.95em;
}
#site_footer div.container_1 div#tertiary_nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#site_footer div.container_1 div#tertiary_nav ul li {
	float:left;
}
#site_footer div.container_1 div#tertiary_nav ul li a:link, #site_footer div.container_1 div#tertiary_nav ul li a:visited {
	color:#e03415;
}
#site_footer div.container_1 div#tertiary_nav ul li a:hover, #site_footer div.container_1 div#tertiary_nav ul li a:active {
	color:#9e002a;
}
#site_footer div.container_1 div#copyright {
	float:right;
	text-align:right;
}
#site_footer div.container_2 {
	clear:both;
	margin:0 12px;
	padding-top:1px;
	text-align:right;
}
#site_footer div.container_2 img {
	padding-left:5px;
}

/* HOME PAGE STYLES */

#site_header div.container_home {
	margin:0 11px;
	background:#e03415;
	border:1px solid #e03415;
	height:25px;
}
#site_header div.container_home div#nav {
	height:25px;
}
#site_header div#promos {
	margin:0 11px;
	border-top:1px solid #fff;
}

#column_2 div.container_home {
	margin-left:0px;
	
}

#siloNav {
	margin:0;
	padding:0;
}

#siloNav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#siloNav ul li.silo {
	float:left;
	border-left: 1px dotted #b6b6b6;
	list-style:none;
	padding-left:15px;
	margin:0;
	width:212px;
	_width:212px;
}
#siloNav ul li.silo h2{
	padding-bottom:5px;
	height:15px;
}

#siloNav ul li.silo a {
	font-size:1.3em;
}
#siloNav ul li.silo ul.subMenu {
	 padding-top:5px;
}
#siloNav ul li.silo ul.subMenu li {
	margin-left:5px;
	padding:8px 0 4px 15px;
	background:url(/old_uploads/images/M_images/arrow.gif) left center no-repeat;
}
#siloNav ul li.silo ul.subMenu li a:link, #siloNav ul li.silo ul.subMenu li a:visited {
	font-size:1.1em;
	color:#666666;
}
#siloNav ul li.silo ul.subMenu li a:active, #siloNav ul li.silo ul.subMenu li a:hover {
	font-size:1.1em;
	color:#9e002a;
}
#home_spot {
	width:250px;
	height:260px;
	position:relative;
	padding:0;
	margin:0;
}
#home_spot div.image {
	width:250px;
	height:240px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}
#home_spot div.frame {
	position:absolute;
	top:0;
	left:0;
}
#home_spot div.buttons {
	position:absolute;
	bottom:0;
	right:15px;
}
/* Campaign Pages Styles */

#camp_main {
	background:url(/old_uploads/images/site_images/campaign_bg_bottom.gif) bottom left no-repeat;
	width:780px;
	margin:0 auto;
	padding-bottom:7px;
	margin-bottom:15px;
}
#camp_main div#container_1 {
	width:780px;
	min-height:400px;
	_height:400px;
	padding-bottom:13px;
	background:url(/old_uploads/images/site_images/campaign_bg_repeat.gif) top left repeat-y;
}	
#camp_main div#container_1 #column_2 {
	width:760px;
	margin:0 auto;
}
#camp_main div#container_1 #column_2 div#campaign_image {
	width:318px;
	float:left;
	margin-top:15px;
	margin-right:20px;
}
#camp_main div#container_1 #column_2 div#campaign_content {
	width:400px;
	float:left;
	margin-top:15px;
}
#camp_main div#container_1 #column_2 div#campaign_content h2 {
	margin-bottom:25px;
	
}
#compare_main {
	background-color:#ffffff;
	margin:0 auto;
	padding-bottom:7px;
	margin-bottom:15px;
}
#compare_main div#container_1 {
	width:780px;
	min-height:400px;
	_height:400px;
	padding-bottom:13px;
}	
#compare_main div#container_1 #column_2 {
	width:745px;
	margin:0 auto;
	padding-right:15px;
}


/*
	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;
}