/* -------------------------- <revisions> ---------------------------

Bayshore Solutions CSS Standard 

All non-general elements should be specified in their respective sections
and labeled appropriatly according to Design Standards Guide.

Latest Revisions: 
	- 7/31/06 :: DAB

-------------------------- </revisions> --------------------------- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	background: url(images/bg_tile.jpg) top center repeat-x #F4E1B3;
	padding: 0;
	margin: 0;
	}

.body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	border: none;
	padding: 0;
	margin: 0;
	}
	
p, table, th, tr, td, h1, h2, h3, img, a:link, a:visited, a:hover, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #FFF;
	border: none;
	}
	
h1 {
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #FFF;
	padding: 0 0 5px 0;
	margin: 0;
	text-transform: uppercase;
	}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #f4e1b3;
	padding: 0;
	margin: 0;
	}

h3 {
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	}

p {
	margin: 0;
	padding: 0;
	}
	
a:link, a:visited {
	text-decoration: underline;
	color: #f4e1b3;
	}
	
a:hover, a:active {
	text-decoration: none;
	color: #FFFFFF;
	}

/* ----------------------- <genClasses> --------------------------- */
.wrap {
	width: 834px;
	margin: 0 auto;
	/*background: url(images/bg_tile.jpg) top left repeat-y;*/
	}

.wrap_content {
	background: url(images/bg_home_content.jpg) top left no-repeat;
	/*min-height: 513px;*/
	}
	
.logo {
	margin-left: 8px;
	}
	
.topnav {
	margin-top: 10px;

	}
	
.topnav p {
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #346288;
	text-align:right;
	margin-right: 8px;
	}
	
.topnav a:link, .topnav a:visited {
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
	color: #346288;
	font-weight: bold;
	padding-top: 0;
	padding-right: 10px;
	text-decoration: none;
	text-transform: uppercase;
	text-decoration: none;
	}
	
.topnav a:hover, .topnav a:active {
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
	color: #346288;
	font-weight: bold;
	padding-top: 0;
	padding-right: 10px;
	text-decoration: none;
	text-transform: uppercase;
	text-decoration: underline;
	}
	
.mainnav {
 	width: 600px;
	margin-left: 8px;
	}
	
.signin {
	width: 185px;
	margin-top:13px;
	padding: 0;
	}
	
.signin_text {
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #346288;
	background-image: url(images/home_bnr_signin.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:10px;
	margin-left: 220px;
}

.signin_box { 	
	width: 175px;
	height: 19px;
	border: 1;
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin-top: 5px;
	margin-left: -10px;
	font-weight: normal;	
}

.search {

	}

.search_box {
	margin-top: 4px;
}

.SearchInput {
	border: 1px solid #FFF;
	width: 116px;
	height: 15px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 5px;
	padding-top: 1px;
	background-image: url(images/bg_searchField.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

.home_content_left {
	width: 204px;
	padding: 0 0 0 0;

	}

.leftNav_wrapper {
	height: 258px;
	width: 186px;
	margin-left: 19px;
	margin-top: 10px;
	background-image: url(images/bg_explore_tile.jpg);
	background-repeat: repeat;
	background-position: left top;
	overflow: hidden;
				
}

.leftNav_title {
	font-size: 13px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
	margin-left: 31px;
	margin-top: 15px;
	margin-bottom:3px;
	padding: 0;
	font-weight: bold;
}

.home_content_explore {
	width: 186px; 
	min-height: 258px;
	background-image: url(images/bg_explore_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.exploreLinks {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 19px;
	height: 19px;
}

.exploreArrows {
	width: 10px;
	margin: 4px 0 0 16px;
	background-image: url(images/arrow_explorelinks.gif);
	background-repeat: no-repeat;
	background-position: right center;
}



.exploreLinks a:link, .exploreLinks a:visited {
	padding: 1px 3px 1px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: underline;
	text-align:left;
	font-size: 11px;
	font-weight: bold;
	margin-left: 4px;
}

.exploreLinks a:hover, .exploreLinks a:active {
	text-decoration: none;
	color: #07437C;
	background-color: #FFFFFF;
}

.leftNav_bottom {
    min-height:258px;	
	width: 186px;
	background-image: url(images/bg_explore_btm.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*.home_content_explorelinks a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background: url(images/arrow_explorelinks.gif) left 5px no-repeat;
	padding-left: 10px;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	}*/

.home_bankOnline{
	width: 185px;
	height: 87px;
	/*background-image:url(images/Home_btn_bankOnline.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
	margin-top: 14px;
	margin-left: 19px;
}

.home_content_main{
	width: 598px;

	margin-top: 10px;
	margin-left: 8px;

	}

.home_flash{
	height: 258px;
}

.home_CTA1_wrapper{

	width: 598px;

	margin-top: 6px;
	margin-left: 8px;
	background-image: url(images/bg_CTA1_tile.jpg);
	background-repeat: repeat-y;

}

.home_CTA1_tile{
	background-image: url(images/bg_CTA1_tile.jpg);
}

.CTA1_title1 {
	font-size: 13px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
	margin-left: 35px;
	margin-top: 9px;
	font-weight: bold;
}

.CTA1_title2 {
	font-size: 13px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
	margin-left: 47px;
	margin-top: 9px;
	font-weight: bold;
}

.CTA1_moreLink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F4E1B3;
	text-decoration: underline;
	text-align: right;
}
.CTA1_moreLink a:link, .CTA1_moreLink a:active, .CTA1_moreLink a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F4E1B3;
	text-decoration: underline;
}

.CTA1_moreLink a:hover{
	color: #FFFFFF;
}

.home_CTA1_top{
	height: 98px;
	background-image: url(images/bg_CTA1_top.jpg);
	background-repeat: no-repeat;
}
.home_CTA1_contentPers{	
	color: #FFFFFF;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	width: 272px;
	margin-top: 8px;
	margin-left: 15px;
}

.home_CTA1_contentPers a:link, .home_CTA1_contentPers a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F4E1B3;
	text-decoration: underline;
}

.home_CTA1_contentPers a:hover, .home_CTA1_contentPers a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F4E1B3;
	text-decoration: none;
}

.home_CTA1_contentSmBus{
	color: #FFFFFF;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	width: 266px;
	margin-top: 8px;
	margin-left: 28px;
}

.home_CTA1_contentSmBus a:link, .home_CTA1_contentSmBus a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F4E1B3;
	text-decoration: underline;
}

.home_CTA1_contentSmBus a:hover, .home_CTA1_contentSmBus a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F4E1B3;
	text-decoration: none;
}

.home_CTA1_btm{
	height: 11px;
	width: 598px;
	background-image: url(images/bg_CTA1_btm.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #BCA76E;
	
}

/*Subpage Classes*/

.sp_content_main{
	width: 572px;
	padding-left: 18px;
	padding-top: 12px;
	padding-right: 8px;
	margin-right: 8px;
	min-height: 376px;
	margin-top: 10px;
	margin-left: 8px;
	background-image: url(images/sp_content_tile.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #9d8955;
	line-height: 19px;
	}
	
.sp_hiliteText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #f4e1b3;
	padding: 0;
	margin: 0;
	}
	
.sp_insetPhoto {
	margin-top: 20px;
}

/* End Subpage Classes */

.footer {
	background: url(images/home_footer_bg.gif) top left no-repeat;
	font-size: 11px;
	height: 50px;
	display: block;
	padding-top: 23px;
	text-align: center;
	color: #534119;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 834px;
	margin: 0 auto;
	}

.footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #534119;
	background-position: center;
	line-height: 2em;
	}

.footer a:link, .footer a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #534119;
	text-decoration: underline;
	padding: 0 7px;
	}

.footer a:hover, .footer a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #534119;
	text-decoration: none;
	padding: 0 7px;
	}
	

/* ----------------------- </genClasses> --------------------------- */

/* ----------------------- <imgRollOver> --------------------------- */
/* this is the super-duper "rollOver" technique for 
creating dynamic subnavs with the same background images 7/31/06 */

/* <table cellpadding="0" cellspacing="0" border="0" class="imageSwap">
    <tr>
        <td><a href="#" ><span>Lorem Ipsum 1</span></a>
			<a href="#" ><span>Lorem Ipsum 2</span></a>
			<a href="#" ><span>Lorem Ipsum 3</span></a>
			<a href="#" ><span>Lorem Ipsum 4</span></a>
			<a href="#" ><span>Lorem Ipsum 5</span></a>
			<a href="#" ><span>Lorem Ipsum 6</span></a></td>
    </tr>
    </table> the HTML code to make this work */

.imageSwap a:link, .imageSwap a:visited {
	padding: 1px 3px 1px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: underline;
	text-align:left;
	font-size: 11px;
	font-weight: bold;
	margin-left: 4px;
	}

.imageSwap a:hover, .imageSwap a:active {
	text-decoration: none;
	color: #07437C;
	background-color: #FFFFFF;
	}

/* this positions the text within the cell. must use a p tag around the dynamic text */

.imageSwap span {
	display: block;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 8px 3px 3px 30px;
	margin: 0;
	}
	
.subNavLinks {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 19px;
}
	
div .LinkDivon a:link, div .LinkDivon a:visited, div .LinkDivon a:hover, div .LinkDivon a:active
{
	text-decoration: none;
	color: #07437C;
	background-color: #FFFFFF;
}
	
div .tertiaryNav a.tertiaryNav:link, div .tertiaryNav a.tertiaryNav:visited
 {	
	color: #FFFFFF;
	text-decoration: underline;
 }
 div .tertiaryNav a.tertiaryNav:hover, div .tertiaryNav a.tertiaryNav:active 
 {
 	color: #07437C;
	text-decoration: none;
 }
	
div .tertiaryNav a.tertiaryNavOn:link, .tertiaryNav a.tertiaryNavOn:visited, .tertiaryNav a.tertiaryNavOn:hover, .tertiaryNav a.tertiaryNavOn:active
{	
 	color: #07437C;
	text-decoration: none;
	background-color: #FFFFFF;
}

div.exploreLinks
{
	background-image: url(images/arrow_explorelinks_tert21.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
div.exploreLinks:hover
{
	background-image: url(images/arrow_explorelinks_tert21OVER.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

div.tertiaryNav
{
	background-image: url(images/arrow_explorelinks_quat35.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
div.tertiaryNav:hover
{
	background-image: url(images/arrow_explorelinks_quat35OVER.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

div.quaternaryNav
{
	background-image: url(images/arrow_explorelinks_quat49.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
div.quaternaryNav:hover
{
	background-image: url(images/arrow_explorelinks_quat49OVER.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

div.quaternaryNav a.quaternaryNav:link, div.quaternaryNav a.quaternaryNav:visited 
{
	
}

div.quaternaryNav a.quaternaryNav:hover, div.quaternaryNav a.quaternaryNav:active 
{
	
}
	
.quaternaryNav a.quaternaryNavOn:link, .quaternaryNav a.quaternaryNavOn:visited, .quaternaryNav a.quaternaryNavOn:hover, .quaternaryNav a.quaternaryNavOn:active
{
 	color: #07437C; 	
	text-decoration: none;
	background-color: #FFFFFF;
}

div.quaternaryNavOn
{
	background-image: url(images/arrow_explorelinksOver.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

	
/* ----------------------- </imgRollOver> --------------------------- */