/* SEFCU Master CSS Stylesheet */

/* RESETS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0 auto;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {cursor: pointer; text-decoration:none}


/* GENERAL STYLES */

body{background:#bccda9 url(../images/bg-image.jpg) repeat-x;}

.float_left {float: left;}
.float_right {float: right;}

.clear_floats-01 {overflow: auto;}
.clear_floats-02 {clear: both;}
.clear_floats-03 {overflow: hidden;}

.hidden_text {display:none;}


/* SITE LAYOUT */
#site_container{width: 822px; background:#fff url(../images/top-bg.jpg) repeat-x; padding-top:50px;}
#header_container{width: 822px;}


/* header */
#header_container {
	margin-bottom: 15px;
}
    
    #logo_wrapper {

        width: 426px;
    }
    
    #main_nav {
        background: url(../images/sefcu-main_nav-bg.png) repeat-x;
        height: 40px;
        padding-left: 10px;
    }
    
    #sub_nav {
        background: transparent;
        margin-top: -20px;
        +margin-top: 60px;
    }


/* body */
#body_container {}
    
    #heading_container {
        background: #e2e6de url(../images/sefcu-heading_bg.jpg) no-repeat left top;
        height: 330px;
        position: relative;
       
    }
        
        #heading-left_content {
            margin-top: 8px;
            width: 466px;
        }
        
    #content_container {background: #f8f9f7;}
        
        .content-individual_wrappers { margin-top:8px; height:198px; position:relative}
		.width1{width:265px; background:#a4cf62 url(../images/green-1.jpg) no-repeat; margin-right:10px}
		.width2{width:265px;  background:#a4cf62 url(../images/green-2.jpg) no-repeat;}
		.width3{width:272px;  background:#a4cf62 url(../images/green-3.jpg) no-repeat}
		.regiterbtn{position:absolute; right:0; bottom:0; background:url(../images/register-now.jpg) no-repeat; width:140px; height:37px; }
		.regiterbtn a{width:140px; height:37px; color:#fff; text-decoration:none; font-size:12px; font-family:arial; font-weight:bold;}
		.regiterbtn a{ display:block; padding:12px 18px}
		.regiterbtn a:hover {text-decoration:underline; }
        
        #subpages-left_wrapper {
            border-right: #a6b29c 1px dotted;
            font: normal 9pt/1.5 Arial;
            margin: 20px 0;
            padding: 5px 20px;
            width: 600px;
        }
    
        #subpages-right_wrapper {
            font: normal 9pt/1.5 Arial;
            margin: 20px 0;
            padding: 5px 10px;
            width: 250px;
        }
        
        #login_form {
            padding: 80px 0;
            width: 300px;
        }

    
/* footer */
#footer_container {
	text-align: center;
	background:url(../images/footer.jpg) repeat-x;
	margin-top:10px;
	background-color:#787878
}
    
    #image_container {
        height: 79px;
        margin-top: 20px;
        vertical-align: middle;
        }

	#footer_container br{
	
	}

/* IMAGES */

    /* header */
    h1#site_logo {
        background: url(../images/sefcu-site_logo.png) no-repeat;
        height: 147px;
        width: 303px;
    }
    
    
    /* body */
    p#sub_heading {
        font: bold italic 11pt/2.0 Arial;
        letter-spacing: -0.010em;
        text-transform: uppercase;
    }
    
       #heading_container img {
            left: 0;
            margin: -10px 0 0 -10px;
            position: absolute;
			width:177px;
			height:177px;
        }
        
        p#heading-price_cutoff {
	background: url(../images/sefcu-heading-price_off.png) no-repeat;
	height: 54px;
	margin: 16px 8px 0 20px;
	width: 445px;
        }
        
        #content-icon_01, #content-icon_02, #content-icon_03 {margin-left: 12px;}
        #content-icon_01 {margin-top: 26px;}
        #content-icon_02 {margin-top: 18px;}
        #content-icon_03 {margin-top: 28px;}
    
    /* footer */
    #image_container img {margin: 0 7px;}
    
    #image_container .cards {padding-bottom: 28px;}
    #image_container .mcafee {padding-bottom: 16px;}



/* TYPO AND NAVIGATION */

    /* header */
    #main_nav li {
        color: #deced3;
        display: inline;
        font: bold 10pt/1.3 Arial;
        text-transform: uppercase;
    }
    #main_nav li a {
        color: #deced3;
        display: inline-block;
        height: 30px;
        margin: 0 10px;
        padding-top: 10px;
        text-decoration: none;
    }
    #main_nav li a:hover, #main_nav li.current a {
        background: url(../images/sefcu-main_nav-hover.png) no-repeat center bottom;
        color: #fff;
    }
    
    #sub_nav li {
        color: #5d7945;
        display: inline;
        font: normal 9pt/1.3 Arial;
        list-style: none;
    }
    #sub_nav li a {
        color: #5d7945;
        text-decoration: none;
    }
    #sub_nav li a:hover {text-decoration: underline;}
    #sub_nav li.current {font-weight: bold;}

	.text-orange{color:#ea6a15;
	font: normal 15.5pt/1.4 Tahoma;
	font-weight:bold;

	
	}
    
    
    /* header */
    p#heading_text {
        background: #c5cdbe;
        display: block;
        font: bolder 19pt/1.3 Arial;
        padding: 20px 0;
        text-align: center;
    }
    
    p#subpages-heading_text {
        background: #c5cdbe;
        display: block;
        font: bolder 15pt/1.3 Arial;
        padding: 10px 0 10px 18px;
        text-align: left;
    }
    
    
    /* body */
        #heading-returning_students-button {
	background: url(../images/sefcu-heading-returning_members.png) bottom no-repeat;
	margin-top: 290px;
	width: 318px;
        }
        #heading-returning_students-button a {
            color: #000;
            display: block;
            font: bold 12pt/1.3 Verdana;
            padding: 11px 0 8px 23px;
            text-decoration: none;
        }
        #heading-returning_students-button a:hover {text-decoration: underline;}
    
        #heading-left_content li {
            background: url(../images/sefcu-heading-bullet_list.png) no-repeat left 5px;
            display: block;
            font: normal 15.5pt/1.4 Tahoma;
            margin: 12px 0 12px 35px;
            padding-left:30px;
			line-height:18pt;
        }
        #heading-left_content li sub {color: #7d7d7d;}
        
        #heading-register_button {
            background: url(../images/sefcu-heading-register_button-bg.png) no-repeat;
            color: #000;
            display: block;
            font: bold 20pt/1.3 Verdana;
            height: 54px;
            padding-top: 12px;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            width: 343px;
        }
        #heading-register_button:hover {background: url(../images/sefcu-heading-register_button-up.png) no-repeat;}
        
        h3.content-titles {
            display: block;
            font: bold 20pt/1.3 Helvetica;
            margin: 20px 0 0 20px;
            width: 245px;
			color:#2b2728;
			line-height:27px
        }
        
        .content-individual_wrappers p {
            color: #fff;
            font: normal 12px Arial;
			font-weight:bold;
            margin: 10px 30px 20px 20px;
			line-height:14px;
        }
        
        .content-individual_wrappers li {
            font: bold 9pt/2.8 Tahoma;
            padding: 0 12px;
        }
        .content-individual_wrappers li a {
            color: #ad0000;
            text-decoration: none;
        }
        .content-individual_wrappers li a:hover {text-decoration: underline;}
        
        #subpages-left_wrapper p {padding-bottom: 15px;}
        
        #subpages-right_wrapper li {}
        #subpages-right_wrapper li a {
            color: #ad0000;
            font-weight: bold;
            text-decoration: none;
        }
        #subpages-right_wrapper li a:hover {text-decoration: underline;}
        
        #aoc-right_wrapper li {
            list-style: disc;
            margin-left: 16px;
        }
        
        #login_form span {font: normal 9pt/1.4 Tahoma;}
        .login_form-input_box {
            margin: 3px 0 0 5px;
            width: 160px;
        }
        #login_form a {
            display: block;
            font: normal 8pt/1.5 Arial;
            text-align: right;
            width: 150px;
        }
        .login_form-button {
            height: 34px;
            width: 60px;
        }
        
        .faq-catgory_titles {
            font: bold 13pt/1.4 Arial;
            margin: 20px 0 10px 30px;
        }
        
        #faq-speeding_table, #faq-violations_table {
            border: #c5cdbe 1px solid;
            font: normal 9pt/1.3 Arial;
        }
        
        #faq-speeding_table {width: 300px;}
        
        #faq-violations_table {width: 450px;}
        
        #faq-speeding_table th, #faq-speeding_table td, #faq-violations_table th, #faq-violations_table td {
            border: #c5cdbe 2px solid;
            padding: 6px;
            vertical-align: middle;
        }
    
    
/* footer */
#footer_container li {
    color: #8b9e7b;
    display: inline;
    font: normal 8pt/1.4 Arial;
}
#footer_container li a {
    color: #8b9e7b;
    text-decoration: none;
}
#footer_container li a:hover {text-decoration: underline;}

#footer_container p {
    color: #e2e6de;
    font: normal 8pt/2.2 Arial;
    margin-bottom: 8px;
	line-height:8pt;

}



/* DHTMLGOODIES ACCORDION MENUS */
.dhtmlgoodies_question {	
    background: url(../images/arrow.gif) no-repeat 10px 11px;
    border-bottom: #ccc 1px dotted;
    color: #7c8b6f;
    font: bold 10pt/1.6 Arial;
    margin: 0 50px;
    padding: 5px 0 5px 23px;
    overflow: hidden;
    cursor: pointer;
}
.dhtmlgoodies_question:hover {
    background: #a6b29c url(../images/arrow-up.gif) no-repeat 10px 11px;
    color: #fff;
}
.dhtmlgoodies_answer {
    border-bottom: #ccc 1px dotted;
    font: normal 10pt/1.4 Arial;
    margin: 0 50px;
    padding: 10px 22px;
    visibility: hidden;
    height: 0px;
    overflow: hidden;
    position: relative;
}
.dhtmlgoodies_answer h4 {
    font: bold 10pt/1.4 Arial;
    margin: 0 20px;
}
.dhtmlgoodies_answer q {font: bold 10pt/1.6 Arial;}
.dhtmlgoodies_answer li {
    display: list-item;
    font: bold 10pt/1.6 Arial;
    list-style: square;
    margin: 2px 50px 2px 30px;
}
.dhtmlgoodies_answer_content{
    padding: 1px;
    font-size: 0.9em;	
    position: relative;
}

/*Live Chat*/
#livechat{ color:#555; font-size:16px}
