/*
------------------------------------------------------------------------
Site: oba.com
Authors: Taylor and Tiffany WIlken
----------------------------------------------------------------------*/

/* HOME PAGE SPLASH
----------------------------------------------------------------------*/

div.splashvideo {
	position: relative;
	top: -490px;
	left: 50%;
	width: 375px;
	height: 500px;
	padding: 0px;
	margin: 0px 0px 0px -200px;
}
div.replayintro {
	margin: auto;
	text-align: center;
	display: none;
}

/* GLOBAL
----------------------------------------------------------------------*/
body {
	font: normal 0.8em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	border: 0;
	padding: 0;
	min-width: 600px;
	background: #fff;
	margin: 0; 
	width: 100%; 
}

/* TYPOGRAPHY
----------------------------------------------------------------------*/
h1 { /*Default headline*/
	padding: 0;
	margin: 0 0px 0.4em; 
	font: normal 3em/1em Georgia, "Times New Roman", Times, serif;
	color: #c00;
	border: 2px dotted #ddd; 
	border-style: none none dotted;
}
.headlinecons {
	color: #0c2577;
	font: normal 3em Georgia, "Times New Roman", Times, serif;
}	
.headlinemedgov{
	color: #0c2577;
	font-size: 3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}	
.headlinepart{
	color: #e80;
	font-size: 3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}	
.headlinegray {
	color: #777;
	font-size: 3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}	
h2 {
	padding: 0 0 .5em 0;
	margin: .5em 0px 0.5em; 
	font-size: 1.4em;
	line-height: 1em;
}
h3 {
	padding: 0;
	margin: 1em 0px 0.0em; 
	font-size: 1.2em;
	line-height: 1em;
}
p {
	padding: 0;
	margin: 0px 0px 1em 0px;
	font-size:12px;
}
.small {
	font-size: 0.9em;
	line-height: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tiny {
	font-size: 0.8em;
}
.tinylabel {
	font-size: .7em;
	text-align: center;
	letter-spacing: .1em;
	margin: 0;
}
.headline {
	color: #c00;
	font-size: 2.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
.headlineblue {
	color: #0c2577;
	font-size: 3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
.headlinextra {       /*Adds extra padding underneath dotted line for a few specific pages*/
	color: #c00;
	font-size: 3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 0 0 .7em;
}
.largered {
	color: #c00;
	font-size: 3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	border: 0px;
	margin: 0.2px 0 0 0;
}

.whitefont {color:#FFFFFF; font-size: 0.9em;}

table.sidebar_table {
	margin:10px 0px 10px 20px;
	background:#eee;
	border: solid #CCCCCC;
	border-width: 2px 0px 2px 0px;
	padding:10px;
}

associatemembers {
	font: normal 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	border: 0;
	padding: 0;
	background: #fff;
	margin: 0; 
	width: 100%; 
}

/* LINKS
----------------------------------------------------------------------------------------------------*/
a:link {color: #0c2577; text-decoration: none; font-weight: bold;}
a:visited {color: #354C95; text-decoration: none;font-weight: bold;}
a:hover {color: #333333; text-decoration: underline;font-weight: bold;}

a.body:link {color: #990000; text-decoration: none; font-weight: bold;}
a.body:visited {color: #660000; text-decoration: none; font-weight: bold;}
a.body:hover {color: #660000; text-decoration: underline; font-weight: bold;}

a.gray:link {color: #666666; text-decoration: none; font-weight: bold; }
a.gray:visited {color: #666666; text-decoration: none; font-weight: bold;}
a.gray:hover {color: #333333; text-decoration: underline; font-weight: bold;}

a.footer:link {color: #999999; text-decoration: none; font-weight: normal; }
a.footer:visited {color: #999999; text-decoration: none; font-weight: normal;}
a.footer:hover {color: #999999; text-decoration: underline; font-weight: normal;}

a.nav:link {color: #ffffff; text-decoration: none;}
a.nav:visited {color: #ffffff; text-decoration: none;}
a.nav:hover {color: #ffffff; text-decoration: underline;}

a.splash:link {color: #ffffff; text-decoration: none;}
a.splash:visited {color: #ffffff; text-decoration: none;}
a.splash:hover {color: #ffffff; text-decoration: underline;}

a.splashblue:link {color: #0c2577; text-decoration: none;font-weight: bold;}
a.splashblue:visited {color: #0c2577; text-decoration: none;font-weight: bold;}
a.splashblue:hover {color: #0c2577; text-decoration: none;font-weight: bold;}

a.splashgreen:link {color: #55aa44; text-decoration: none;font-weight: bold;}
a.splashgreen:visited {color: #55aa44; text-decoration: none;font-weight: bold;}
a.splashgreen:hover {color: #55aa44; text-decoration: none;font-weight: bold;}

a.splashorange:link {color: #ee8800; text-decoration: none;font-weight: bold;}
a.splashorange:visited {color: #ee8800; text-decoration: none;font-weight: bold;}
a.splashorange:hover {color: #ee8800; text-decoration: none;font-weight: bold;}

a.splashred:link {color: #cc0000; text-decoration: none;font-weight: bold;}
a.splashred:visited {color: #cc0000; text-decoration: none;font-weight: bold;}
a.splashred:hover {color: #cc0000; text-decoration: none;font-weight: bold;}

		
/*
ELEMENTS
----------------------------------------------------------------------------------------------------*/
hr { /*Dotted horizontal rule*/
	color: #fff; 
	background-color: #fff; 
	border: 2px dotted #dddddd; 
	border-style: none none dotted;
}	
hr.padded { /*Dotted horizontal rule with top padding*/
	color: #fff; 
	background-color: #fff; 
	border: 2px dotted #dddddd; 
	border-style: none none dotted;
	padding-top:20px;
	margin:15px 15px 0px 15px;
}
a img {
	border: none; 
	border-color: white; /*Have to have this*/
}

img .photo { /*For photos with stories*/
	margin: 10px 10px 5px;
	border: 1px #333333;
}

img .icon { /*For small inline objects*/
	margin: 0;
	float: left;
}


/*
PAGE HEADER
----------------------------------------------------------------------------------------------------*/

#logo h2, #logo small {  
    margin: 0px;  
    display: block;  
 }  
#logo {  
    background-image: url(oba_images/oba_logo.jpg); 
    background-repeat: no-repeat;  
    width: 275px;  
    height: 71px;  
}  
#rightbanner {
	float: right;
	width: 540px;
	height: 127px; 
	margin: 0px; 
	position: relative;
}
#rightbanner_int {
	float: right; 
	width: 450px;
	height: 127px; 
	margin: 0px; 
	position: relative;
}
#header {
	/*clear: both; */
	float: left; 
	width: 100%
}
#header {
	border-bottom: #000 0px; 
}
#header p {
	padding: 0.4em 15px 0 15px;
	margin: 0; 
}
#header h1 {
	padding: 0.4em 15px 0 15px;
	margin: 0; 
}
#header h2 {
	padding: 0.4em 15px 0 15px;
	margin: 0; 
}	
#layoutdims {					/*HORIZONTAL NAVIGATION BAR*/
	clear: both; 
	padding: 0 30px 0 0;
	margin: 56px 0px 0px 0px; 
	vertical-align: middle;
	font-size: 0.9em;
	font-weight: 200;
	color: #fff;
}
#layoutdims.banker {					
	background-image: url(oba_images/navbar_blue.gif);  
}
#layoutdims.consumer {				
	background-image: url(oba_images/navbar_green.gif);  
}
#layoutdims.medgov {				
	background-image: url(oba_images/navbar_red.gif);  
}


/*
THREE-COLUMN PAGE STRUCTURE
----------------------------------------------------------------------------------------------------*/

.colmask {
	position: relative;
	clear: both; 
	float: left; 
	width: 100%; 
	overflow: hidden;
}
.content {
	background: #fff;
}
.content .colmid {
	float: left; 
	width: 200%; 
	margin-left: -200px; 
	position: relative;
	right: 100%; 
	background: #fff; 
	line-height: 1.5em;
}
.content .colleft {
	float: left; 
	width: 100%; 
	margin-left: -50%; 
	position: relative;
	left: 400px; 
	background: #ffffff; 
}
.content .col1wrap {
	float: left; 
	width: 50%; 
	position: relative;
	right: 200px; 
	padding: 0 0 1em;
}
.content .col1 {
	margin: 0px 215px; 
	position: relative;
	left: 200%; 
	overflow: hidden; 
	padding: 15px 20px;
	border-left: 2px dotted #cccccc;
	border-right: 2px dotted #cccccc;
}
.content .col2 {
	float: left; 
	float: right; 
	width: 170px; 
	position: relative;
	padding-top: 10px;
}
.content .col3 {
	left: 50%; 
	float: left;
	float: right; 
	width: 170px; 
	margin: 0 45px 0; 
	position: relative;
	text-align: left;
	padding-top: 13px;
}
.content .col3 .btns {
	float: right; 
	margin: 0; 
	text-align: left;
	}
	
.content .colright {
	right: 100%; 
	background: #fff; 
	float: left; 
	margin: 0px; 
	width: 200%; 
	position: relative;
	line-height: 1.5em;
}
.consumerhead {
	color: #66aa33;
	margin: 0 0 -1.1em 85px;
	font-size: .8em;
	font-weight: bold;
	text-transform:uppercase;
}
.medgovhead {
	color: #cc0000;
	margin: 0 0 -1.1em 40px;
	font-size: .8em;
	font-weight: bold;
	text-transform:uppercase;
}
.stratparthead {
	color: #ee8800;
	margin: 0 0 -1.1em 125px;
	font-size: .8em;
	font-weight: bold;
	text-transform:uppercase;
}


/*
TWO-COLUMN PAGE STRUCTURE
----------------------------------------------------------------------------------------------------*/
.leftmenu {
	background: #fff;
}
.leftmenu .colright2c {
	float: left;
	width: 200%;
	position: relative;
	left: 200px;
	background: #fff;
}
.leftmenu .col1wrap2c {
	float: right;
	width: 50%;
	position: relative;
	right: 170px;
	padding: 0 0 1em 0;	
}		

.leftmenu .col12c {
	margin: 0 15px 0 185px;
	position: relative;
	right: 100%;
	overflow: hidden;
	border-left: 2px dotted #cccccc; 
	min-height: 475px;
	padding: 0 20px;
}
.leftmenu .col22c {
	float: left;
	width: 195px;
	position: relative;
	right: 185px;
	margin: 0 0 5px 0;
	padding: 10px 15px;

}


/*
SEARCH
----------------------------------------------------------------------------------------------------*/
#search {
	padding: 10px;
	width: 100%;
	}


/*
FOOTER
----------------------------------------------------------------------------------------------------*/

#footer {
	clear: both; 
	border: 0;  
	width: 100%;
	background-color: #ffffff;
	text-align: center;
	color: #999999;
	font-size: .8em;
	padding: 1em 0 1em 0;
	margin: 0;
	border-top: dotted 2px #cccccc;
}
#footer p {
	padding: 10px;
	margin: 0px; 
	color: #999999;
	text-align: center;
	font-size: 0.8em;
}


/*
LEFT NAV BUTTONS
----------------------------------------------------------------------------------------------------*/
a.button {
margin: 0px 0px 2px 0px;
	display: block;
	font: Verdana, Arial, Helvetica, sans-serif;
	line-height: 25px;
	height: 30px;
	width: 170px;
	padding: 1px 0px 0px 8px;  
	color: #fff;  
	text-decoration: none;  
	text-transform: uppercase;  
	font-size: 0.8em; 
	text-align: left;
	text-shadow: #000000;
	font-weight: bold;
}  
a.button:link  {
	color: #ffffff; 
	text-decoration: none;
}  
a.button:visited {
	color: #ffffff; 
	text-decoration: none;
}
a.button:hover.banker {
	color: #ccddff; 
	text-decoration: none;
}
a.button:hover.consumer {
	color: #bbddaa;
	text-decoration: none;
}
a.button:hover.stratpart {
	color: #eecc99;
	text-decoration: none;
}
a.button:hover.medgov {
	color: #ddbbbb;
	text-decoration: none;
}
a.button:hover.main {
	color: #cccccc;
	text-decoration: none;
}
a.banker {  
	background: transparent url(oba_images/nav_btn_blue.png) no-repeat top left;
}
a.consumer {  
	background: transparent url(oba_images/nav_btn_green.png) no-repeat top left;
}  
a.stratpart {  
	background: transparent url(oba_images/nav_btn_orange.png) no-repeat top left;
}
a.medgov {  
	background: transparent url(oba_images/nav_btn_red.png) no-repeat top left;
}  
a.main {  
	background: transparent url(oba_images/nav_btn_gray.png) no-repeat top left;
}    

/*
SIDEBAR ITEMS ON BANKERS HOME PAGE, INCL. 'COMING SOON,' 'FEATURED PRODUCT' AND 'SPOTLIGHT ON'
----------------------------------------------------------------------------------------------------*/
.RSBShell {
	width: 170px;
	padding: 0px 5px;
}
.SBHeader {
	height: 26px;
	text-align: left;
	font-size: 1em;
	padding: 4px 5px 0 5px;
	margin: 0px 0px 0px 0px;
	width: 160px;
	background: transparent url(oba_images/sidebar_hdr_ltblue.gif) top left;
	border: #0C2577 solid 1px 1px 0px 1px;
	color: #0C2577;
}

a.SBLink { color: #000; }
.SBContent {
	text-align: left;
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 3px 5px;
	margin: 0px 0px 0px 0px;	
	background-color: #eef;
	border:#0C2577 solid 0px 1px 1px 1px;
	border-top-width: 0px;
	color: #000;
	width: 160px;
	overflow: hidden;
}

.SBHeaderHeadlines {
	height: 26px;
	text-align: left;
	font-size: 1em;
	padding: 4px 5px 0 5px;
	margin: 0px 0px 0px 0px;
	width: 180px;
	background: transparent url(oba_images/sidebar_hdr_ltblue.gif) top left;
	border: none;
	color: #0C2577;
}
.SBContentHeadlines {
	text-align: left;
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 3px 5px;
	margin: 0;
	background-color: #eef;
	border: none;
	color: #000;
	width: 180px;
	overflow: hidden;
}
.SBHeadlinesBox {
	text-align: left;
	font-size: 1em;
	line-height: 1.2em;
	padding: 3px 5px;
	margin: 0;
	background-color: #eef;
	border: none;
	color: #000;
	width: 100%;
	overflow: hidden;
}

.SBFlushRight {
	font-size: 0.8em;
	color: #000;
	text-align: right;
	padding: 3px 5px;
	margin: 0px 0px 0px 0px;
	background-color: #eef;
	width: 180px;
	overflow: hidden;
}
.SBHeaderBN {
	height: 26px;
	text-align: left;
	font-size: 1em;
	padding: 0px 5px;
	margin: 0px 0px 0px 0px;
	width: 160px;
	background: transparent url(oba_images/navbar_red.gif) top left;
	border: #cc0000 solid 1px 1px 0px 1px;
	color: #ffffff;
}

a.SBLink { color: #000; }
.SBContentBN {
	text-align: left;
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 3px 5px;
	margin: 0px 0px 0px 0px;	
	background-color: #fff;
	border:#cc0000 solid 0px 1px 1px 1px;
	border-top-width: 0px;
	color: #000;
	width: 160px;
	overflow: hidden;
}

.SBFlushRightBN {
	font-size: 0.8em;
	color: #000;
	text-align: right;
	padding: 3px 5px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	width: 160px;
	overflow: hidden;
}


UL.AllSidebarList {
	margin: 0px;
	padding: 0px;
}
UL.AllSidebarList LI {
	margin-bottom: 5px;
	list-style-type: none;	
	margin-left: 0px;
	color: #000;
}

UL.indexnews {
	list-style-type: square;
	list-style-position: outside;
	font-size: 1em;
	margin: 0 0 0 -1em;
	line-height: 2em;
}

.CommonDescription {
	font-size: 90%;
	color: #333333;
	padding: 0px 0px 8px 0px;
	margin-top: -5px;
	margin-bottom: 15px;
}
/*
BREADCRUMBS
----------------------------------------------------------------------------------------------------*/

#bread {
	color: #333333;
	background-color: #ffffff;
	padding: 3px;
	margin-bottom: 25px;
	font-size:.8em;
	text-transform:uppercase;
}
#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	text-transform:uppercase;
} 
#bread ul li {
	margin: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	text-transform:uppercase;
}


/*
PRINT-READY PAGE
----------------------------------------------------------------------------------------------------*/
#print {  
    background-image: url(oba_images/print_this_page.gif); 
    background-repeat: no-repeat;  
    width: 130px;  
    height: 24px;
	vertical-align:text-top;
	float: right;
	margin: -15px 0 0 0;
	position: relative;
	padding: 0;
}  

/*
SPLASH PAGE STYLE
----------------------------------------------------------------------------------------------------*/
#splashnavtop {
	clear: both; 
	padding: 2px 20px 6px 15px;
	margin: 5px 0px 0px 0px; 
	text-align: right;
	line-height: 2em;
	vertical-align: top;
	font-size: 0.9em;
	color: #666;
	float: right;	
}
#splashwelcome {
    background-image: url(oba_images/welcome_text.png);  
    background-repeat: no-repeat;
	background-position: center;
	margin-top: 50px;
	width: 708px;
	height: 57px; 
}
#splashnav {
	border: none;
	vertical-align: middle;
	float: none;
	margin-top: 10px;
	font-size: 1.3em;
	line-height: .95em;
	text-align: center;
	text-transform: uppercase;
}
#splashbottom {
	clear: both; 
	padding-right: 20px! important; 
	padding-left: 15px! important; 
	padding-bottom: 6px! important; 
	text-align: right;
	line-height: 2em;
	vertical-align: top;
	font-size: 0.8em;
	color: #666;
	float: right;	
}

	
/*
INTERIOR CENTER BUTTON LISTS
----------------------------------------------------------------------------------------------------*/
.mdbtn { /*These are the colored buttons on each of the subpages, such as News, GR, etc.*/
	float: left;
	vertical-align: text-top;
	text-align: left; 	
	font-size: 0.95em; 
	line-height: 1.2em;
	font-weight: normal;
	margin: 0em 2em 2em 0;
	padding: 0 0 0 .5em;
	min-height: 69px;
}
.mdbtn_ctr { /*Created this one as an exception for the Get Involved page.*/
	float: center;
	vertical-align: text-top;
	text-align: left; 	
	font-size: 1.1em; 
	line-height: 1.2em;
	font-weight: normal;
	margin: 0em 2em 2em 0;
	padding: 0 0 0 .5em;
	min-height: 69px;
}
.mdbtn_shell { /*Put on the buttons pages to be sure the gray dotted line goes down far enough the page does not go wonky in IE6.*/
	float: none;
	height: 600px;
}
.mdbtn_shell_xtall { /*Put on wonky pages when you need the right sid eto be as tall as the content. It's squirrelly, but it's the only way to keep IE6 and 7 fed and content.*/
	float: none;
	height: 100%;
}
p.mdbtn
{
	width: 180px;
	margin: 0;
}
p.mdbtnwide
{
	width: 300px;
	margin: 0;
}
p.mdbtn:first-line 
{
	font-size: 1.2em;
	font-weight: bold;
}
.mdbtn img {
	padding: 0 1em 0 0;
}

</STYLE>