@charset "utf-8";/*

-----------------------------------------------------------------------------
Cascading Style Sheet - Website
-----------------------------------------------------------------------------

	type:  	   CSS
	version:   1.0
	client:	   Sutherland Credit Union, 2008
	author:    Copticom Dev Team
	email:     info@copticom.com
	website:   http://www.copticom.com
	Copyright © 2000-2008 Copticom. All Rights Reserved.


Colour Palette:
	#00599c - Blue
	#5f83cb - Light Blue
	#fe9901 - Yellow
	#000000 - Black
	#FFFFFF - White
-----------------------------------------------------------------------------



/* =Typography
-----------------------------------------------------------------------------*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#333333;
	margin: 0px;
	background-color:#FFFFFF;
	line-height:1.30em; /* 16×1.125=18 */
	}
	

/* =Main Content
-----------------------------------------------------------------------------*/	
.content1_blue {
	color:#5f83cb;
	font-size:1.125em;
	font-weight:bold;
}

.content1_red {
	color: #CC0000;
	font-size:1.125em;
	font-weight:bold;
}

.content1_black_sml {
	color:#333333;
	font-size:0.950em;
}

.page_num {
	color: #333333;
	font-size:0.95em;
	border: 1px solid #5f83cb;
	background-color: #CAD6EE;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	text-decoration:none;
}

.content_divider {
	border-bottom:#F0F0F0 1px solid;
}

.breadcrumbs {
	background-color:#4984CF;
	color:#FFFFFF;
	font-size:0.90em;
	height:40px;
	vertical-align:middle;		
}



/* =Home Content
-----------------------------------------------------------------------------*/

.hm_handp {
	background:#FFFFFF url(../images/bkgrnd/home_prop.gif) no-repeat;
	width:205px;
}

		
/* MVP PANEL OFFERS 		
-----------------------------------------------------------------------------*/
#mvp_intro {
	padding: 0;
	margin:0;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}

#mvp_intro .white {
	color: #FFF;
}

#mvp_intro .blue {
	color: #003366;
}

#mvp_intro a {
	color: #FFF;
	font-size: 12px;
}

#mvp_hm_offer_panel h2 {
	padding: 0;
	margin:0;
	padding-bottom: 5px;
	color: #000;
	font-size: 16px;
	border-bottom: #CCC 1px solid;	
}


#mvp_hm_offer_panel h3 {
	padding: 0;
	margin:0;
	padding-top: 8px;
	color: #D97E04 /*#FFA516*/ ;
	font-size: 12px;
	font-weight: bold;
}

#mvp_hm_offer_panel p {
	padding: 0;
	margin:0;
	padding-top: 2px;
}


#mvp_hm_offer1 {
	padding: 8px 10px;
	position:relative;
}


#mvp_hm_offer2 {
	padding: 8px 10px;
	position:relative;
}

#mvp_hm_offer3 {
	padding: 8px 10px;
	position:relative;
}

.allmvp_offers {
	position:absolute;
	left:10px;
	top:172px;
}
	
/* Home Page Latest NEWS
-----------------------------------------------------------------------------*/
.newspanel {
	border:#4984CF 1px solid;	
}

.newspanel p {
	padding: 0;
	margin:0;
}


.newstitle h3 {
	background-color:#E6EFF8;
	color:#000;
	font-size: 16px;
	font-weight:bold;
	padding:0;
	margin: 0;
	padding-top:6px;
	padding-left: 10px;
	height: 25px;
}

.newstitle h4  {
	padding:0;
	margin: 0;
	color:#003366 /*#4984cf*/;
	font-size:12px;
	font-weight:bold;
	padding-bottom:6px;
}




/* =Headings
-----------------------------------------------------------------------------*/
.title1_blue {
	color:#22528e;
	font-size:1.25em;
	font-weight:bold;
	padding-bottom:6px;
/*	background-image:url(../images/bkgrnd/wave_ylw.png);
	background-position:left;
	background-repeat:no-repeat;*/
}

.title1_yellow {
	color:#D97E04 /*#fe9901*/;
	font-size:1.00em;
	font-weight:bold;
	text-decoration: none;
}

.title2_yellow {
	color:#ffa516 /*#fe9901*/;
	font-size:1.35em;
	font-weight:bold;
	text-decoration: none;
}


.title_section { /*Left hand side nav heading*/
	background-color:#E0E0E0;
	color:#000000;
	font-size:1.25em;
	font-weight:bold;
	height:40px;
	width:205px;
	vertical-align:middle;
	text-align:center;
}

.page_title {
	color:#00599c;
	font-size:1.25em;
	font-weight:bold;
	padding-left:15px;
}

.page_title2 { /*This is used for the Member iNet Annoucement Page to make it RED*/
	color: #CC0000;
	font-size:1.25em;
	font-weight:bold;
	padding-left:15px;
}

.page_title_divider {
	font-size:1.25em;
	font-weight:bold;
	padding-left:15px;
	border-bottom:#e0e0e0 1px solid;
}

.page_title_blk {
	color:#000000;
	font-size:1.25em;
	font-weight:bold;
	padding-left:15px;
}

.page_subtitle1 {
	color:#00599c;
	font-size:1.00em;
	font-weight:bold;
	padding-left:25px;
}


/* =Forms
-----------------------------------------------------------------------------*/
form {
	margin: 0;
	display: inline;
}

select {
	color:#333333;
	font-size:1.00em;
	border:00599c 1px solid;
	}



/* =Main Nav
-----------------------------------------------------------------------------*/	
    #topnav_container {
        position: relative;
        height: 29px;
        padding: 0;
        margin: 0 0 0 0;
	}
		
    #topnav {
        list-style: none;
        margin: 0;
        padding: 0;
        height: 29px;
        display: inline;
        overflow: hidden;
    }

    #topnav li {
        margin: 0; 
        padding: 0;
        display: inline;
        list-style-type: none;
	}

    #topnav a {
        float: left;
        padding: 29px 0 0 0;
        overflow: hidden;
        height: 0px !important; 
        height /**/:29px; /* for IE5/Win */
	}
	
    #topnav a:hover {
        background-position: 0 -29px;
	}

	#topnav a:active {
	   background-position: 0 0;
	}

    #topnav a.selected {
        background-position: 0 -29px;
	}


    #tnav_svinv a {
        width: 185px;
        background-image: url(../images/nav/savinv.gif);
        background-repeat: no-repeat;
	}
	   
    #tnav_hm a {
		width: 74px;
		background-image: url(../images/nav/home.gif);
		background-repeat: no-repeat;
	}
	
	#tnav_loans a {
		width: 68px;
		background-image: url(../images/nav/loans.gif);
		background-repeat: no-repeat;
	}
	
	#tnav_insu a {
		width: 94px;
		background-image: url(../images/nav/insurance.gif);
		background-repeat: no-repeat;
	}
		
	#tnav_finp a {
		width: 153px;
		background-image: url(../images/nav/financialp.png);
		background-repeat: no-repeat;
	}
	
	
	#tnav_ratform a {
		width: 128px;
		background-image: url(../images/nav/ratform.gif);
		background-repeat: no-repeat;
	}
	
	
	#tnav_contact a {
		width: 93px;
		background-image: url(../images/nav/contact_us.gif);
		background-repeat: no-repeat;
	}


/* =Tables
-----------------------------------------------------------------------------*/
.tbl_drpshw_rght {
	background:#FFFFFF url(../images/bkgrnd/drop_shadow_right.png) repeat-y;
}

.tbl_drpshw_left {
	background:#FFFFFF url(../images/bkgrnd/drop_shadow_left.png) repeat-y;
}	

.tbl_brd1 {
	border-top-width: 10px;
	border-right-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #4984CF;
	border-right-color: #4984CF;
}


.tbl_hm_grey {
	background-color: #E0E0E0;
	border-top-width: 10px;
	border-right-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #E0E0E0;
	border-right-color: #E0E0E0;
	padding-left:10px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
}


.tbl_hm_grey2 {
	background-color: #EBEBEB;
	border-top-width: 10px;
	border-right-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #EBEBEB;
	border-right-color: #EBEBEB;
	padding-left:10px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;
}

.tbl_hm_login {
	padding: 10px;
	background: url(../images/bkgrnd/login_bg.png) top right no-repeat #fccd5e;
}

.tbl_hm_estatement {
	padding: 10px;
	background-color: #faeeaf;
}


.tbl_hm {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}


/* =Misc 1
-----------------------------------------------------------------------------*/
		.footer_nav {
			background:#FFFFFF url(../images/bkgrnd/nav_btm.png) repeat-x;
			color:#FFFFFF;
			font-size: 0.95em;
		}
	
		.footer_text {
			color:#7c7c7c;
			font-size: 0.95em;
		}

		.divider_blue1 {
			background-color: #4F99CF;
		}

		.divider_blue2 {
			background-color: #4984CF;
		}
		
		.bg_blue1 {
			background-color: #89B4E0;
		}
		
		.bg_mvp {
			background: url(../images/bkgrnd/home_mvp_bg.png) no-repeat top left;
		}
		
		.content_page_padding {
			padding-left:15px;
		}
		
		.content_list_padding {
			padding-left:40px;
		}
		
		.sml-text {
			font-size: 0.92em;
			color:#666;			
		}

/* =Links
-----------------------------------------------------------------------------*/
		
.title1_yellow a:link {
	color:#fe9901;
	text-decoration: none;
}

.title1_yellow a:visited {
	color:#fe9901;
	text-decoration: none;
}

.title1_yellow a:hover {
	color:#fe9901;
	text-decoration: none;
}

.title1_yellow a:active {
	color:#fe9901;
	text-decoration: none;
}

.footer_nav a:link {
	color: #FFFFFF;
	text-decoration:none;
}

.footer_nav a:visited {
	color: #FFFFFF;
	text-decoration:none;
}

.footer_nav a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}

.footer_nav a:active {
	color: #FFFFFF;
}

a.page_num:link {
	text-decoration:none;
	color:#3C64B7;
}

a.page_num:visited {
	text-decoration:none;
}

a.page_num:hover {
	text-decoration:none;
	color:#FFFFFF;			
	background-color:#3C64B7;
}

a.page_num:active {
	text-decoration:none;
}

.breadcrumbs a:link {
	color: #FFFFFF;
	text-decoration:none;
}

.breadcrumbs a:visited {
	color: #FFFFFF;
	text-decoration:none;
}

.breadcrumbs a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}

.breadcrumbs a:active {
	color: #FFFFFF;
}

a:link {
	color:#5f83cb;
	text-decoration:underline;
}

a:visited {
	color:#9C00AD;
	text-decoration:underline;
}

a:hover {
	color:#3558A2;
}

a:active {
	color:#3558A2;
	text-decoration:none;
}

/* =Img Border
-----------------------------------------------------------------------------*/

.imgBrd {
	border:#EBEBEB 1px solid;
}