html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
    background:#464646;
    font-family:verdana;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {vertical-align: middle;}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {resize: vertical;}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

a {color:#004477;}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {font: 16px/26px Arial, Helvetica, sans-serif;}

.wrapper {}

/* ===================
    ALL: Theme
   =================== */
.header-container {
    border-bottom: 5px solid #fff;
    height:106px;
    float:left;
}
.main aside {
    border:3px solid #DDDDCC;
    width:415px;
    float:right;
    margin-right:25px;
}
.header-container, .footer-container{
    background: #ddddcc; 
	width:1152px;
	float:left;
}
main aside {background: #ddddcc;}
.title {color: white;}
article{float:left;}

/* ==============
    MOBILE: Menu
   ============== */
nav ul {
    margin: 0;
    padding: 0;
}
nav a {
    display: block;
    margin-bottom: 10px;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #004477;
}
nav a:hover, nav a:visited {color: #004477;}
nav a:hover {text-decoration: underline;}

/* ==============
    MOBILE: Main
   ============== */
.main {padding:0;}
.main article h1 {font-size: 2em;}
.main aside, .aside-box {padding: 0px 5% 10px;}
.footer-container footer {
    color: black;
    padding: 5px 0;
    height:30px;
}

/* ===============
    ALL: IE Fixes
   =============== */
.ie7 .title {padding-top: 20px;}
.primary {
	float: right;
    margin-right: -310px;
    width: 700px;
}
.primary ul{margin:0;padding:0;}
.primary ul, .primary ol{list-style:none outside none;}
.primary ul li {display:inline;}
.primary li:first-child a{margin-left:0;}
.primary a{float:left;font-size:13px;padding:0;display:block;font-weight:bold;text-align:center;text-decoration:none; margin:0 1.7%;font-family: trebuchet ms;}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#logo{position:absolute;width:335px;margin-top:16px;margin-left:21px;float:left;}
.one-third{background:#666655; width:294px; height:220px;margin:0;float:left;}
.slider-img{width:858px;height:220px;float:left;background:#666655;}
.slider-content{width:507px;float:left; background:; height:220px;}
section{width:262px;float:left;}
.snip{width:288px;float:left;background:white;min-height:220px;}
/* Modified H2 font size from 14 to 18px font weight from normal to bold and added font type per SysAid 12721 */
section h2 {font-size:18px; color:#fff;margin:0;font-weight:bold;font-family:Trebuchet MS;}
section li a{color:#004477;font:verdana; text-decoration:none;} 
section ul {
	list-style-type:none;
	padding:12px;
	margin:0px;
	height:155px;
	border-right:3px solid #EEEEDD;
}
section ul li {
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:3px 11px; 
	padding-left:14px;
	font-size:12px;
}
nav, .primary{margin-top:79px;}
.primary a:hover{text-decoration:none;background:url(../images/arrow.png) bottom center no-repeat; background-position:center 20px;}
.primary a{height:35px;}
#news_content{float:left;}
#news_content section{min-height:210px;width:551px;float:left; background-color:#eeeedd; padding:15px 0px 15px 25px;}
#news_content h2 {color:#444433;font:Trebuchet MS; font-size:18px;}
#news_content p {font:verdana;font-size:12px; color:#444433;}
#news_content p  a{font:verdana;font-size:12px; color:#444433;}
/* Modified H3 font size from 18 to 14px  and weight to bold per SysAid 12721 */
aside h3, .aside-box h3{width:73%; color:#333322; font-family:Trebuchet MS; font-size:14px; font-weight:bold; margin:0; margin-top:5px;}
/* Modified H4 font size from 14 to 18px and weight to bold per SysAid 12721 */
aside h4, .aside-box h4{width:73%; color:#333322; font-family:Trebuchet MS; font-size:18px; font-weight:bold; margin-bottom:0; margin-top:5px;}
aside p, .aside-box p{width:79%; font:verdana; font-size:12px; color: #000; margin:0;}
footer p{  margin: 1px 20px;font:verdana; font-size:11px;  width:40%;float:left;}
.footer-nav {line-height:16px; margin-top:7px; width:600px; float:right;margin-right:0px;}
.footer-nav ul li a{ border-right:1px solid #666655;padding-right:10px;}
.footer-nav li:last-child a{ border-right: none;}
.footer-nav li:first-child a{ margin-left:0;}
.footer-nav a {
	float:left;
	font-size:13px;
	color: #004477;
    display: block;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    height:16px;
    padding-top:0px;
    padding-bottom:0px;
    margin:0 1.7%;
}
.footer-nav ul {margin: 0;padding: 0; list-style-type:none;}
.footer-nav ul li  {display:inline;}
div.main {width:1152px;}
.mortgage-rate{line-height:18px;color:white;text-align:center;margin-top:100px; font-family:Verdana; font-size:12px;font-weight:bold;}
/* Modified H3 font size from 24px to 14px and weight to bold per SysAid 12721 */
div.main div.one-third h3 {color:white; text-align:center; margin:0; font-size:14px; font-weight:bold; font-family:Trebuchet MS; margin-top:-5px; }
div.main div.one-third a{color:white;text-align:center; font-family:Verdana; font-size:12px;}
div.main-container div.main{float:left;background:#eeeedd;}
#main-page{float:left;width:100%;}
.main-container{margin:auto; width:1152px;}
#banner-fade{float:left;width:858px;}

.section-header{border-right:3px solid white;}
.section-header img{width:285px;height:72px;}
.snip:last-child .section-header img{width:288px;height:72px;}

div#main_page div.slider-img div.social-icon a {margin-top:-54px;}
.social-icon-main {
	float: right;
    margin-right: 75px;
    margin-top: -38px;
    position: relative;
}
#search{float:right; width:33%;margin-top:25px; margin-right:-50px;}
.btn { 
	background-image: url("../images/gobutton.png");
    border: medium none;
    color: #000000;
    cursor: pointer;
    float: left;
    height: 23px;
    margin-left: 5px;
    margin-top: 2px;
    padding-bottom: 2px;
    width: 39px;
}

.btn:hover { background-image: url("../images/gobutton_hov.png");}

.search-box { 
	background: url("../images/searchglass.png") no-repeat scroll left center #FFFFFF;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    color: #999999;
    float: left;
    font-family: verdana;
    font-size: 14px;
    font-weight: normal;
    height: 16px;
    padding: 5px;
	padding-right: 0px;
    padding-left: 20px;
    width: 175px;
}
#twit_feed{height:500px;}



/* ABOUT branch overall styling - applies if there isnt a unique CSS file to override the elements */

#header_announcement{border-bottom: 3px solid #555544;height: 60px;float:left; width:100%;padding-left:0px; color:white;background:#666655;}
.header-text{margin-top:12px;width:210px;font-family:Verdana;font-size:12px;line-height:18px;font-weight:;float:left;margin-left:288px;}

/* Modified H2 and added font size 18px and weight per SysAid 12721 */
#header_announcement h2{
	font-family: verdana;
	font-size: 18px;
	font-weight:bold;
}
/* Modified H3 font size from 29px to 18px and weight to bold per SysAid 12721 */
#header_announcement h3{  float: left;
    font-family: verdana;
    font-size: 29px;
    font-weight: normal;
    margin-left: -10px;
    margin-top: 22px;
    width: 125px;}
#header_announcement a{float:left;width:200px;text-decoration:none; color:white; margin-top:27px;}
.left-third{min-height:700px;height:auto;float:left;width:262px; background:#eeeedd url('../images/sidewindow.png') no-repeat left bottom;}
.right-twothirds{min-height:700px; float:left;width:890px;background:white;}
.buckets {
        float: left;
        width: 100%;
        border-top: 5px solid #555544;
        background:white;
    }
.spacer{background:#bbbbaa;height:28px;width:100%;}
.sidebar{border:none;
    height: 155px;
    list-style-type: none;
    margin: 0;
    padding: 12px;
    background:#eeeedd;}
.social-icon{float:right;margin-right:22px;}
div#header_announcement div.social-icon a{margin-top:15px; width:30px;}
.secondary-nav {
    float: left;
    width:100%;  	
    background:#bbbbaa;
}

.secondary-nav ul {
    margin: 0;
    padding: 0;
    float:left;
    width:100%;
}
.secondary-nav ul, .secondary-nav ol {
    list-style: none outside none;
    float:left;
    position:relative;
}

.secondary-nav ul li {
    display: inline;
	width: auto;
}
.secondary-nav a{
    float: none;
    font-size: 13px;
    background:#bbbbaa;
    color: #555544;
    display: block;
    font-weight: bold;
    padding: 1px 10px;
    text-align: center;
    text-decoration: none;
    border-left:1px solid white;
    border-right:1px solid white;
    border-bottom:2px solid white;
	white-space: nowrap;
	font-family: trebuchet ms;
}
.secondary-nav a:hover{
background:#eeeedd;border-bottom:2px solid #eeeedd;}

.secondary-nav li:hover a{
	background:#eeeedd;
	border-bottom:2px solid #eeeedd;
}

li.secondary:hover a{color:#555544;text-decoration:none;background:#eeeedd url('../images/arrow2.png') bottom center no-repeat; background-position:center 21px;}

.secondary-nav li:last-child a {
        margin-right: 0;
        border-right:none;
    }
 
.secondary-nav li.highlight a{
background:#eeeedd;border-bottom:2px solid #eeeedd;color:#555544;}

.secondary-nav li.highlight ul {
     left:0;
    -moz-box-shadow: 0px 5px 5px #bbb;
    -webkit-box-shadow: 0px 5px 5px #bbb;
    box-shadow: 0px 5px 5px #bbb;
}

.secondary-nav li:hover ul {
     left:0;
    -moz-box-shadow: 0px 5px 5px #bbb;
    -webkit-box-shadow: 0px 5px 5px #bbb;
    box-shadow: 0px 5px 5px #bbb;
	z-index:6000;
}

.secondary-nav li.highlight:hover ul {
	left:0px;
	-moz-box-shadow: 0px 5px 5px #bbb;
    -webkit-box-shadow: 0px 5px 5px #bbb;
    box-shadow: 0px 5px 5px #bbb;
}

.tertiary-nav:hover ul li.highlight a{
  color:#bbbbaa;
}
.tertiary-nav ul li.highlight a{
	color:#555544 !important;
}

    
.tertiary-nav li:last-child a {
	padding-right:0px;
	padding-left:0px;
	margin-right:0;
}
    .tertiary-nav {
    	width:auto;
    	background-color:#eeeedd;
        float: ;
        -moz-box-shadow: 0px 5px 5px #bbb;
	-webkit-box-shadow: 0px 5px 5px #bbb;
	box-shadow: 0px 5px 5px #bbb;
	border:none;
	color:#004477;
        
    }

    .tertiary-nav ul {
        margin: 0;
        padding: 0;
        list-style-type:none;
        position:absolute;
        left:-9999px;
        float:none;
        top:30px;
        background:#eeeedd;
        color:#004477;
    }
    .tertiary-nav{white-space:nowrap;}
    
    .tertiary-nav li{
    position:relative;
    padding-left:0px;
}

    .tertiary-nav ul li {
    	float:none;
        display: inline-block;
        background-image:url('../images/bullet_red.gif');
	background-repeat:no-repeat;
	background-position:3px 11px; 
	padding-left:14px;
	margin-top: 2px;
	border-left:none;
	font-size:12px;
	color:#004477;
    }
    
    .tertiary-nav a{
float: left;
font-size: 13px;
background:#eeeedd;
color: #004477 !important;
display: block;
text-align: center;
padding:0 3px !important;
margin-bottom:-7px;
text-decoration: none;
border:none;
font-weight:normal;
font-family: trebuchet ms;
	}
    
    .tertiary-nav a:hover{
	    text-decoration:underline;
	    
	 
    }
    .tertiary-nav li:first-child a{
    border-left:none;
    padding-left:0px;
    }
    
    
    .secondary-nav li:hover ul {
    left:0;
           -moz-box-shadow: 0px 5px 5px #bbb;
    	-webkit-box-shadow: 0px 5px 5px #bbb;
	box-shadow: 0px 5px 5px #bbb;
    }
    
    .tertiary-nav:hover ul a{
    text-decoration:none;
    }
    .tertiary-nav:hover ul li a{
        color:#004477;
    }
    .tertiary-nav:hover ul li a:hover{
    color:#555544 !important;
    }
.tertiary-nav li:first-child {
        background:none;
    }
    .tertiary-nav li:first-child a{
    border-left: none;
    padding-left:0px;}
.content{font-family:verdana;font-size:12px;margin-left:25px;}
.content-list{font-size:12px;font-family:verdana;margin-left:50px;}
.content-list a{color:#004477;}
#picture_tout img{ width:262px;}
#breadcrumbs {margin-top:60px;margin-bottom:-20px;line-height: 20px; overflow:auto; font-size:13px; font-weight:normal;padding:20px;font-family:Trebuchet MS;}
#breadcrumbs li {list-style-type:none; padding:0; margin:0; float:left; padding-left:8px;}
#breadcrumbs ul {list-style-type:none; padding:0; margin:0;}
#breadcrumbs a {text-decoration:none;font-family:Trebuchet MS; color:#004477;}
#breadcrumbs a:after {content: '\0000a0\0000a0>';}
ul#breadcrumbs li:first-child a:before{content:none;}

   
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 480px) {

/* ====================
    INTERMEDIATE: Menu
   ==================== */
nav a {
	float: left;
	width: ;
	margin: 0 1.7%;
	padding: 0px;
	margin-bottom: 0;
	font:Trebuchet MS;
	font-size:13px;
}
nav li:first-child a {margin-left: 0;}
nav li:last-child a {margin-right: 0;}

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

nav ul li {display: inline;}
.oldie nav a {margin: 0 0.7%;}

}
@media only screen and (min-width: 0px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */
.header-container {
   
}

/* ============
    WIDE: Menu
   ============ */
.title {float: left;}

nav {
	float: right;
	width: 693px;
	margin-right:-310px;
}

/* ============
    WIDE: Main
   ============ */
.main article {
	float: left;
	width: 100%;
	border-top: 5px solid #555544;
	background:white;
}
.main aside, .aside-box {
	float: right;
	margin-right: 25px;
	width: 415px;
}
}

@media only screen and (min-width: 1152px) {

/* ===============
    Maximal Width
   =============== */
.wrapper {width: 1152px; margin: 0 auto;}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {visibility: hidden;}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.smallheader { /*Placed inline H5 styles into the class for lenders*/
  margin:0 0 0 25px;
  font-family:Trebuchet MS;
  font-size:16px;
  color:#555544;
}
.largeheader {
  font-family:Trebuchet MS;
  font-size:24px;
  color:#555544;
}
.calloutheader {
  color:#993311;
  font-weight:bold;
  line-height:15px;
}


#TWISTYPAGE td.titlehead {
    color: #555544;
    font-size: 16px;
    font-weight: bold;
    font-family:Trebuchet MS;
    padding: 10px 20px 10px 0;
    text-decoration: none;
    vertical-align: middle;
    width: 480px;
}
#TWISTYPAGE td.titlehead a:link {
    color: #555544;
    text-decoration: none;
}
#TWISTYPAGE td.titlehead a:visited {
    color: #555544;
    text-decoration: none;
}
#TWISTYPAGE td.titlehead a:hover {
    background-color: #FFFFFF;
    color: #555544;
    text-decoration: none;
    font-size:16px;
}

#TWISTYPAGE td.titlebold {
    color: #000;
    font-weight: bold;
}
#TWISTYPAGE td.titlebold a:link {
    color: #000;
    text-decoration: none;
}
#TWISTYPAGE td.titlebold a:visited {
    color: #000;
    text-decoration: none;
}
#TWISTYPAGE td.titlebold a:hover {
    color: #000;
    text-decoration: none;
}

#TWISTYPAGE td.titleplain {
    color: #000;
    font-weight: normal;
}
#TWISTYPAGE td.titleplain a:link {
    color: #000;
    text-decoration: none;
}
#TWISTYPAGE td.titlebold a:visited {
    color: #000;
    text-decoration: none;
}
#TWISTYPAGE td.titleplain a:hover {
    color: #000;
    text-decoration: none;
}



.footer-nav .last-list a {border-right:none;}

/* Table styles */
table p {margin: 0em;}
table td {padding-left: 8px;}

/* Aside Box Styles */
#about_square {
	width: 210px;
	white-space: normal;
	padding: 1%;
	margin: 0 25px 25px;
	line-height: 19px;
	color: #000;
	min-height: 105px;
}


/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
h1 {font-size:24px; color:#555544; font-weight:bold; font-family:Trebuchet MS;}
h2 {font-size:18px; color:#555544; font-weight:bold; font-family:Trebuchet MS;}
h3 {font-size:14px; color:#555544; font-weight:bold; font-family:Trebuchet MS;}
h4 {font-size:20px; color:#555544; font-weight:bold; font-family:Trebuchet MS;}