/*
-----------------------------------------------
Fulton Bank Screen Styles
Version: 17 April 2007
----------------------------------------------- */


/*
-----------------------------------------------
Color Library

Dark Blue - #0B2C83
Light Blue - #3595FF
Light Green - #E1EBC1
----------------------------------------------- */


/* =General
----------------------------------------------- */
body{
	background:#f3f3f3 url(../images/common/wrapper_bg.gif) repeat-y;
}
h1{
	color:#0B2C83;
	border-bottom:1px solid #CCC;
}
h2{
	color:#0B2C83;
}
h3{
	color:#0B2C83;
}
h4{
	color:#0B2C83;
}


/* Common=Sructure
----------------------------------------------- */
#header{
   background-color:#FFF;
   padding-bottom:0px;
}
#header #logo{
	margin:0;
}
#primaryContent{
	border-bottom-color:#FFF;
}
#leftColumn{
	border-right-color:#FFF;
}
#rightColumn{
	border-right-color:#FFF;
}
#footer{
	color:#666;
}
#footer a,
#footer a:link{
	color:#666;
}
#footer .eol span{
	background-image:url(../images/common/EHO.gif);
}


/* Common= Utility Navigation
----------------------------------------------- */
#utilityNav li{
	border-right-color:#CCDDEB;
}
#utilityNav li a,
#utilityNav li a:link{
	color:#666;
}
#utilityNav li a:hover{
	color:#000;
}
#searchForm .searchInput{
	color:#666;
}


/* Common= MainNav
----------------------------------------------- */
#mainNav{
	background:#0b2c83 url(../images/common/main_nav_bg.gif) repeat-x;
	border-bottom-color:#FFF;
}	
#mainNav li{
	border-right:1px solid #FFF;
	background:url(../images/common/main_nav_bg.gif) repeat-x;
	z-index:11;
}
#mainNav a,
#mainNav a:link{
	color:#FFF;
}
#mainNav li a:hover,
#mainNav li a.active,
#mainNav li a.active:link,
#mainNav li a:hover{
	background:url(../images/common/nav_on.gif) repeat-x;
}


/* Common= Sub-menu Dropdowns
----------------------------------------------- */
#mainNav li ul{
	background:#a8dfff;
	border-top:1px solid #FFF;
}
#mainNav ul li a,
#mainNav ul li a:link{
	color:#000;
}
#mainNav li li:hover,
#mainNav li li.sfhover{
	background:#004697;
}
#mainNav li li:hover a,
#mainNav li li:hover a:link,
#mainNav li li.sfhover a,
#mainNav li li.sfhover a:link{
	color:#FFF;
}


/* Specific = Navigation Widths
----------------------------------------------- */
/*
===============================================================
Sum of all Nav Item widths = 748px (width of navigation bar)
this is important and is necessary for dropdowns
to work correctly.
===============================================================
*/

#mainNav li#nav01,
#mainNav li#nav01 ul{
	width:175px;
}
#mainNav li#nav01 ul a,
#mainNav li#nav01 ul a:link{
	width:169px;
	/*  width of li minus 6px (3px of padding on the right and left)  */
}
#mainNav li#nav02,
#mainNav li#nav02 ul{
	width:175px;
}
#mainNav li#nav02 ul a,
#mainNav li#nav02 ul a:link{
	width:169px;
}
#mainNav li#nav03,
#mainNav li#nav03 ul{
	width:145px;
}
#mainNav li#nav03 ul a,
#mainNav li#nav03 ul a:link{
	width:139px;
}
#mainNav li#nav04,
#mainNav li#nav04 ul{
	width:140px;
}
#mainNav li#nav04 ul a,
#mainNav li#nav04 ul a:link{
	width:134px;
}
#mainNav li#nav05,
#mainNav li#nav05 ul{
	width:113px;
}
#mainNav li#nav05 ul a,
#mainNav li#nav05 ul a:link{
	width:107px;
}


/* Common= Breadcrumbs
----------------------------------------------- */
#contentContainer #breadcrumb a,
#contentContainer #breadcrumb a:link{
	color:#0B2C83;
	background-image:url(../images/interior/crumb.gif);
}
#contentContainer #breadcrumb a:hover{
	color:#3595FF;
}
#contentContainer #breadcrumb a.active,
#contentContainer #breadcrumb a.active:link,
#contentContainer #breadcrumb a.active:hover{
	color:#3595FF;
}


/* Common= SubNav
----------------------------------------------- */
#subNav a,
#subNav a:link{
	color:#0B2C83;
}
#subNav a.active,
#subNav a.active:link{
	background:url(../images/interior/arrow_active.gif) no-repeat right .95em;
	color:#000033;
}
#subNav a:hover{
	color:#000033;
}
#terNav{
	background:#EFFBC7;
}
#terNav a,
#terNav a:link{
	/*background:url(../images/interior/ternav_bg.gif) no-repeat 20px .95em;*/
}


/* Homepage=Content
----------------------------------------------- */
.home #primaryContent{
	background:#FFF url(../images/home/primary_bg.gif) repeat-y left;
}
a.more,
a.more:link{	
	color:#0B2C83;
	background:url(../images/common/arrow.gif) no-repeat right 50%;
}
#ratesContainer h1{
	background:#0c276b url(../images/home/bg_rates.gif) repeat-x 0 0;
	color:#FFF;
	border-bottom-color:#FFF;
}
#ratesContainer{
	background-color:#d5e89a;
	border-bottom-color:#FFF;
	color:#000;
}
#ratesContainer dt a,
#ratesContainer dt a:link{
	color:#003399;
}	
#ratesContainer dt a:hover{
	color:#003399;
}
#socialContainer h1{
	background:#0c276b url(../images/home/bg_rates.gif) repeat-x 0 0;
	color:#FFF;
	font-size:1em;
	border-bottom-color:#FFF;
}		
#socialContainer{
	background-color:#effbc7;
	color:#000;
	border-bottom-color:#FFF;
}
#socialContainer .content{
	background:url(../images/home/bg_leftMenuTop.gif) repeat-x 0 0;
}
#bankContainer h1{
	background:#0d2e84 url(../images/home/bg_rates.gif) repeat-x 0 0;
	color:#FFF;
	font-size:1em;
	border-bottom-color:#FFF;
}		
#bankContainer{
	background-color:#effbc7;
	color:#000;
	border-bottom-color:#FFF;
}	
#bankContainer .content{
	background:url(../images/home/bg_leftMenuTop.gif) repeat-x 0 0;
}
#photoContainer{
	border-bottom-color:#FFF;
	position:relative;
}
#photoContainer #slideshowControls{
	height:23px;
	position:absolute;
	right:8px;
	bottom:8px;
	width:68px;
	z-index:10;
	visibility:hidden;
}
#photoContainer #slideshowBg{
	background:url(../images/home/slideshowControls.png) no-repeat 0 0;
	height:23px;
	position:absolute;
	right:8px;
	bottom:8px;
	width:68px;
	z-index:10;
	visibility:hidden;
}
#photoContainer #prev{
	display:block;
	float:left;
	height:19px;
	margin:2px 0 0 2px;
	width:15px;
}
#photoContainer #next{
	display:block;
	float:right;
	height:19px;
	margin:2px 2px 0 0;
	width:15px;
}
#photoContainer #number{
	float:left;
	color:#000033;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin:5px 0 0 4px;	
}
#bottomWrapper{
	background:url(../images/home/bg_bottomDiv.gif) no-repeat 316px 0;
}

.quickLinks h2{
	background:url(../images/home/bg_hdr-quicklinks.gif) repeat-x 0 0;
	color:#000033;
	display:block;
	height:21px;
	margin:0 0 1px;
	padding:5px 0 0 10px;
}
.quickLinks .content{
	background:url(../images/home/bg_quickLinksContent.gif) no-repeat 0 0;
	padding:15px 10px 15px 16px;
}

.announcements h2{
	background:url(../images/home/bg_hdr-announcements.gif) repeat-x 0 0;
	color:#000033;
	display:block;
	padding:5px 0 0 10px;
	margin:0 0 1px;
	height:21px;
}
.announcements .content{
	background:url(../images/home/bg_announcementsContent.gif) no-repeat 0 0;
	padding:13px 10px;
}
.announcements span.header{
	display:block;
	font-weight:bold;
	margin:0 0 2px;
}
.announcements p{
	margin:0 0 10px;
}


/* Homepage=News Ticker
----------------------------------------------- */
#newsticker{
	border-top-color:#FFF;
	background:#97D4FF;
}
#newsticker li{
	background:#97D4FF;
	color:#002259;
}
#newsticker li a, #newsticker li a:link{
	color:#002259;
}
#newsticker li a:hover{
	color:#002259;
}


/* Common=Login
----------------------------------------------- */
#onlineContainer h1{
	background:#699620 url(../images/home/bg_onlinesvs.gif) repeat-x left bottom;
	color:#FFF;
	border-bottom-color:#FFF;
}	
#onlineContainer{
	background-color:#b5cd67;
	border-bottom-color:#FFF;
	color:#333;
}
#onlineContainer .content{
	background:url(../images/home/bg_onlineContainer.gif) repeat-x 0 0;
}
#onlineContainer .form{	
	color:#666;
}
#onlineContainer .form{	
	color:#666;
}


/* Interior=Content
----------------------------------------------- */
.interior #primaryContent{
	background:#FFF url(../images/interior/primary_bg.gif) repeat-y left;
}
#contentContainer a,
#contentConrainer a:link{
	color:#3595FF;
}
#contentContainer a:hover{
	color:#0B2C83;
}
#contentContainer ul li{
	background:url(../images/interior/bullet.gif) no-repeat 0 .7em;
}
.dataTable, .eventTable{
	border-bottom-color:#E1EBC1;
}
.dataTable thead th, .eventTable thead th{
	color:#012768;
	border-bottom-color:#E1EBC1;
	border-top-color:#E1EBC1;
}
.dataTable tbody th, .eventTable tbody th{
	border-color:#FFF;
}
.dataTable tbody td, .eventTable tbody td{
	border-color:#FFF;
}
.dataTable thead th, .eventTable thead th{
	background-color:#FFF!important;
}
.dataTable .alternate{
	background-color:#EAF7FF;
}
.dataTable tr.altrow td{
	background-color:#EAF7FF;
}

.eventTable{
	border-color:#E1EBC1;
}
.eventTable tr.altrow td{
	background-color:#EAF7FF;
}

.generalTable{
	border-bottom-color:#E1EBC1;
}
.generalTable thead th{
	color:#012768;
	border-bottom-color:#E1EBC1;
	border-top-color:#E1EBC1;
}
.generalTable tbody th{
	border-color:#FFF;
}
.generalTable tbody td{
	border-color:#FFF;
}
.generalTable thead th{
	background-color:#FFF!important;
}
.generalTable .alternate{
	background-color:#EAF7FF;
}

.generalForm{
	background-color:#EAF7FF;
	border-color:#b5bfda;
}
.generalForm input,
.generalForm option{
	color:#333;
}
.generalForm label{
	color:#0B2C83;
}
.generalForm p.instructions{
	color:#0B2C83;
}
#contentContainer dt{
	color:#0B2C83;
}