/* screen media styles
www.aacreditunion.org
--------------------------------- */

body {
	color: #fff;
	background: #fff;
	margin: 0;
	padding: 0;
	border-style: none;
}

body, th, td, span, div {
	font: 11px Arial, sans-serif;
	line-height: 14px;
	color: #666;
}

/* structure
-------------------- */

table#header, table#nav, table#footer, table#content {
	border-style: none;
	margin: 0 auto;
	padding: 0;
}

td#logo {text-align: left;}

#logo img {margin: 0;}

td#utilnav {
	text-align: right;
	color: #002A54;
	font-size: 11px;
	margin: 0;
}

#utilnav a:link, #utilnav a:visited {
	text-decoration: none;
	color: #0157AE;
	font-weight: normal;
}

#utilnav a:hover, #utilnav a:active {
	text-decoration: underline;
	color: #002A54;
}

#utilnav a.selected:link, #utilnav a.selected:visited {
	font-weight: bold;
	color: #002A54;
}

td#navmain {
	margin: 0;
	background-color: #99BCDF;
}

td#quicklinks {
	margin: 0;
	background-color: #0157AE;
	text-align: center;
}

td#secnav {
	background-color: #E6EEF6;
	font-size: 10px
}

/* level 1 links */
#secnavlist ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#secnavlist ul li {
	margin: 0;
	padding: 0 0 8px 0;
	background-image: none;
}

/* level 2 links */
#secnavlist ul ul {
	list-style: none;
	margin: 8px 0 0 4px;
}

#secnavlist ul ul li {
	margin: 0;
	padding: 0 0 5px 11px;
	background: url('../img/icon-arrow-se.gif') no-repeat 0 5px;
	font-weight: normal;
}

/* level 3 links */
#secnavlist ul ul ul {
	list-style: none;
	margin: 5px 0 0 0;
}

#secnavlist ul ul ul li {
	margin: 0;
	padding: 0 0 3px 11px;
	background: url('../img/icon-arrow-se.gif') no-repeat 0 5px;
	font-size: 10px;
	font-weight: normal;
}

#secnavlist a:link, #secnavlist a:visited {text-decoration: none;}

#secnavlist a:hover, #secnavlist a:active {text-decoration: underline;}

#secnavlist a.selected, #secnavlist a.selected:hover, #secnavlist a.selected:active {
	font-weight: bold;
	color: #002A54;
	text-decoration: none;
}

td#main {
	text-align: left;
	font-size: 11px;
}

td#sidebar {
	text-align: left;
	font-size: 11px;
	background-color: #CBE0F2;
}

td#sidebar-hm {
	text-align: left;
	font-size: 11px;
	background-color: #E6EEF6;
}

tr.sidebartop {background-color: #ECECEC;}

tr.sidebarline {background-color: #fff;}

#sidebar a:link, #sidebar a:visited {text-decoration: none;}
#sidebar a:hover, #sidebar a:active {
	color: #002A54;
	text-decoration: underline;
}

tr#ftrcontent {background-color: #ececec;}

td.ftrtxt {
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 15px;
}

.ftrtxt a:link, .ftrtxt a:visited {
	text-decoration: underline;
	color: #666;
}

.ftrtxt a:hover, .ftrtxt a:active {
	text-decoration: underline;
	color: #002A54;
}

.ftrtxt .selected {font-weight: bold;}

td.colorbar-dark {background-color: #7DA9D6;}
td.colorbar-light {background-color: #C2D7EC;}
td.colorbar-white {background-color: #fff;}

table.rates {
	border-left: 1px dashed #ccc;
	border-top: 1px dashed #ccc;
}

.rates th {
	text-align: left;
	background-color: #ECECEC;
	border-right: 1px dashed #ccc;
	padding: 6px 2px;
}

.rates td.section {
	border-right: 1px dashed #ccc;
	padding-bottom: 0;
}

.rates td.label {
	border-bottom: 1px dashed #ccc;
}

.rates td.data {
	border-right: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	text-align: right;
}

/* common
-------------------- */

a:link, a:visited {
	text-decoration: none;
	color: #0157AE;
}

a:hover, a:active {
	text-decoration: underline;
	color: #002A54;
}

h1 {
	margin: 0 0 18px 0;
	font-size: 24px;
	line-height: 1.1em;
	font-weight: bold;
	color: #002A54;
}

h2 {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #0157AE;
}

h3 {
	margin: 0 0 2px 0;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}

#main h3 {text-transform: uppercase;}

#sidebar h3 {
	color: #002A54;
	margin-bottom: 2px;
}

h4 {
	margin: 0 0 2px 0;
	font-size: 8px;
	font-weight: bold;
	text-transform: uppercase;
	color: #002A54;
}

h4 a:link, h4 a:active {text-decoration: none;}

p {margin: 0 0 11px 0;}

.crumb {
	font-size: 10px;
	color: #666;
}

.crumb a:link, .crumb a:visited {
	text-decoration: none;
	color: #0157AE;
}

.crumb a:hover, .crumb a:active {
	text-decoration: underline;
	color: #002A54;
}

.disclaimer {
	font-size: 10px;
	line-height: 10px;
}

hr {display: none;}

ul {
	list-style: none;
	margin: 0 0 11px 0;
	padding-left: 0;
	background: transparent;
}

ul li {
	margin: 5px 0 0 0;
	padding: 0 0 0 7px;
	background: url(../img/bullet-red.gif) no-repeat 0 5px;
}

ul ul li {margin: 5px 0 0 14px;}

ul.loose li {
	padding: 0 0 8px 7px;
	background: url(../img/bullet-red.gif) no-repeat 0 5px;
}

dl {margin: 0px 0 11px 0;}

dt {padding-bottom: 5px;}

dd {
	margin: 0;
	padding: 0 0 11px 15px;
}

.rule {
	margin: 11px 0;
	border-top: 1px solid #ccc;
}

.nodisplay {display: none;}

.linktop {
	margin: 14px 0;
	border-top: 1px solid #ccc;
	padding-top: 11px;
	font-size: 10px;
}

.linktop a:link, .linktop a:visited {
	font-size: 10px;
	text-decoration: none;
}

.linktop a:hover, .linktop a:active {
	text-decoration: underline;
	color: #002A54;
}

.topline {border-top: 1px solid #ccc;}

b {font-weight: bold;}
i {font-style: italic;}
u {border-bottom: 1px solid #666;}

sup {
	position: relative;
	font-size: .8em;
	vertical-align: 3px;
	left: 524px;

}

.strike {text-decoration: line-through;}

.imgright {
	float: right;
	margin: 0 0 11px 11px;
}

.imgleft {
	float: left;
	margin: 0 11px 11px 0;
}

.clear {clear: both;}

/* data tables
-------------------- */

table.tblData tr.hdr {background-color: #999;}

table.tblData tr.hdr th {
	text-align: left;
	font-size: 12px;
	color: #fff;
}

table.tblData tr.zebra {background-color: #eaeaea;}

table.tblData th {
	text-align: left;
	font-weight: bold;
}

caption {
	margin: 0 0 5px 0;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #002A54;
}

/* popups
-------------------- */

#popup-hdr {
	text-align: right;
	background: #99BCDF url(../img/bg_popup.gif) repeat-y top left;
}

/* forms
-------------------- */

.frmInline {display : inline;}

input, select {
	font-family: Arial, sans-serif; 
	font-size: 11px; 
	color: #666;
	vertical-align: middle;
}

.frmText {
	background: #fff; 
	border: 1px solid #2770BA;
	width: 152px; 
	font-family: Arial, sans-serif; 
	font-size: 11px; 
	color: #666;
}

.frmTextShort {
	background: #fff; 
	border: 1px solid #2770BA;
	width: 85px; 
	font-family: Arial, sans-serif; 
	font-size: 11px; 
	color: #666;
}

.frmText:hover, .frmText:focus, .frmTextShort:hover, .frmTextShort:focus, .frmTextarea:hover, .frmTextarea:focus {border: 1px solid #002A54;}

.frmTextarea {
	background: #fff; 
	border: 1px solid #2770BA;
	width: 152px;
	height: 70px;
	font-family: Arial, sans-serif; 
	font-size: 11px; 
	color: #666;
}

.frmButton {
	background: #fff;
	border: 1px solid #ccc;
	font-family: Arial, sans-serif; 
	font-weight: bold;
	font-size: 10px;
	text-transform : uppercase;
	color: #f7941d;
	vertical-align: top;
}

select.quicklinks {width: 155px;}

select.quicklinks option.optionHdr {
	font-weight: bold;
	color: #333;
	background-color: #CBE5FF;
}

select.findLoc {
	border: 1px solid #2770BA;
	width: 65px;
}

