/***** ACCESSIBILITY SKIP LINKS *******/
dl.accessibility, #skip_to_nav, #skip_to_content {text-align:left;position:absolute;top:0;left:-500em;}
body {
background:#CCC0A3 url(images/CitizensBank_bg.png) repeat;
font-family:Helvetica, Arial, sans-serif;
color:#333333;
}

p {font-size:.8em; margin:.2em 0 .9em 0; line-height:1.4em;}
strong {font-weight:bold;}
h1 {color:#014F28; font-size:1em; font-weight:bold;}
h2 {color:#014F28; font-size:1em; font-weight:normal; margin:.4em 0 .3em 0;}
h2 a:link, h2 a:visited {color:#999966; text-decoration:none; padding:2px 0;}
h2 a:hover {color:#D46F23;text-decoration:none;}
h3 {color:#014F28; font-size:.7em; font-weight:bold; margin:.2em 0 .3em 0;}
hr.clear {clear:both; height:1px; border:0; visibility:hidden;}
ul.ul_normal, ol.ol_normal {margin:0 0 15px 0;}
ul.ul_normal li {font-size:.8em; list-style:circle; margin:0 0 3px 20px;}
ol.ol_normal li {font-size:.8em; list-style:decimal; margin:0 0 0 30px;}
/* colors
green: #014F28
light green: #00703C
light grey: #E3D8CD
dark grey: #231F20
light tan: #F3F1D8
*/
#container {
background:url(images/citizens_shadow.png) center repeat-y;
margin:0 auto;
width:843px;
height:auto;
}
#content {
/*background:red;*/
position:relative;
overflow:hidden;
width:817px;
margin:0 0 0 25px;
}
#header {
position:relative;
height:94px;
}
#logo {
position:absolute;
top:21px;
left:42px;
background:url(images/CitizensBank_logo.png) no-repeat;
width:288px;
height:52px;
text-indent:-1000em;
}
#logo a {display:block; height:52px; width:288px; padding:0;}
#logo a:hover {}
.tagline {
position:absolute;
right:38px;
top:42px;
background:url(images/citizensbank_tagline.png) no-repeat;
width:191px;
height:13px;
text-indent:-1000em;
}
.homeimage {margin:0}

#nav {
height:28px;
width:816px;
background:#014F28 url(images/tile_nav_rt_shadow.png) right repeat-y;
padding:3px 0 0 0;
}
#nav, #nav ul { /* all lists */
list-style: none;
line-height: 1;
}
#nav a {
display: block;
color:#fff;
font:bold .8em Arial, Helvetica, sans-serif;
white-space:nowrap;
padding:5px;
text-decoration:none;
}
#nav li a:hover {color: #EAE7B9;}

#nav li { /* all list items */
list-style: none;
float: left;
padding:0;
margin:0 0 0 15px;
}
#nav li ul { /* second-level lists */
position: absolute;
background:#014F28;
width:200px;
left: -999em;
}
#nav li ul li {margin:0}

#nav li ul li a {
display:block;
width:190px;
font:.70em Arial, Helvetica, sans-serif;
}
#nav li ul li a:hover { background-color:#231F20;}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}


#col_1 {
/*background:yellow;*/
float:left;
width:569px;
margin:0;
}

/* NOTE must .clear element following columns */
#col_2 {
	float:right;
	background: url(images/login_box.png) top no-repeat;
	width:241px;
	height: 147px;
}

#col_1_interior {padding:30px 0 0 65px;}
.small_logo {position:absolute; top:165px; left:16px;}

#login {height:158px;}
#login img {margin:10px 0 0 25px;}/* TEMPORARY display img */

.intro_p {font-size:.8em; margin:30px 30px 10px 65px; line-height:2.2em;}
/* original teasers 3 in a row */
.teaser_1 {
display: inline; /* for ie6 */
border:1px solid #E3D8CD;
border-width:1px 1px 0 0;
float:left;
margin:0 0 0 50px;
width:287px;
}
.teaser_2 {
border:1px solid #E3D8CD;
border-width:1px 1px 0 0;
float:left;
width:287px;
}
.teaser_3 {
border:1px solid #E3D8CD;
border-width:1px 0 0 0;
float:left;
width:106px;
}
.teaser_1 p, .teaser_2 p, .teaser_3 p {
font-size:.7em;
margin:0 16px 16px 16px;
line-height: 1.7em;
}
.teaser_3 p { margin-right:0;}
.teaser_1 h1, .teaser_2 h1, .teaser_3 h1 {margin:16px} 

.teaser_col1 {
display: inline;/* for ie6 */
/*background:yellow;*/
float:left;
margin:0 0 0 60px;
width:530px;
}
.teaser_col1 div {
line-height: 1.5em;
border-bottom:1px solid #E3D8CD;
padding:20px 20px 20px 0;
margin:0 20px 0 0;
}
.teaser_col2 {
float:left;
/*background:pink;*/
border:1px solid #E3D8CD;
border-width:0 0 0 1px;
width:200px;
}
.teaser_col2 p {
font-size:.7em;
padding:0 16px 16px 16px;
line-height: 1.5em;
border-bottom:1px solid #E3D8CD;
}
.teaser_col2 h3 {margin-left:16px;}
.last_teaser {border-bottom:0 !important; padding-bottom:6px  !important;}

.teaser_image {float:left; margin:0 20px 0 0;}
.teaser_col1 a, teaser_col1 a:visited, .teaser_col2 a, .teaser_col2 a:visited {color:#014F28; text-decoration:none;}
.teaser_col1 a:hover, .teaser_col2 a:hover {text-decoration:underline;}


#footer {
text-align:left;
width:730px;
font-size:.7em;
padding:8px 0 8px 62px;
color:#fff;
background:#014F28;
overflow:hidden;
height:auto;
}
#footer a {color:#fff; padding:2px 3px; text-decoration:none;}
#footer a:hover {color:#EAE7B9;}
.footer_text {display:block; float:left; width:550px; line-height:1.8em;}
.footer_logos {display:block; float:right;width:130px;}


#shadow_bottom {
display:block;
background:url(images/footer_bottom.png) top no-repeat;
width:816px;
height:13px;
margin:0 0 0 13px;
clear:both;
}
/* LOGIN FORM */
#loginform {
/*background:yellow;*/
width:205px;
margin:5px 0 0 8px;
font-size:.7em;
height:13em;
line-height:1.5em;
}
#loginform fieldset{padding:5px 0 0 10px;}
#loginform h3 {color:#fff; margin:5px 0; font-size:1em;}
#loginform label{display:block;color:#fff;}
#loginform input {
font-size:11px;
border:1px solid #999999;
padding:2px;
float:left;
clear:left;
background:#fff;
}
#loginform input:focus,#loginform input:hover {
border:1px solid #333333;
}
.error{
color:red;
font-weight:bold;
}
#loginform #username {width:180px;}
#loginform #password {width:120px;}
#loginform #submit {width:50px; height:19px; background:#014F28; float:left; clear:right; margin:0 0 0 10px; cursor:pointer; border:0; padding:0;}
.login_links {display:block; padding:8px 0; text-align:center; color:#fff;}
.login_links a:link, .login_links a:visited {color:#fff; text-decoration:none;}
.login_links a:hover {color:#EAE7B9; text-decoration:none;}

/* Interior pages */
h2#citizensbank_sm {
background:url(images/CitizensBank_sm.png) no-repeat;
width:140px;
height:21px;
text-indent:-999em;
margin:20px 0 10px 15px;
}

ul.list {font-size:.8em; margin:3px 0 10px 0;}
ul.list li {line-height:1.5em}

ul.list strong {margin-left:5px;}

.nowrap {white-space:nowrap;}

.sba_logo {}
