/* Kevin's Downstream CSS - Frontier Bank */

/* 

Colors:
Tan - #E5DEB1
Maroon - #77190C
Dark Brown - #33190A

*/

/*======== Left Column =========================*/
#leftColumn {
margin-top: 4em;
}

/*======== Right Column =========================*/
#rightColumn {
background: transparent url("../image/indiv-right-col.gif") left top repeat;
padding: 1em;
width: 70em;
margin-top: 4em;
}

#rightColumn .individualPage, #rightColumn .productPage, #rightColumn .applicationPage {
background: #ffffff;
border: .6em solid #E5dEB1;
padding: 2.5em;
min-height:41em;
position:relative;
}

#rightColumn .individualPage h1 {
border-bottom: 1px solid #000000;
color: #33190A;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 4em;
font-style: italic;
padding-top: .5em; 
padding-bottom: .25em;
margin-bottom: .25em;
}

#rightColumn .individualPage h2 {
color: #77190C;
font-size: 1.6em;
padding-top:1em;
}

#rightColumn .individualPage p {
font-size: 1.4em;
line-height: 1.4em;
margin-bottom: .5em;
padding-top: .5em;
}

#rightColumn .individualPage a {
color: #77190C;
}

#rightColumn .individualPage a:hover {
text-decoration: underline;
}

#rightColumn .individualPage ul {
padding: 0.5em 0 0 1em;
font-size: 1.4em;
line-height: 1.4em;
list-style-type: disc;
}

#rightColumn .individualPage p.zeroPaddingParagraph {
margin: 0;
padding: 0;
}

/* Search Results */
#rightColumn #search ul {
padding: 1.5em 0 0 0;
}

#rightColumn #search ul li {
padding: 0 0 .5em 0;
list-style-type: none;
}

#rightColumn #search ul li h3 {
font-size: 1.2em;
padding-bottom: 0;
}

#rightColumn #search ul li p {
font-size: 1em;
}

#rightColumn #search ul li p.hide {
display: none;
}

#rightColumn #search ul ul {
display: none;
}

/*====== Locations ==============================*/
#map {
border:6px solid #E5DEB1;
height: 300px;
}

#rightColumn #locations.individualPage h2 {
padding-bottom: 0.5em;
}

#rightColumn #locations.individualPage h2 a {
font-size: 1em;
}

#locations table {
font-size: 12px;
}

#locations tr.tableHead th {
font-weight: bold;
padding: 0.5em 0;
}

#locations th, #locations td {
text-align: left;
vertical-align:top;
}

#locations tr td div.adr, #locations tr td div.phone {
width: 13em;
}

#locations td tr th.timeName {
width: 10em;
}

#locations td tr td.timeValue {
width: 15em;
}

#locations ul#locList {
margin: 1em 0;
font-size: 100%;
}

#locations ul#locList li {    
list-style-type: none;    
padding: 1em 0;
border-bottom:1px solid #77190C;
} 

#locations ul li a {
color:#77190C;
font-size:0.8em;
}

/*======== Contact Us ============================*/
#contactUs p strong {
font-weight: normal;
color:#ACC313;
}

#formContactUs {
background: #E5DEB1;
border:1px solid #77190C;
color:#77190C;
padding:1.5em;
margin-top:3em;
}

#formContactUs label {
float: left;
font-size: 1.2em;
padding: 0 25px 10px 0;
text-align: right;
width: 186px;		
}

#formContactUs input, #formContactUs textarea {
float: left;
margin-bottom: 10px;
width: 290px;	
}

#formContactUs fieldset p {
margin-left: 210px;
}

#formContactUs input.submitButton {
float: none;
margin: 0 0 0 209px;	
padding: 5px;
width: auto;	
}

#formContactUs textarea {
height: 100px;
}

#formContactUs #captcha {
width: 200px;
margin: 10px 0 10px 211px;
}

#formContactUs #captcha h4 {
font-size: 1.2em;
padding-bottom: .25em;
}

#formContactUs #captcha input {
float: none;
width: 198px;
display: block;
margin: 10px 0;
}

#formContactUs #captcha p {
margin: 0;
font-size: 1em;
}

/*======== Page Specific ==========================*/
#telephoneBanking ul li {
list-style:none;
}

#rightColumn #privacyPolicy ul {
color:#77190C;
list-style:inside;
padding-left:10px;
}

/*======== Thank You Page =======================*/
img.topLeft {
margin-left:-2.5em;
margin-top:-2.5em;
}

/*======== Print & Share ==========================*/
#printButton {
top: 4.5em;
position:absolute;
right:75px;
}

#shareButton {
top:4.5em;
position:absolute;
right: 25px;
}

/*======== Popup Inner ==========================*/
.popupInner {
background: #ffffff url("../image/logo.jpg") 300px 10px no-repeat;
border: .6em solid #E5dEB1;
margin: 10px;	
padding:10px;
height:388px;
}

/*======== Pres Img ==========================*/
.individualPage #presidentImage {
float: left;
padding: 1em 2em 1em 0;
}

.individualPage #presidentImage img {
border: 6px solid #e5deb1;
}

.individualPage #presidentImage h3 {
color:#77190C;
font-size: 1.3em;
text-align: center;
margin: 0.7em 0;
}

.individualPage #presidentImage h4 {
color:#77190C;
font-size: 1em;
text-align: center;
font-style: italic;
}