/****************************************************
Created By: Delaware.net
****************************************************/

/* LAYOUT */

* {margin:0; padding:0;} 
body {background:url(/img/layout/1st_national_bg.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#fff; color:#000;}
p {margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
h2 {font-weight:normal;}
a {outline-style:none; color:#1a397a; text-decoration:underline;}
a:visted {outline-style:none; color:#1a397a; text-decoration:underline;}
a:hover {color:#1a397a; text-decoration:none;}
img {border:none;}
strong {font-weight:bold;}
b {font-weight:bold;}

#wrapper {margin:0 auto; width:900px; min-height:727px; height:auto !important; height:727px; background:url(/img/layout/1st_national_logo_bg.jpg) top left no-repeat;}

/* HEADER */

#header {width:900px; height:126px; color:#fff;}
#phone {float:left; width:343px; height:43px; padding:5px 0 0 150px; text-align:center;}
#phone #phoneLarge {font-size:16px;}

#subNav { position: relative; float:left; width:235px; padding:25px 0 0 0px;}
#subNav li {list-style:none; display:inline; padding:0 5px; border-right:1px solid #fff;}
#subNav li.last {list-style:none; display:inline; padding:0 5px; border:none;}
#subNav a {color:#fff; text-decoration:none;}
#subNav a:hover {color:#fff; text-decoration:underline;}
#weatherTitle {color:#000000; font-size:10px; font-weight:bold; position:absolute; right:78px;}

#logo {float:left; padding-left:120px; margin:3px 0 0 50px;}


#login {float:left; width:152px; height:43px; margin:16px 0 0 20px; background:url(/img/layout/login_bg.jpg) top left no-repeat;}
#login a {display:block; width:152px; height:43px; padding:5px 0 0 5px; font-weight:bold; font-size:11px; color:#fff; text-decoration:none;}
#login a #loginLarge {font-weight:bold; font-size:13px;}
#login a:hover {text-decoration:underline;}

/* CONTENT */

#flashWrapper {float:left; width:800px; height:166px; margin:0 0 0 49px;}

#hometextbold {color:#990000; font-size:14px; font-weight:bold;}
#hometext {color:#990000; }
#newstitle a {color:#990000; }

#content {float:left; width:600px; padding:15px 10px 15px 20px; position:relative;}
#content #welcome {margin-bottom:20px;}

#mainNav {float:left; width:170px; margin:0 0 15px 49px}
#mainNav li {list-style:none; width:168px; margin:12px 0 0 0; display:block; background:url(/img/layout/nav_bg.gif) top left repeat-x; border:1px solid #00236f;}
#mainNav li:hover {background:url(/img/layout/nav_bg_over.gif) top left repeat-x;}
#mainNav a {height:18px; width:152px; display:block; font-size:14px; color:#fff; text-decoration:none; padding:2px 0 0 15px;}
#mainNav a:hover {text-decoration:none;}

#mainNav #productsMain {background-image:url(/img/layout/nav_arrow_right.png); background-repeat:no-repeat;}
#mainNav #products {color:#284a91;}
#mainNav #products li {height:14px; margin:3px 0; list-style:square; color:#284a91; background:none; border:none;}
#mainNav #products li a {height:14px; color:#284a91; font-size:12px;}

#mainNav #businessMain {background-image:url(/img/layout/nav_arrow_right.png); background-repeat:no-repeat;}
#mainNav #business {color:#284a91;}
#mainNav #business li {height:14px; margin:3px 0; list-style:square; color:#284a91; background:none; border:none;}
#mainNav #business li a {height:14px; color:#284a91; font-size:12px;}

#mainNav #financialMain {background-image:url(/img/layout/nav_arrow_right.png); background-repeat:no-repeat;}
#mainNav #financial {color:#284a91;}
#mainNav #financial li {height:14px; margin:3px 0; list-style:square; color:#284a91; background:none; border:none;}
#mainNav #financial li a {height:14px; color:#284a91; font-size:12px;}

#mainNav #educationMain {background-image:url(/img/layout/nav_arrow_right.png); background-repeat:no-repeat;}
#mainNav #education {color:#284a91;}
#mainNav #education li {height:14px; margin:3px 0; list-style:square; color:#284a91; background:none; border:none;}
#mainNav #education li a {height:14px; color:#284a91; font-size:12px;}

#mainNav #locationMain {background-image:url(/img/layout/nav_arrow_right.png); background-repeat:no-repeat;}
#mainNav #location {color:#284a91;}
#mainNav #location li {height:14px; margin:3px 0; list-style:square; color:#284a91; background:none; border:none;}
#mainNav #location li a {height:14px; color:#284a91; font-size:12px;}

#mainNav #ratesMain {background-image:url(/img/layout/nav_arrow_right.png); background-repeat:no-repeat;}
#mainNav #rates {color:#284a91;}
#mainNav #rates li {height:14px; margin:3px 0; list-style:square; color:#284a91; background:none; border:none;}
#mainNav #rates li a {height:14px; color:#284a91; font-size:12px;}

#mainNav #loansMain {background-image:url(/img/layout/nav_arrow_right.png); background-repeat:no-repeat;}
#mainNav #loans {color:#284a91;}
#mainNav #loans li {height:14px; margin:3px 0; list-style:square; color:#284a91; background:none; border:none;}
#mainNav #loans li a {height:14px; color:#284a91; font-size:12px;}

#cta1 {float:left; width:185px; height:173px;}
#cta1 h2 {font-size:13px; color:#960000;}
#cta1 p {font-size:11px; line-height:15px;}
#cta2 {float:left; width:185px; height:173px; margin:0 10px; padding:0 10px; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9;}
#cta2 h2 {font-size:13px; color:#960000;}
#cta2 p {font-size:11px; line-height:15px;}
#cta3 {float:left; width:185px; height:173px;}
#cta3 h2 {font-size:13px; color:#960000;}
#cta3 p {font-size:11px; line-height:15px;}

#cta4 {float:left; width:185px; height:150px; margin:0 0 0 0; text-align:center;}
#cta4 h2 {font-size:13px; color:#960000;}
#cta4 p {font-size:11px; line-height:15px;}
#cta5 {float:left; width:185px; height:150px; margin:0 10px 0 10px; padding:0 10px; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9;}
#cta5 h2 {font-size:13px; color:#960000;}
#cta5 p {font-size:11px; line-height:15px;}
#cta6 {float:left; width:185px; height:150px; padding-top:30px; margin:0 0 0 0;}
#cta6 h2 {font-size:13px; color:#960000;}
#cta6 p {font-size:11px; line-height:15px;}

#allpoint { background-color:#CCCCCC; width:164px;}
#gobutton { vertical-align:bottom;}
#allpointimg { vertical-align:bottom;}
input.drop2 {height:20px;}

/*#news {float:left; width:256px; margin:15px 0 0 0;}
#identity {float:left; width:168px; height:123px; margin:10px 7px 0 7px; padding:5px; border:1px solid #e0dccf;}
#identity h2 {font-size:13px;}
#identity p {font-size:11px; margin-top:3px; line-height:14px;}
#points {float:left; width:134px; height:120px; margin-top:10px; padding:8px 5px 5px 5px; border:1px solid #e0dccf;}
#points p {font-size:11px; margin:5px 0 0 0; line-height:14px;}*/

#stolen { position:absolute; bottom:20px; left:-150px; width:260px; height:50px;}
#stolen img {float:left;}
#stolen p {float:left; color:#183471; font-size:13px; vertical-align:middle;}
#stolen img {margin-right:10px;}

#rewards { 
float:right;
width:600px; text-align:center;
padding-top:5px;
}


/* Locations Page */
.locationtitle {font-size:16px; color:#15316A;}
.locationpage {margin:-800px 0 0 300px;}

/* FOOTER */

#footerBar {height:15px; margin:0 auto; padding:0 0 5px 0; background:#333; font-size:11px; text-align:center; color:#eaeae0;}

#footer {margin:5px auto; text-align:center; color:#000; line-height:20px; text-align:center;}
#footer li {display:inline; list-style:none; padding:0 7px; border-right:1px solid #000;}
#footer li.last {border:none;}
#footer a {color:#000; font-size:12px;}

#footerLogos {margin:0 auto;}
#footerLogos img {padding:10px;}

/* Sitemap */
#siteMap {
	margin:10px 0 0 0;
	font-size:16px;
	list-style:none;
}
#siteMap ul {
	margin:10px 0 10px 20px;
	font-size:12px;
	list-style:inside;
}

/*=== clearfix ===*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* END */