/*
	CSS of John Marshall Bank 
	XHTML/CSS by Todor Iliev
*/

/* ----------- Start Main ----------- */

	html, body {
        height:auto !important; /* FF and compliant browsers should automatically size the body/html */
        height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
        min-height:100%; /* when FF/etc automatically size the body/html it should be at least the height of the entire browser window, but can expand based on content. */
		}

	body {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		background: #dcdcdc;
		}
		
	#main {
		width: 760px;
		background: #ffffff;
		}
		
/* ----------- End Main ----------- */


/* ----------- Start Header ----------- */

	#header {
		background: url(../images/es/dev/logo.gif) no-repeat 15px;
		}
		
	.header_controls { /* en/es */
		padding: 30px;
		text-align: right;
		vertical-align: top;
		font-weight: bold;
		}
	
	#lang {
		visibility: hidden;
		margin-bottom: 5px;
		margin-top: 15px;
		color: #5b5b5b;
		}

	#lang a:link, #lang a:visited { /* Switch language links */
		color: #af1e2d;
		text-decoration: none;
		}

	#lang a:hover {
		color: #3c3c3c;
		}
		
	#lang #current_lang { /* Current language */
		color: #ccc;
		}
		
	#selectService {
		background-image: url(../images/es/dev/header_arrow.gif);
		background-repeat: no-repeat;
		background-position: 520px;
		}
		
	.drop_down {
		width: 190px;
		font-size: 12px;
		background: #ffffff;
		border: 1px solid #515459;
		border-style: inset;
		}

/* ----------- End Header ----------- */


/* ----------- Start Main Navigation ----------- */

	#main_nav {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #ffffff;
		background-image: url(/_design/images/es/dev/main_nav_bg.gif);
		background-repeat: repeat-x;
		text-align: center;
		line-height: 18px;
		}

	#main_nav ul {
		padding: 0px;
		margin: 0px 0px 0px 15px;
		}
		
	#main_nav li {
		display: inline;
		list-style-type: none;
		padding-left: 8px;
		padding-right: 5px;
		background-image: url(../images/es/dev/main_nav_divider.gif);
		background-repeat: no-repeat;
		background-position: left;
		}	
		
	#main_nav li:hover {
		}
	
	#main_nav a:link, #main_nav a:visited {
		color: #ffffff;
		text-decoration: none;		
		}
		
	#main_nav a:hover {
		color: #fffaac;
		}
		
/* ----------- End Main Navigation ----------- */


/* ----------- Start Index Image ----------- */

	#index_img img {
		padding: 1px 0 1px 0;
		border-bottom: 3px solid #af1e2d;
		}
		
/* ----------- End Index Image ----------- */


/* ----------- Start Container ----------- */

	#container {
		padding: 10px 15px 25px 15px;
		}

/* ----------- Start Left Column ----------- */

	#left_column {
		width: 220px;
		float: left;
		margin: 0 10px 0 0;
		}
		
	.zip_locator {
		background: url(/_design/images/es/dev/zip_locator.gif) no-repeat 0 0;
		height: 114px;
		margin: 20px 0 0 0;
		padding: 0 0 0 10px;
		}
		
	.zip_locator_position {
		margin: 50px 0 0 0;
		}
		
	.zip_button {
		background: url(/_design/images/es/dev/zip_locator_submit.gif) no-repeat 0 8px;
		border: 0;
		height: 30px;
		width: 26px;
		cursor: pointer;
		}
		
	#fdic_eho {
		margin: 20px 0 0 0;
		}
		
/* ----------- End Left Column ----------- */


/* ----------- Start Content ----------- */

	#content {
		width: 350px;
		float: left;
		vertical-align: top;
		border: 0px solid #CCCCCC;
		}
	
	#content p {
		line-height: 12px;
		}

	#content .index_title {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-weight: bold;
		color: #00334c;
		}

	.faq_title {
		font-size: 12px;
		font-weight: bold;
		color: #af1e2d;
		margin: 15px 0px 5px 0px;
		}

	.subnav_title {
		font-size: 12px;
		font-weight: bold;
		color: #af1e2d;
		}
		
	#printTitle {
		display: none;
		}

	a.read_more:link, a.read_more:visited  { /* Read more Button */
		font-weight: bold;
		color: #010101;
		background-image: url(/_design/images/es/dev/arrow_bullet.gif);
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 8px;
		text-decoration: none;
		}

	a.read_more:hover {
		color: #f6810f;
		}

	#content .title {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 18px;
		font-weight: bold;
		color: #00334c;
		}

	#content .title2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		font-weight: bold;
		color: #af1e2d;
		}

	#content a.standout {
		font-size: 11px;
		font-weight: bold;
		color: #00334c; 
		text-decoration:none;
		padding-left: 20px;
		background-image: url(/_design/images/es/dev/arrow_bullet_blue.gif);
		background-repeat: no-repeat;
		background-position: 11px .3em;
		}

	#content a:link, #content a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11 px;
		color: #142181;
		}

	#content a:hover {
		color: #af1e2d;
		}
		
	#imgHover {
		filter:alpha(opacity=90);
		-moz-opacity:.90;
		opacity:.90;
		}
		
	#imgHover:hover {
		filter:alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
		}
		
	#tbl {
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		}
		
	#tbl td {
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		padding: 2px;
		}
		
	#tbl .tblTitle {
		background-color: #af1e2d;
		color: #fff;
		font-weight: bold;
		}
		
	#tbl tr.tblTitle td {
		text-align: center;
		}
		
	ul.featuredProducts {
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 0;
		margin-bottom: 5px;
		}
		
	.note {
		font-style: italic;
		font-size: 90%;
		color: #666;
		}

/* ----------- End Content ----------- */


/* ----------- Start Image Zoom ----------- */

	#imgzoom {
		padding-right: 10px;
		overflow: hidden;
		float: left;
		}

	.imgzoom_border {
		border: 1px solid #c4c4c4;
		}

	.imgzoom_float {
		visibility: hidden;
		position: absolute;
		left: -3000px;
		z-index: 10;
		}

/* ----------- End Image Zoom ----------- */


/* ----------- Start Press Releases ----------- */

	#pressReleases {
		margin-left: 0;
		padding-left: 0;
		list-style: none;
		}

	#pressReleases li{
		margin-left: 0px;
		padding-left: 40px;
		background-image: url(/_design/images/es/dev/news_icon.gif);
		background-repeat: no-repeat;
		background-position: 0 50%;
		line-height: 15px;
		}

	#pressReleases a:link, #pressReleases a:visited {
		font-weight: bold;
		}

/* ----------- End Press Releases ----------- */


/* ----------- Start Articles ----------- */

	#articles {
		margin-left: 0;
		padding-left: 0;
		list-style: none;
		}

	#articles li{
		margin-left: 0px;
		padding-left: 40px;
		margin-bottom: 10px;
		background-image: url(/_design/images/es/dev/article_icon.gif);
		background-repeat: no-repeat;
		background-position: 0 50%;
		line-height: 15px;
		}

	#articles a:link, #articles a:visited {
		font-weight: bold;
		}

/* ----------- End Articles ----------- */


/* ----------- Start Articles ----------- */

	#formsLibrary {
		margin-left: 0;
		padding-left: 0;
		list-style: none;
		}

	#formsLibrary li{
		margin-left: 0px;
		padding-left: 40px;
		margin-bottom: 10px;
		background-image: url(/_design/images/es/dev/formsLibrary_icon.gif);
		background-repeat: no-repeat;
		background-position: 0 50%;
		line-height: 24px;
		}

	#formsLibrary a:link, #formsLibrary a:visited {
		font-weight: bold;
		}

/* ----------- End Articles ----------- */


/* ----------- Start Right Column ----------- */

	#right_column {
		width: 120px;
		float: right;
		background-image: url(/_design/images/es/dev/vertical_hr.gif);
		background-repeat: no-repeat;
		background-position: left 1px;
		padding-left: 10px;
		min-height: 190px;
		border: 0px solid #CCCCCC;
		}

	#right_column a:link, #right_column a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11 px;
		font-weight: bold;
		color: #142181;
		text-decoration: none;
		}

	#right_column a:hover {
		color: #af1e2d;
		}

	#sub_nav { /* List */
		margin-left: 0;
		padding-left: 0;
		list-style: none;
		line-height: 15px;
		}

	#sub_nav li { /* Bullets */
		padding-left: 11px;
		background-image: url(/_design/images/es/dev/arrow_bullet_blue.gif);
		background-repeat: no-repeat;
		background-position: 4px .3em;
		}

	#sub_nav li a:link, #sub_nav li a, #sub_nav li a:visited {
		font-weight: normal;
		}

	#sub_nav li a:hover {
		font-weight: normal;
		}

/* ----------- End Right Column ----------- */
		
/* ----------- End Container ----------- */


/* ----------- Start Footer ----------- */

	#footer {
		font-size: 10px;
		font-weight: bold;
		color: #fff;
		text-align: center;
		line-height: 20px;
		padding: 10px;
		background-color: #a01324;
		}
		
	#footer a:link, #footer a:visited {
		color: #fff;
		text-decoration: none;
		padding-left: 2px;
		padding-right: 2px;
		}
		
	#footer a:hover {
		text-decoration: underline;
		}
		
/* ----------- End Footer ----------- */


/* ----------- Start Site Map ----------- */
	#siteMap ul li {
		margin-left: -15px;
		padding: 1px;
		list-style: none;
		}
		
	#siteMap ul li ul li {
		list-style: square;
		}
/* ----------- End Site Map ----------- */

#phoneNumbers {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	}

#phoneNumbers h1 {
	color: #af1e2d;
	margin: 0;
	padding: 0;
	}

#phoneNumbers h2 {
	color: #af1e2d;
	margin: 0;
	padding: 0;
	}

#phoneNumbers p {
	padding: 0;
	margin: 0 0 10px 0;
	}