/*begin reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*end reset*/

body  {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: white;
	text-align: center; 
	color: #464646;
}

#container { 
	width: 897px;  
	margin: 0 auto; 
	text-align: left; 
	/*background: url(../images/home-bg.gif) repeat-y #cc33aa;*/
	padding: 0;
}

#container2 { 
/*	width: 897px;*/  
	text-align: left; 
	background: url(../images/common/sub-bg.gif) repeat-y #ffffff;
	padding-bottom: 20px;
} 

#header { 
	background: #f0efe6; 
	padding: 0;
	height: 80px;
} 

#sidebarLeft {
	float: left; /* since this element is floated, a width must be given */
	width: 174px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #1A4697; /* the background color will be displayed for the length of the content in the column, but no further */
	/*background: yellow;*/
	padding: 0; 
	color: white;
	/*border-right: 2px solid white;*/
	/*min-height: 467px;*/ 
}

#mainContent { 
	margin: 0 0 0 174px; 
	padding: 0; 
	width: 723px;
	padding-bottom: 20px;
	background: url(../images/body/sub-bg-gradient.jpg) no-repeat;
}



#mainContent * {padding-left: 52px;}
#mainContent * * {padding-left: 0;}

#mainContent p {
margin-top: 15px;
margin-bottom: 12px;
/*margin-left: 54px;*/
line-height: 1.7em;
width: 520px;
}

#mainContent ul {
list-style-type:disc;
list-style-position: inside;
line-height: 1.7em;
width: 520px;
}

#mainContent li {
margin-top: 10px;
}

#mainContent a {
	color: #464646;
}

#mainContent a:hover {
	color: #000000;
}

#sidebarLeft p {
font-size: 10px;
margin-left: 23px;
margin-top: 14px;
margin-bottom: 12px;
line-height: 1.7em;
width: 125px;
}

#sidebarLeft a {text-decoration:none;}

#sidebarLeft p a {
color: white;
text-decoration: none;
line-height: 1.7em;
}

#sidebarLeft p a:hover {
color: #eed382;
text-decoration: none;
}

#sidebarLeft p a:visited {
text-decoration: none;
}



/*#bankingbutton {
	height: 28px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	overflow: hidden;
}
#bankingbutton li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}


#bankingbutton a {
	background: url(../images/common/sub-online-banking-button.gif) no-repeat;
}

#bankingbutton a:hover {
	background: url(../images/common/sub-online-banking-button_over.gif) no-repeat;
}*/

#sidebarLeft ul {
/*list-style-type:disc;
list-style-position: outside;*/
list-style: none;
/*background: yellow;*/
width: 155px;
margin: 0;
padding: 0;
padding-bottom: 10px;
}



#sidebarLeft li {
margin-top: 9px;
list-style-image: none;
list-style-type: none;
width: 140px;
margin-left: 23px;
font-size:10px;
}

#sidebarLeft li.active {
margin:0;
margin-top: 9px;
padding:0;
padding-left:23px;
background-image: url(../images/common/global-arrow-yellow.gif);
background-repeat:no-repeat;
background-position:1px 1px;
}

#sidebarLeft li a {
color: #fff;
}

#sidebarLeft li a:hover {
color: #eed382;
}

#sidebarLeft li.active a {
color: #eed382;
}

/* @group Online Banking Div and Button */

div#onlinebanking {
	width:174px;
	height: 84px;
	background: #dfdcc8;
	margin: 0;
	position: relative;
}
div#onlinebanking a {
	color: #464646;
	/*padding-left: 20px;*/
}

div#onlinebanking a:hover {
	color: #000;
}

div#onlinebanking a:visited {
	text-decoration: none;
}


h3.onlinebanking {
	width: 109px;
	height: 0;
	text-indent: -999em;
	margin: 0;
	padding: 0;
}
h3.onlinebanking a {
	background: url(../images/common/global-online-banking-button.gif) no-repeat top right;
	width:  109px;
	height: 28px;
	line-height: 1em;
	overflow: hidden;
	position:absolute;
	left:20px;
	top:20px;
}

h3.onlinebanking a:hover {
	background: url(../images/common/global-online-banking-button.gif) no-repeat bottom left;
}

/* @end */
#mainContent li.first {
margin-top: 10px;
}

/*@group Body Backgrounds*/
#commercial-real-estate-lending #mainContent { 
	background: url(../images/body/sub-com-lending-body.jpg) no-repeat;
} 

#construction-lending #mainContent {
	background: url(../images/body/sub-construction-lending-body.jpg) no-repeat;
}

#construction-lending #mainContent ul, 
#construction-lending #mainContent p 
{
width: 400px;
}

#emerging-business-banking #mainContent {
	background: url(../images/body/sub-emerging-business-body.jpg) no-repeat;
}

#business-lending #mainContent {
	background: url(../images/body/sub-business-lending-body.jpg) no-repeat;
}

#cash-management #mainContent {
	background: url(../images/body/sub-cash-management-body.jpg) no-repeat;
}

#remote-deposit-capture #mainContent {
	background: url(../images/body/sub-remote-deposit-body.jpg) no-repeat;
}
#remote-deposit-capture #mainContent ul, 
#remote-deposit-capture #mainContent p 
{
width: 430px;
}

#internet-business-banking #mainContent {
	background: url(../images/body/sub-internet-business-body.jpg) no-repeat;
}

#business-banking-accounts #mainContent {
	background: url(../images/body/sub-bus-bank-accounts-body.jpg) no-repeat;
}

#five-star-special-services #mainContent {
	background: url(../images/body/sub-special-services-body.jpg) no-repeat;
}

#personal-lending #mainContent {
	background: url(../images/body/sub-personal-lending-body.jpg) no-repeat;
}

#personal-internet-banking #mainContent {
	background: url(../images/body/sub-per-internet-bank-body.jpg) no-repeat;
}

#personal-banking-accounts #mainContent {
	background: url(../images/body/sub-per-bank-accounts-body.jpg) no-repeat;
}

#about-us #mainContent {
	background: url(../images/body/sub-about-body2009b.jpg) no-repeat;
}


#health-savings-account #mainContent { 
	background: url(../images/body/sub-hsa-body.jpg) no-repeat;
}

#cdars-overview #mainContent { 
	background: url(../images/body/sub-cdars-body.jpg) no-repeat;
}

#home-loans #mainContent { 
	background: url(../images/body/sub-home-loans-body3.jpg) no-repeat;
}

/*@end*/

#crumb {
	height: 27px;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
	font-size: .9em;
}

sub {
	top: .5ex;
}
.footnote {
	font-size: 9px;
}
#footer { 
	background-image: none;
	background: white;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	height: 58px;
/*border: 1px dotted red;*/
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	padding-top: 7px;
	padding-left: 10px;
	font-size: 9px;
	line-height: 12px;
	color: #949494;
	text-align: right;
	background-image: none;
	background: white;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfix { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    background: brown;
    
}


#mainContent b.bodysubhead {
	color: black;
}

#mainContent a.boldjump  {
	font-weight: bold;
	text-decoration: none;
	color: black;
}

#mainContent a:hover.boldjump  {
	color: #1A4697;
}

#mainContent a.btt  {
	font-style: italic;
	text-decoration: none;
	color: black;
}

#mainContent a:hover.btt  {
	font-style: italic;
	text-decoration: none;
	color: #1A4697;
}


.arrow {
padding-top: 4px;
margin-right: 2px;
vertical-align: top;
}

/*@group Home Main Nav*/

#nav {
	height: 45px;
	width: 623px;
	background: black;
	float: right;
	overflow: hidden;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	padding-top: 0;
	list-style: none;
	line-height: 1.3;
	/*background: #055DAB;*/
	font-size: 10px;
}

#nav ul { background: #1A4697; }

#nav a {
	display: block;
	width: 10em;
	text-decoration: none;
}

#nav a:hover { text-decoration: none; }

#nav li { /* all list items */
	float: left;
	 /* width needed or else Opera goes nuts */
	 margin-left: 32px;
}
#nav li#navAboutUs { /* just about */
	/*float: left;*/
	margin-left: 0;
	/*padding-left: 20px;*/
}






#nav li ul { /* second-level lists */
	position: absolute;
	/*width: 17em;*/
	left: -999em;/*  using left instead of display to hide menus because display: none isn't read by screen readers */
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 9px;
	
}


#nav li li { margin-left: 0;margin-bottom: 7px;clear: left;  }

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*hack for right most menu*/
#nav li#navAboutUs:hover ul, 
#nav li#navAboutUs.sfhover ul
 { /* lists nested under hovered list items */
	left: auto;
	/*margin-right: 200px;*/
	/*background: yellow;*/
	 position: absolute;
	 /*right: -100px;*/
}



#content { clear: left; color: #ccc; }

#nav li a {display: block; height: 45px; text-indent: -999em; outline: 0; -moz-outline: none; }
#nav li li a {display: block; text-indent: 0; outline: 0; -moz-outline: none;color: #ffffff;height: auto;line-height: 1.3em; }
#nav li li a:hover {color: #eed382;}

#nav #navCommercialRE { /*override the default nav for first position*/
margin-left: 18px;
}

#nav #navCommercialRE a { width: 131px; background: url(../images/nav/nav90-commercial-re.gif) no-repeat left top; }
#nav #navCommercialRE a:hover { background: url(../images/nav/nav90-commercial-re.gif) no-repeat left bottom; }

#nav #navBusinessBanking a { width: 99px; background: url(../images/nav/nav90-business-banking.gif) no-repeat left top; }
#nav #navBusinessBanking a:hover { background: url(../images/nav/nav90-business-banking.gif) no-repeat left bottom; }

#nav #navPersonalBanking a { width: 97px; background: url(../images/nav/nav90-personal-banking.gif) no-repeat left top; }
#nav #navPersonalBanking a:hover { background: url(../images/nav/nav90-personal-banking.gif) no-repeat left bottom; }
#nav #navPersonalBanking  ul li a:hover { background: none; }

#nav #navAboutUs a { width: 83px; background: url(../images/nav/nav90-about-us2.gif) no-repeat left top; }
#nav #navAboutUs a:hover { background: url(../images/nav/nav90-about-us2.gif) no-repeat left bottom; }
#nav #navAboutUs  ul { width: 106px; } /*added to keep drop menu over main content*/
#nav #navAboutUs  ul li a:hover { background: none; }

#nav #navCapitalGA a { width: 122px; background: url(../images/nav/nav90-capitol-green.gif) no-repeat left top; }
#nav #navCapitalGA a:hover { background: url(../images/nav/nav90-capitol-green.gif) no-repeat left bottom; }
#nav #navCapitalGA  ul li a:hover { background: none; }

#nav #navHomeLoans a { width: 67px; background: url(../images/nav/nav90-home-loans.gif) no-repeat left top; }
#nav #navHomeLoans a:hover { background: url(../images/nav/nav90-home-loans.gif) no-repeat left bottom; }
#nav #navHomeLoans  ul li a:hover { background: none; }

#nav li li a { width: auto !important; background-image: none !important; padding-left: 13px;padding-top: 3px;padding-right: 8px; }


#nav li#navAboutUs li a { width: 100px !important; }
/*test*/


#nav #navCapitalGA  li li a {
 line-height: 20px;
}
 
*:first-child+html #nav li:hover, #nav li.hover { position: static; } /*ie7 sticky menu fix*/
*:first-child+html .arrow { padding-top: 2px; } /*ie only*/
/*@end*/

#subLogo {
	width: 272px;
	float:left;
}
/* @group Sub Nav*/
#subTopNav {
	height: 35px;
	width: 450px;
	background: #f0efe6;
/*background-color: pink ;*/
	float: left;
}

#subTopNav ul { /* all lists */
	padding: 0;
	margin: 0;
	/*margin-top: 0;*/
	/*margin-left: 2px;*/
	list-style: none;
	line-height: 1;
	font-size: 10px;
	border-left: 2px solid white;
}


#subTopNav a {
	display: block;
	width: 7em;
}

#subTopNav li { /* all list items */
	 /* width needed or else Opera goes nuts */
	 float: left;
	 margin-right: 15px;
	 margin-bottom: 0;
	 /*border: 1px dotted red;*/

}

#subTopNav li a {display: block; height: 35px; text-indent: -999em; outline: 0; -moz-outline: none; }

#subTopNav #navCGA a { background: url(../images/nav/2nav-top-cap-green.gif) no-repeat left top;width: 158px; }
#subTopNav #navCGA a:hover { background: url(../images/nav/2nav-top-cap-green.gif) no-repeat left bottom; }

/*#subTopNav #navContactUs { margin-left: 19px; }*/
#subTopNav #navContactUs a { background: url(../images/nav/2nav-top-contact.gif) no-repeat left top;width: 50px; }
#subTopNav #navContactUs a:hover { background: url(../images/nav/2nav-top-contact.gif) no-repeat left bottom; }

#subTopNav #navFaq a { background: url(../images/nav/2nav-top-faq.gif) no-repeat left top;width: 18px; }
#subTopNav #navFaq a:hover { background: url(../images/nav/2nav-top-faq.gif) no-repeat left bottom; }

#subTopNav #navCareers a { background: url(../images/nav/2nav-top-careers.gif) no-repeat left top;width: 35px; }
#subTopNav #navCareers a:hover { background: url(../images/nav/2nav-top-careers.gif) no-repeat left bottom; }

#subTopNav #navFeedback a { background: url(../images/nav/2nav-top-feedback.gif) no-repeat left top;width: 44px; }
#subTopNav #navFeedback a:hover { background: url(../images/nav/2nav-top-feedback.gif) no-repeat left bottom; }

/*#subTopNav #navBlog a { background: url(../images/nav/2nav-top-blog.gif) no-repeat left top;width: 20px; }
#subTopNav #navBlog a:hover { background: url(../images/nav/2nav-top-blog.gif) no-repeat left bottom; }*/
/*@end*/