/**********/
/* PAGE LAYOUT STYLES */
/**********/   
   
    body {        
        background:#F6F6F6 url(../img/outerback.gif) repeat;
        margin: 8px 8px 8px 8px;
        padding: 0;        
		color: #333333;       
	}
    
    .thrColFixHdr #container {              
        position:relative; 
        height:100%;
        margin: auto;          
		border-top: 0px;
        border: 1px solid #A49683;       
        text-align: left; 
        background:#FFFFFF url(../img/leftContent.gif) repeat-y;
        width:980px;
    } 
       
    .thrColFixHdr #header { 
        background: #E4D9C9 url(../img/header_back_grad.gif) repeat-x; 
        padding:0px 0px 0px 0px;  
        min-width:950px;     
    } 
   
    .thrColFixHdr #sidebar1 {
        float: left; 
        width: 190px; 
        margin: 0px !important;
        padding: 0px !important;     
    }
    
    .thrColFixHdr #sidebar2 {
        float: right;        
        width: 210px; 
        margin: 0px 0px 0px 10px !important;
        padding: 0px !important;    
    }
    
    .thrColFixHdr #mainContent {         
        margin: 0 200px 20px 200px; 
        padding: 0 10px;
		height:auto;              
    }  
    
    .thrColFixHdr #footer { 
        padding: 0 10px 0 20px; 
        border-top:1px solid #333333;
        background:#E7E7E0 url(../img/footer_back.gif) repeat-x;         		
    } 
    
    .thrColFixHdr #footer p {
        margin: 0; 
        padding: 3px 0; 
    }
    
    .fltrt {
        float: right;
        margin-left: 8px;
    }
    
    .fltlft { 
        float: left;
        margin-right: 8px;
    }
    
    .clearfloat { 
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
/**********/
/* END PAGE LAYOUT STYLES */
/**********/


/**********/
/* NAVIGATION STYLES */
/**********/    
    #navigation table {
    	border-bottom:1px solid #333333;
        border-top:1px solid #333333;    	 
    	min-width:950px;
		margin-bottom:.5em;		 
    }
      
    .navbar {      
        background:#696B84 url(../img/mainmenu_back.gif) repeat-x; 
        font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
        font-size: .7em;
        color: #FFFFFF;
        text-align: center;   
        min-width:950px;  
    }
	.navbar td a {
        text-decoration: none;
        color: #FFFFFF;
		display:block;
		width:auto;
		height:100%;
		padding:5px;
	}
	.navbar td{
		padding-left:6px;
		padding-right:6px;
	}	
	.subnavbar {        
        background:#E7E7E0 url(../img/submenu_back.gif) repeat-x; 
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: .7em;
        color:#36395B;
	}
	
	.subnavbar a {
        text-decoration: none;
        color: #36395B;
		width:100%;
		height:100%;
	}
   .subnavbar td{
   		padding:5px;
	} 
	.subnavbar a:hover {
		text-decoration:underline;
	}    
	
	#subpersonal, #subbusiness, #submortgage, #sublocations, #subcontact, #subabout, #subhome
	{
        display:none;
        visibility:hidden;
	} 
    
    .activeMenuButton {
    	background:#C0C0C0 url(../img/menu_active_back.gif) repeat-x;             
    }
    
    .inactiveMenuButton {
    	background:#696B84 url(../img/mainmenu_back.gif) repeat-x; 
    }   
	
	#personal #personalnav, #business #businessnav, #mortgage #mortgagenav, #locations #locationsnav, #contact #contactnav, #about #aboutnav
	{
		background:#D8D8B5 url(../img/menu_inactive_back.gif) repeat-x;            
	} 
    
    #personal #personalnav a, #business #businessnav a, #mortgage #mortgagenav a, #locations #locationsnav a, #contact #contactnav a, #about #aboutnav a {
    	color:#33000D;
    }
    
    #personalnav, #businessnav, #mortgagenav, #locationsnav, #contactnav, #aboutnav{
    	border-right:1px solid #333333;
        border-bottom:1px solid #333333;
    }    
	
	#personal #subpersonal, #business #subbusiness, #mortgage #submortgage, #locations #sublocations, #contact #subcontact,
     #about #subabout, #home #subhome, #disclaimers
	{
        display:block;
        visibility:visible;
	} 
	
	#subpersonal {
        position:relative;
        left:10%;
		width: 60%;
	}
	
	#subbusiness {
        position:relative;
        left:20%;
		width: 80%;
	}
	
	#submortgage {
        position:relative;
        left:25%;
		width: 60%;
	}
    
    #sublocations {
        position:relative;
        left:1%;
		width: 60%;
	}
    
    #subcontact {
        position:relative;
        left:44%;
		width: 50%;
	}
     
    #subabout {
        position:relative;
        left:1%;
		width: 60%;
	}    
/**********/
/* END NAVIGATION STYLES */
/**********/

/**********/
/* HEADER STYLES */
/**********/
    #header img {
    	border:0px;
    }
/**********/
/* END HEADER STYLES */
/**********/

/**********/
/* FOOTER STYLES */
/**********/
	#footer p {
    	margin:0px 0px !important;
        padding:0px;
    }
    
    #footer a {color:#666666;}
    #footer a:hover, #footer a.fdic:hover {color:#999999;}
    
    #footer a.fdic {
    	text-decoration:none;
        color:#333333;
    }
        
    #footer img {
    	border:0px;
    }
    
    #footer {
    	font: 60%/1.0 Arial, Georgia, "Times New Roman", Times, serif;
        margin:0px !important;
        padding:0px 0px 0px 4px !important;
        left:0px;
    }
    
/**********/
/* ENDFOOTER STYLES */
/**********/

/**********/
/* TEXT STYLES */
/**********/
    #mainContent, #sidebar1, #sidebar2 {
    	font: 75%/1.50 Arial, Georgia, "Times New Roman", Times, serif;
    }  
/**********/
/* END TEXT STYLES */
/**********/   


/**********/
/* MAIN CONTENT STYLES */
/**********/
	#mainContent {
	min-height:50em;
	height:auto;
	}
	
	/*the sky blue and clouds background
	body#locations #mainContent {
		background-image:url(../img/locationsbg.jpg);
	}
	*/
	
	#contact #mainContent {
	min-height:50em;
	height:auto;
	}	
	

    #mainContent, #mainContent h1, #mainContent h2 {
        width:500px;
        min-width:500px;
    }   
     
    #mainContent p {
        text-align:justify;
		margin-top:.5em;
    }
	
	#mortgage #mainContent p{
		margin-top:0;
	} 
       
    #mainContent h1 {
	font-style:italic;
	color:#383A5C;
	font-size: 1.5em;
	margin-top: .5em;
    }   
     
    #mainContent h2 {
	font-style:italic;
	font-size: 1.3em;
	color:#383A5C;
	margin-top: .5em;
    }
    
    #mainContent h3 {
	font-style:italic;
	color:#383A5C;
	font-size: 1.2em;
	margin-bottom:1.5em;
	margin-top:.5em;
	border-bottom: .09em dashed;
	border-bottom-color:#37395A;
    }
	#mortgage #mainContent h3 {
		margin-bottom:.5em;
	}
	#mainContent h4 {
	font-style:italic;
	color:#383A5C;
	margin-bottom:0;
	margin-top:1em;
	font-size: 1.1em;
	}
    
    #mainContent ul {
    	margin-top:-5px;
        /*padding-top:-5px; */ 
		margin-bottom:1em;  
    }
	
    #mortgage #mainContent ul {
    	margin-top:0;
		margin-bottom:1em;  
    }
	
	
    #mainContent .disclaimer {
    	font-size:.9em;
        font-style:italic;
    }  
	#mainContent img.bordered {
		border:1px solid #CCCCCC;
		margin:1.5em;
		padding:1px;
	}
	#mainContent img.bottom{
		margin-top:1em;	
	}	
    #mainContent .right {		
		float:right;		
    }
	#business #mainContent .list{
		 width:250px;
		 padding:0;
		 margin:0;
	}
	#personal #mainContent .list{
		 width:260px;
		 padding:0;
		 margin:0;
	}
	#mainContent .left {		
		float:left;		
    }
    
    #mainContent a {color:#36395B;}
    
    #mainContent a:hover {color:#33000D;} 
    
    #mainContent #addPixels{height:130px;}    
    
    .table, .table tr td, .table th {
        border: 1px solid #666666;
        border-collapse:collapse;
	}
				
	.altrow{
		background-color:#CCCCCC;	
	}	
	
	.table th{
	 	font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
		background-color:#36395B
	}
    
    .table tr td {
    	text-align:center;
        width:50%;
    }
    
    #twocolumn p { position:relative;}
    
    #twocolumn p span {
    	position:absolute;
        left:100px;
    }
    
    #locationsTable table th {
    	font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
		background-color:#36395B;
        border-bottom:1px solid #666666;
    }
    
    #locationsTable table {
    	border: 1px solid #666666;
        border-collapse:collapse;
        width:225px;
    }
    
    #locationsTable {
		font-size:2em;
    	position:relative;
        margin:20px 0px 0px 0px;
    }
    
    #locationsTable .locationRight {    	
        position:absolute;
        top:0px;
        left:250px;
    }
    
    .required_error, .required {
    	color:#36395B;
    	font-weight:bold;
    }          
    
    #disclaimers #mainContent #disNav p {
    	margin:1px 0px 1px 0px; 
    }
    
    #disclaimers #mainContent #disNav{
    	position:relative;
        margin-bottom:20px;       
    }
    
    #disclaimers #mainContent #disNav div {
    	position:absolute;       
        left:200px;
        top:0px;
    }
    
/**********/
/* END MAIN CONTENT STYLES */
/**********/

/**********/
/* SIDEBAR1 STYLES */
/**********/
 	#sidebar1 h3 {
    	font-size:1em;
        padding:0px;
        margin: -10px 3px 6px 9px;
  		color:#FFFFFF;
    }
    
    #sidebar1 p {
    	margin:0px 0px 0px 15px;
        padding:0px;
    }   
     
    #sidebar1 p a {
    	color:#CCCCCC;
    	font-weight:bold;
		text-decoration: none;
    }
    
    #sidebar1 p a:hover {
		color:#999999;
		text-decoration:underline;
	}
    
    .roundcont {
        width:170px;
        background-color: #36395B;
        color: #FFFFFF;
        margin:10px;
        top:0px;
    }
	
	.roundcont p {
        margin: 0 5px;
		margin-bottom: 25px;
    }
	
	roundcont-sc {
        width:170px;
		background-color: #91B48F;
        color: #FFFFFF;
        margin:10px;
        top:0px;
	}
    
	.roundcont-sc p {
        margin: 0 5px;
		margin-bottom: 25px;
    }

	#securitycenter {
		background-color: #91B48F;
	}

	#securitycenter a {
		color: #36395B !important;
		text-decoration: none;
	}
	#securitycenter a:hover {
		text-decoration: underline;
	}
	
    .roundtop { 
        background: url(../img/online_top.gif) no-repeat top left; 
        margin:0px;
        padding:0px;
		height: 12px;
        
    }
    
    .roundbottom {
        background: url(../img/online_bottom.gif) no-repeat bottom left; 
        margin:0px;
        padding:0px;    
		height: 12px;   
    }  
	
	.sctop { 
        background: url(../img/securitycenter_top.gif) no-repeat top left; 
        margin:0px;
        padding:0px;
        height: 25px;
    }
    
    .scbottom {
        background: url(../img/securitycenter_bottom.gif) no-repeat bottom left; 
        margin:0px;
        padding:0px;
		height: 12px;      
    }
	
	#businessenroll{
	visibility:visible;
	/*position: relative;*/
	z-index: 1000;
	padding-bottom:20px;
	}

	#businessenroll:hover{
	background-color: transparent;
	z-index: 1000;
	}

	#businessenroll span{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1em;
	line-height:1.4em;
	color:#000000;
	position: absolute;
	background-color: #FFFBE2;
	padding: 5px;
	left: -1000px;
	border:2px solid #FFFF7F;
	visibility: hidden;
	text-decoration: none;
	width: 150px;
	}
	#businessenroll span img{ 
	border-width: 0;
	padding: 2px;
	}

	#businessenroll:hover span{ 
	visibility: visible;
	top: 280px;  /* offset of text */
	left:30px; /* offset of text */
	}      
/**********/
/* END SIDEBAR1 STYLES */
/**********/

/**********/
/* SIDEBAR2 STYLES */
/**********/    
    #sidebar2 h3 {
    	font-size:1.1em;
        padding:0px;
        margin:5px 0px 2px 5px;
  		color:#36395B;
    }  
    
    #sidebar2 h5 {
    	font-size:.95em;
        padding:0px;
        margin:0px 0px 2px 10px;
  		color:#36395B;
    } 
	#sidebar2 #addlinks a{
		margin:0px 0px 0px 13px;
	}
    #sidebar2 h5 a {
		color:#36395B;
		text-decoration:none;
	}
    
    #sidebar2 h5 a:hover {
		color:#666666;
		text-decoration:underline;
	}

	#sidebar2 .roundcontright #message {
		width:150px;
		height:auto;
		min-height:110px;
		padding:0;
		margin:0 auto;
	}
	#sidebar2 .roundcontright #message p{
		width:140px;
		padding:0;
		margin:5px;
	
	}
    .roundcontright {
		background: #FFFFFF url(../img/rightnav_top.gif) no-repeat top left;
        width:190px;     
        color: #36395B;       
        margin:10px;
        /*top:0px;*/
		height:auto;
    }
    .roundbottomright{
		background: #FFFFFF url(../img/rightnav_bottom.gif) no-repeat bottom left;
		min-height:40px;
		margin-top:-45px;
	} 
	.roundbottomright2{
		background: #FFFFFF url(../img/rightnav_bottom.gif) no-repeat bottom left;
		min-height:40px;
		margin-top:-5px;
	} 
	
    .roundcontright p {
        margin: 0 5px;                  
    }

    #sidebar2 h2 {
    	margin:15px 0px -5px 5px;
        font-size:1.1em;
        padding:0px;
  		color:#36395B;
    }
	#rightcontent{
		min-height:165px;
		height:auto;
	}
	#rightcontent #lastlink{
		padding-bottom:10px;
	}
	#rightcontent .lastlink:hover{
		color:#666666;
		text-decoration:underline;
	}
	
	.rightspacer {
		margin-right: 20px;
	}

    
/**********/
/* END SIDEBAR2 STYLES */
/**********/    

	.photomatte {
		padding: 3px;
		margin: 10px;
		border: 1px solid #cccccc;
		position: relative;
		float: right;
		}
	.mainphoto {
				border: 1px solid #cccccc;
				padding: 3px;
				margin-top: 10px;
	}
		
/*******************/
/*TABLE STYLES*/
/***********************/
	/*pchecking table*/
	#pchecking #mainContent #pcheckingtable{
		color:#383A5C;
		text-align:center;
		border-collapse:collapse;
		
		float:left;
		width:50em;
	}
	#pchecking #mainContent #pcheckingtable tr{
		border:1px solid black;
	}
	#pchecking #mainContent #pcheckingtable td{
		border:1px solid black;
	}
	#pchecking #mainContent #pcheckingtable th{
		border:1px solid black;
		background-color:#4E7617;
		color:#FFFFFF;
		font-style:italic;
	}
	#pchecking #mainContent #pcheckingtable tr.altrow{
		background-color:#B8C99D;
	}
	#pchecking #mainContent #pcheckingtable tr td.firstcol{
		text-align:left;
	}
	
	
	/*senior checking table*/
	#schecking #mainContent #scheckingtable{
		color:#383A5C;
		text-align:center;
		border-collapse:collapse;
		
		float:left;
		width:50em;
	}
	#schecking #mainContent #scheckingtable tr{
		border:1px solid black;
	}
	#schecking #mainContent #scheckingtable td{
		border:1px solid black;
	}
	#schecking #mainContent #scheckingtable th{
		border:1px solid black;
		background-color:#610D6B;
		color:#FFFFFF;
		font-style:italic;
	}
	#schecking #mainContent #scheckingtable tr.altrow{
		background-color:#BA9EC4;
	}
	#schecking #mainContent #scheckingtable tr td.firstcol{
		text-align:left;
	}
	
	
	/*fraud table*/
	#home #mainContent #fraudtable{
		color:#383A5C;
		text-align:center;
		border-collapse:collapse;
		
		float:right;
		width:33em;
	}
	#home #mainContent #fraudtable td{
		border-bottom:1px dashed #AC8A54;
		color:#000000;
	}
	#home #mainContent #fraudtable th{
		border-bottom:1px dashed #AC8A54;
		color:#383A5C;
		font-style:italic;
	}
	#home #mainContent #fraudtable tr.altrow{
		background-color:#B8C99D;
	}
	#home #mainContent #fraudtable tr .firstcol{
		text-align:left;
		font-weight:bold;
	}
	#home #mainContent #fraudtable .indent{
		text-indent:2em;
	}
	#mortgage #mainContent .indent{
		margin-left:5em;
	}
	
	/*locations table*/
	#locations #mainContent .skinny{
		width:15em;
	}
	#locations #mainContent .locationstable{
		color:#36395B;
		text-align:left;
		border-style:none;
		
		width:30em;
		margin:1em 1em;
	}
	#locations #mainContent .locationstable td{
		padding:0em .75em 0em .75em;
	}
	#locations #mainContent .locationstable tr{
		margin:6em 0em .75em 0em;
	}
	#locations #mainContent .locationstable tr.titlerow{
		font-style:italic;
		font-weight:bold;
	}
	
/********************/	
/*END TABLE STYLES*/
/********************/

/********************/	
/*IMAGE ROTATER STYLES*/
/********************/

#locations #mainContent .slideshow .caption{
	text-align:right;
	margin-top:-3px;
}
#locations #mainContent .slideshow .caption img{
	border-style:none;
	padding:0;
	margin-right:-3px;
}
#locations #mainContent .slideshow{
	width:356px;
	margin-left:auto;
	margin-right:auto;
}
#locations #mainContent .slideshow img{
	padding:0;
	margin:0;
	border-color:#5E5689;
	border-bottom-width:2px;
	border-right-width:2px;
}
#locations #mainContent .slideshow #imageRotate{
	width:360px;
	height:170px;
}

.right {
	float:right;
}
.left {
	float:left;
}
.banner{
	margin-right:100px;
}