/* AM Federal CSS */

/* Reset default positioning values */
@import "reset.css";

/*************** Layout */

#wrapper {
  width: 925px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  font-family: verdana, tahoma, geneva, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #666666;
}

#wrapperInner {
  float: left;
  display: inline;
  width: 925px;
  height: auto;
  background: url('../images/bg.gif');
}

/*************** Header */

#header {
  float: left;
  display: inline;
  width: 925px;
  height: 176px;
  background: url('../images/header.jpg') no-repeat;
}

#logo {
  float: left;
  display: inline;
  width: 162px;
  height: 120px;
  font-size: 22px;
  line-height: 26px;
  margin: 18px 0px 0px 25px;
}

#tagline {
  float: left;
  display: inline;
  width: 511px;
  height: auto;
  margin: 115px 0px 0px 20px;
  line-height: 25px;
  font-size: 20px;
  font-family: georgia, serif;
  text-align: center;
  color: #331111;  
}

#search {
  float: right;
  display: none;
  width: 160px;
  height: auto;
  margin: 120px 30px 0px 0px;
  text-align: right;
}

#search input {
  float: left;
  width: 100px;
  height: auto;
  margin: 0px 4px 0px 0px;
}

#search input.submit {
  float: right;
  width: 50px;
  margin: 0px;
}

/*************** Nav (Basic Layout) */

#nav {
  float: left;
  display: inline;
  width: 207px;
  height: auto;
  border-top: solid 1px #556633;
  z-index: 1;
}

#nav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  z-index: 1;
}

#nav ul li {
  float: left;
  width: 207px;
  margin: 0px; 
  padding: 0px;
  position: relative;
  border-bottom: solid 1px #556633;
  z-index: 1;
}

#nav a {
  display: block;
  position: relative;
  width: 171px;
  height: auto;
  margin: 0px;
  font-size: 12px;
  padding: 4px 18px;
  line-height: 20px;
  color: #ffffff;
  text-decoration: none;
  background: url('../images/nav_bg.jpg') repeat-y;
  z-index: 200; 
}

#nav a:hover {
  color: #ffffff;
  background: #99bb55;
}

#nav li ul {
  float: none;
  position: absolute;
  width: 207px;
  height: auto;
  left: -999em;
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-top: solid 1px #556633;
  border-right: solid 1px #556633;
  border-left: solid 1px #556633;
}

/*************** Nav (Special Positioning) */

/* New Magic */
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul, 
#nav li.sfhover ul ul ul ul {
  left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul, 
#nav li li li li.sfhover ul {
  top: -1px;
  left: 207px;
}

#nav ul li#navAbout:hover ul { top: -166px; }
#nav ul li#navCalc:hover ul { top: -59px; }
#nav ul li#navEdu:hover ul { top: -146px; }
#nav ul li#navEdu:hover ul ul { top: -1px; }
#nav ul li#navOnline:hover ul { top: -79px; }
#nav ul li#navAccess:hover ul { top: -117px; }
#nav ul li#navIns:hover ul ul { top: -1px; }
#nav ul li#navIns:hover ul { top: -88px; }
#nav ul li#navEdu:hover ul li#navMortgageLoans ul { top: -108px; }
#nav ul li#navIns:hover ul li#navLife ul{ top: -99px; }
#nav ul li#navAccess:hover ul li#navByPhone ul { top: -1px; }


/*************** Content */

#content {
  float: left;
  display: inline;
  width: 441px;
  height: auto;
  padding: 10px 35px;
}

#content h1, 
#content h2, 
#content h3, 
#content h4, 
#content p, 
#content div.list {
  width: 441px;
}

#content h1 {
  margin: 0px 0px 20px 0px;
}

p.homePromo {
  margin: 20px 0px 0px 0px;
}

p.homePromo img {
  float: left;
}

p.homePromo span {
  float: left;
  margin: 32px 0px 0px 10px;
  color: #554433;
  font-size: 14px;
}

p.homePromo span a:link,
p.homePromo span a:visited {
  text-decoration: none;
  color: #666666;
  font-size: 11px;
}

p.homePromo span a:hover,
p.homePromo span a:active {
  text-decoration: underline;
  color: #333333;
}

/*************** sideBar */

.sideBar {
  display: inline;
  width: 207px;
  height: auto;
}

.sideBar div.bucket {
  float: right;
  display: inline;
  width: 167px;
  height: auto;
  padding: 10px 20px 0px 20px;
  border-bottom: solid 1px #ccddcc;
}

.sideBar div.bucket h1, 
.sideBar div.bucket h2, 
.sideBar div.bucket h3, 
.sideBar div.bucket h4, 
.sideBar div.bucket p, 
.sideBar div.bucket div.list {
  width: 167px;
}

.sideBar p {
  color: #ffffff;
}

.sideBar div.bucket input.text {
  width: 75px;
}

.sideBar div.bucket input.submit {
  margin: 0px 0px 0px 8px;
}


/*************** topNav */

#topNav {
  float: left;
  display: inline;
  width: 441px;
  height: auto;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
  color: #cccccc;
}

#topNav a:link,
#topNav a:visited {
  color: #999999;
  margin: 0px 3px;
  text-decoration: none;
}

#topNav a:hover,
#topNav a:active {
  color: #333333;
  text-decoration: underline;
}

/*************** Footer */

#footer {
  float: left;
  display: inline;
  width: 441px;
  height: auto;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  padding: 0px 0px 20px 0px;
  margin: 20px 0px 0px 0px;
  color: #cccccc;
}

#footer a:link,
#footer a:visited {
  color: #999999;
  margin: 0px 3px;
  text-decoration: none;
}

#footer a:hover,
#footer a:active {
  color: #333333;
  text-decoration: underline;
}

#footer img {
  margin: 15px 0px 0px 0px;
}

/*************** Tags */

h1 {
  float: left;
  display: inline;
  width: 925px;
  height: auto;
  font-weight: normal;
  color: #554433;
  font-size: 17px;
  line-height: 22px;
  font-family: georgia, serif;
  margin: 0px 0px 10px 0px;
}

h2 {
  float: left;
  display: inline;
  clear: left;
  width: 925px;
  height: auto;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  color: #554433;
  font-family: verdana, tahoma, geneva, sans-serif;
  margin: 8px 0px 10px 0px;
}

h3 {
  float: left;
  display: inline;
  clear: left;
  width: 925px;
  height: auto;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #999999;
  font-family: verdana, tahoma, geneva, sans-serif;
  margin: 0px 0px 12px 0px;
}

h4 {
  float: left;
  display: inline;
  clear: left;
  width: 925px;
  height: auto;
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
  color: #554433;
  font-family: verdana, tahoma, geneva, sans-serif;
  margin: 0px 0px 12px 0px;
}

p {
  float: left;  
  display: inline;
  width: 925px; 
  height: auto;
  padding: 0px 0px 10px 0px;
  line-height: 15px;
}

a, a:link {
  color: #554433;
}

a:visited {
  color: #554433;
}

a:hover, a:active {
  color: #995544;
}

a.blue:link, a.blue:visited {
  color: #014586;
}

a.blue:hover, a.blue:active {
  color: #336699;
}

blockquote {
  float: left;
  display: inline;
  width: 968px;
  height: auto;
  padding: 12px;
  margin: 0px 0px 12px 0px;
  color: #999999;
  font-size: 11px;
  line-height: 16px;
  background: #eeeeee;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

/*************** Lists */

div.list {
  float: left;  
  display: inline;
  width: 925px;
  height: auto;
  margin: 0px 0px 12px 0px;
}

ul, ol {
  margin: 0px;
}

ul {
  list-style: disc;
  padding: 0px 0px 0px 18px;  
}

ol {
  list-style: decimal;
  padding: 0px 0px 0px 28px;  
}

ul li, ol li {
  font-size: 11px;
  line-height: 15px;
  padding: 0px;
  margin: 0px;
}

ul li ul {
  margin: 4px 0px;
  padding: 0px 0px 0px 18px;  
}

ol li ol {
  list-style: lower-alpha;
  margin: 4px 0px;
  padding: 0px 0px 0px 18px;  
}

ul li ul li, ol li ol li {
  font-size: 10px;
  line-height: 15px;
  padding: 0px;
  margin: 0px;
}

/*************** Column Layout */

.half       { width: 50%; }
.third      { width: 33%; }
.twoThirds  { width: 67%; }

.half h1,
.half h2,
.half h3,
.half h4,
.half p,
.half div.list,
.third h1,
.third h2,
.third h3,
.third h4,
.third p,
.third div.list,
.twoThirds h1,
.twoThirds h2,
.twoThirds h3,
.twoThirds h4,
.twoThirds p,
.twoThirds div.list {
  width: 95%;
}

#content .half h1,
#content .half h2,
#content .half h3,
#content .half h4,
#content .half p,
#content .half div.list,
#content .third h1,
#content .third h2,
#content .third h3,
#content .third h4,
#content .third p,
#content .third div.list,
#content .twoThirds h1,
#content .twoThirds h2,
#content .twoThirds h3,
#content .twoThirds h4,
#content .twoThirds p,
#content .twoThirds div.list {
  width: 95%;
}

/*************** Tables */

table {
  float: left;
  clear: left;
  display: inline;
  width: 441px;
  height: auto;
  border-collapse: collapse;
  margin: 0px 0px 10px 0px;
}

table thead {
  width: 441px;
  height: auto;
}

table tr th {
  width: auto;
  height: auto;
  font-weight: normal;
  padding: 5px;
  vertical-align: top;
  line-height: 16px;
}

table tr td {
  width: auto;
  height: auto;
  padding: 5px;
  vertical-align: top;
  line-height: 16px;
}

table thead tr td {
  width: auto;
  height: auto;
  padding: 5px;
  vertical-align: top;
  line-height: 16px;
  font-weight: bold;
  background: #eeeeee;
  border-bottom: solid 1px #cccccc;
}

/********** Rates Tables *******/

.rates {
	margin:12px auto; width:100%; border-collapse:collapse; border:0
}

.rates table {
	width:100%
}

.rates td {
	border:1px #bbb solid; padding:3px
}

.ratesTitle {
	color:#556633; font-size:12px; font-weight:bold;
	background-color:#99bb55; text-align:center; width:100%
}

.ratesColumnHeader {
	color:#222; font-weight:bold; 	background-color:#ccddc8; 
	font-family:Arial, Helvetica, sans-serif; text-align:center;	
}

.ratesColumnHeadingLeft {
	background-image:url('images/BG-topLine.jpg'); background-repeat:repeat-x; background-position:bottom;
	color:#fff; font-weight:bold; 
	font-size:12px; background-color:#1169b3; font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;	
}


.ratesDisclaimers {
	border:0; font-size:9pt; margin:-12px auto 30px; width:96%
}









/*************** Forms */

input {
  font-family: verdana, verdana, tahoma, geneva, sans-serif;
  font-size: 10px;
  line-height: 12px;
  color: #333333;
  padding: 2px;
  margin:0px;
  border: solid 1px #ccbbaa;
  background: #ffffff;
}

input.file {
  width: 308px;
  height: auto;
}

input.text {
  width: 300px;
  height: auto;
}

input.city {
  width: 184px;
  height: auto;
}

input.zip {
  width: 50px;
  height: auto;
}

span.check {
  float: left;
  clear: left;
  display: inline;
  font-size: 11px;
  line-height: 15px;
}

span.check input {
  float: left;
  display: inline;
  width: auto;
  height: auto;
  border: 0px;
  background: none;
  margin: 0px 8px 0px 0px;
  padding: 0px;
  font-size: 11px;
  line-height: 15px;
}

select {
  width: 308px;
  height: auto;
  font-family: verdana, verdana, tahoma, geneva, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #333333;
  border: solid 4px #eeeeee;
  background: #eeeeee;
}

select.multiple {
  width: 308px;
  height: auto;
}

select.state {
  width: 50px;
  height: auto;
}

select.month {
  width: 80px;
  height: auto;
}

select.day {
  width: 50px;
  height: auto;
}

select.year {
  width: 80px;
  height: auto;
}

textarea {
  width: 300px;
  height: 150px;
  font-family: verdana, verdana, tahoma, geneva, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #333333;
  border: solid 1px #ccbbaa;
  background: #ffffff;
}

input.submit {
  width: auto;
  height: auto;
  margin: 0px 8px 0px 0px;
  padding: 0px 0px 1px 0px;
  font-family: verdana, verdana, tahoma, geneva, sans-serif;
  font-size: 10px;
  line-height: 12px;
  color: #bbaa99;
  font-weight: normal;
  text-align: center;
  border: solid 1px #ccbbaa;
  background: #ffffff;
}

a.submit {
  width: auto;
  height: auto;
  display: block;
  margin: 0px 8px 0px 0px;
  padding: 1px 4px 2px 4px;
  font-family: verdana, verdana, tahoma, geneva, sans-serif;
  font-size: 10px;
  line-height: 12px;
  color: #bbaa99;
  font-weight: normal;
  text-align: center;
  border: solid 1px #ccbbaa;
  background: #ffffff;
  text-decoration: none;
}

input.submit:hover,
a.submit:hover {
  background: #ffeedd;
  cursor: pointer;
}

a.button, a.button:link, a.button:visited {
  width: auto;
  height: auto;
  margin: 0px 8px 0px 0px;
  padding: 4px 8px;
  font-family: verdana, tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #226699;
  font-weight: bold;
  text-align: center;
  background: #88bbdd;
  border: solid 1px #3388bb;
  text-decoration: none;
}

a.button:hover, a.button:active {
  background: #99ccee;
  text-decoration: none;
}

.error {
  float: left;
  display: inline;
  width: 756px;
  height: auto;
  font-size: 14px;
  font-weight: bold;
  color: #990000;
  background: #ee9999;
  border: 1px solid #aa2222;
  padding: 5px;
  margin: 0px 0px 12px 0px;
}

form #calculator {
  display:inline;
  float:left;
  color:#556633;
  margin:0px 0px 0px 0px;
  font-size:1.2em;
  font-weight:bold;
}

#form, #form1 {
  display:inline;
  float:left;
  width:auto;
  height:auto;
  background-color:#ffffff;
  padding:5px;
  margin:0px 0px 10px 0px;
  border:solid 1px #556633;
  font-size:1.1em;
}

#form table, #form tr, #form th {
  border-collapse:collapse;
  width:300px;
}

#form td, #form1 td {
  width:10px;
}

#form1 table, #form1 tr, #form1 th {
  border-collapse:collapse;
  width:350px;
}

#form input {
  display:inline;
  float:left;
  font-size:12px;
}

form hr {
  width:275px;
  display:inline;
  float:left;
  text-align:left;
  color:#556633;
  background-color:#556633;
  border:none;
  height:1px;
}



/*************** Generic Classes */

.floatLeft       { float: left; display: inline; }
.floatRight     { float: right; display: inline; }
img.floatLeft    { float: left; display: inline; margin: 0px 8px 8px 0px; }
img.floatRight  { float: right; display: inline; margin: 0px 0px 8px 8px; }
.centered       { text-align: center; }
.alignRight     { text-align: right; }

.tiny           { font-size: 10px; line-height: 16px; }
.small           { font-size: 11px; line-height: 16px; }
.normal         { font-size: 12px; line-height: 18px; }
.medium         { font-size: 14px; line-height: 20px; }
.big             { font-size: 16px; line-height: 22px; }
.huge            { font-size: 18px; line-height: 24px; }

.italic         { font-style: italic; }
.bold           { font-weight: bold; }
.nobold         { font-weight: normal; }

.grey            { color: #999999; }
.blue            { color: #336699; }
.green          { color: #339933; }
.red            { color: #993333; }
.black          { color: #111111; }
.noMargin	{padding: 0px;}


/************ Buttons **************/

.buttonSquare {
	color:#fff; font-size:12px; text-align:center; width:160px; height:25px; margin:12px auto 14px; 
	border:1px #556633 solid; background: url('../images/nav_bg.jpg') repeat-y;
	line-height:23px; font-weight:bold;
}

.buttonSquare a:link, .buttonSquare a:visited, .buttonSquare a:active  {
	text-decoration:none; color:#d96728; width:160px; height:25px; display:block; background-color:#f8e69a
}

.buttonSquare a:hover {
	background-color:#99bb55; width:160px; height:25px; display:block; color:#fff
}

.buttonSpacer {
	height:9px;
	*height:12px;
}

/************ Online Banking **************/

.onlineBankingButton {
	color:#fff; font-size:12px; text-align:center; width:160px; height:25px; margin:12px auto 14px; 
	/*border:1px #3e150f solid;*/border:1px #556633 solid; background: url('../images/nav_bg.jpg') repeat-y;
	line-height:16px;
	*line-height:23px;
}

.onlineBankingButton a:link, .onlineBankingButton a:visited, .onlineBankingButton a:active  {
	text-decoration:none; color:#fff; width:160px; height:25px; display:block
}

.onlineBankingButton a:hover {
	background-color:#99bb55; width:160px; height:25px; display:block; /*color:#995544*/ color:#fff

}

/************ Calculators *****************/

.calculatorC {
	background-color:#fff; border:1px #ddd solid; width:423px; margin:15px auto 10px; padding:9px
}

.calculator {
	padding:8px
}

.calculatorInnerTable {
	width:100%; border:0; border-collapse:collapse; margin:0 auto;
}

.calculatorInnerTable td {
	border:0; padding:2px
}

.calculator-leftColumn {
	width:50%; text-align:right;	
}

.calculator-leftColumnWider {
	width:50%	
}

.results {
	 margin:5px auto; width:423px; font-weight:bold
}

.rightNavLinkWhite {
	color:#fff; text-decoration:none
}

.rightNavLinkWhite a:link, .rightNavLinkWhite a:visited, .rightNavLinkWhite a:active, .rightNavLinkWhite a:hover {
	color:#fff; text-decoration:none; border:0
}

.WhatsNewQuickLinks {
	color:#f7e9a2; font-weight:bold; font-size:10px; margin-top:-9px;
}

.WhatsNewQuickLinks a:link,  .WhatsNewQuickLinks a:active, .WhatsNewQuickLinks a:visited {
	color:#f7e9a2; text-decoration:none; font-size:10px;
}

.WhatsNewQuickLinks a:hover {
	color:#f7e9a2; text-decoration:underline;
}

.QuickLinksTitle {
	 color:#fff; font-weight:normal; font-size:16px; font-family:Georgia, Helvetica; margin-top:0px; margin-left:20px;
	 width:132px;
	 _width:129px
}