/* clp.com interior template */
/* all CSS in this document built on the Blueprint CSS framework v0.8 */
/* do not remove index.css from header of interior pages */


/* ****************************** 
sidebar and navigation
****************************** */

.sidebar {
display: inline;
float: left; 
width: 215px; 
background: #fff url( '../images/main_gradient.jpg' ) repeat-x; 
}

.sidebar-header {
width: 191px; 
font: 900 1.45em/1em trebuchet ms; 
margin: 12px 0 12px 12px; 
padding: 0 0px 6px 0;
border-bottom: dotted 1px #3f7aa6; 
color: #3f7aa6; 
}

.sidebar ul { 
list-style-type: none; 
list-style-image: url( '../images/arrow_blue_back_trans.gif' ); 
margin: 0 18px 24px 24px; 
}

.sidebar li {
margin: 0 0 6px 0; 
}

.sidebar li a {
font: 900 0.90em/1em trebuchet ms; 
text-decoration: none; 
color: #800102; 
}

.sidebar li a:hover {
color: #f1b626; 
}

.sidebar img.center {
margin: 0 10% 0 10%; 
}

.sidebar hr {
background: #ccc; 
color: #ccc; 
clear: both; 
float: none; 
width: 85%; 
height: .1em; 
margin: 2em 10%;
border: none; 
}

.sidebar h2.join {
font: 900 1.25em/1em arial; 
margin: 6px 24px; 
color: #990000; 
}

.sidebar p.join {
font: normal 1.10em/1.25em trebuchet ms; 
margin: 6px 12px 6px 24px; 
color: #999; 
}

.sidebar form {
margin: 0 24px 24px 24px; 
}


/* ****************************** 
content header & branch details
****************************** */

.content-header {
}

.content-header-branch {
display: inline; 
float: left; 
width: 575px; 
height: 226px; 
background: #d7d7d7 url( '../images/branch_header_gradient.gif' ) repeat-x; 
}

.content-header-branch-img {
display: inline; 
float: left; 
width: 250px; 
background-color: pink; 
}

.content-header-branch-details {
display: inline; 
float: left; 
width: 300px; 
margin: 0 0 0 0px; 
}

.content-header-branch-details h2 {
font: 100 1.50em/1.25em trebuchet ms; 
margin: 15px 0 12px 24px; 
color: #369; 
}

.details-box {
display: inline; 
float: left; 
width: 125px; 
margin: 0 0 0 24px; 
}

.details-box h3 {
margin: 0; 
font: 900 1.10em/1.50em trebuchet ms; 
color: #369; 
}

.details-box p {
font: normal 1em/1.50em trebuchet ms; 
color: #333; 
margin: 0; 
}

.details-box p a {
font-weight: 900; 
text-decoration: none; 
color: #800102; 
}

.details-box p a:hover {
font-weight: 900; 
text-decoration: underline; 
color: #800102; 
}


/* ****************************** 
main content area
****************************** */

.content {
display: inline; 
float: left; 
width: 575px; 
padding: 18px 0 12px 0;
background: #fff url( '../images/content-gradient.jpg' ) repeat-x; 
}

.content h1 {
font: 100 2.25em/1.20em trebuchet ms; 
margin: 0px 24px 4px 24px; 
color: #369; 
}

.content h2 {
font: 900 1.15em/1.20em trebuchet ms; 
margin: 0 24px 9px 24px; 
color: #369; 
}

.content p {
font: normal 1em/1.50em trebuchet ms; 
margin: 0 24px 12px 24px; 
color: #666;
}

.content ul {
list-style-type: disc; 
margin: 0 0 12px 60px;
}

.content li {
font: normal 1em/1.50em trebuchet ms; 
padding-right: 72px; 
color: #666; 
}

.email-link {
display: block; 
float: right; 
margin: 6px 9px 6px 0;
}

.content blockquote {
display: inline;
float: right; 
width: 180px; 
margin: 3px 24px 12px 12px; 
padding: 0;
border-bottom: 7px solid #800102; 
background: #fff url( '../images/pullquote-200x432.gif' ) no-repeat; 
}

.content blockquote p {
text-align: right; 
margin: 12px 14px 3px 12px; 
font: italic 1.20em/1.50em arial; 
color: #333; 
}

.content blockquote p.author {
text-align: right; 
margin: 0 14px 12px  0 ; 
font: 900 1.00em/1.25em arial; 
color: #333; 
}


/* ****************************** 
directory - location and branch
****************************** */

.directory h1 {
color: #369; 
margin-bottom: 6px;
}

.directory h2 {
color: #800102; 
}

.directory p {
margin-bottom: 12px; 
}

.directory p a {
font-weight: 900; 
font-size: 1.25em; 
color: #800102; 
text-decoration: none; 
}

.directory p a:hover {
color: #f1b626; 
}

.directory p a.visitbranch {
font-size: 1em; 
}

.directory p a.applyfor {
font-size: 1em; 
}

.directory .column h2 {
font: 900 1.15em/1em trebuchet ms; 
color: #800102; 
}

.directory .column {
display: inline; 
float: left; 
margin: 12px 0 18px 24px; 
width: 225px; 
}

.directory .column h2 a {
color: #800102; 
text-decoration: none; 
}

.directory .column h2 a:hover {
color: #f1b626; 
}

.directory .column ul {
list-style-type: none; 
list-style-image: url( '../images/arrow_blue_back_trans.gif' ); 
}

.directory .column li {
margin: 0 0 12px 0; 
font: 900 0.90em/1.35em trebuchet ms; 
color: #aa6102; 
}

.directory .column li a {
color: #800000; 
text-decoration: none; 
}

.directory .column li a:hover {
color: #f1b626; 
}


/* ****************************** 
branch news article
****************************** */

.article {
margin: 18px 24px 18px 24px; 
padding-bottom: 12px; 
border: solid 1px #ffad27; 
background: #ffd264; 
}

.article h2 {
text-align: center; 
margin: 12px 0 9px 0;
font: normal 1.75em/1.25em trebuchet ms; 
color: #800102; 
}

.article p {
font: normal 1.15em/1.35em trebuchet ms; 
margin: 0 12px 12px 12px; 
color: #333;
}

.article .declare {
text-align: center; 
font: italic 125%/125% trebuchet ms; 
color: #000; 
}

.article ul {
margin: 0 36px 0 36px;
}

.article li {
font: normal 1.15em/1.35em trebuchet ms; 
margin: 0 0 9px 0;
}

.article li a {
color: #800102; 
text-decoration: none; 
}

.article li a:hover {
color: #800102; 
text-decoration: underline; 
}

.ul_site_map_1 li {list-style: none;}
.li_site_map_1 a {
color: #800102; 
text-decoration: none; 
margin-left: 10px;
}

#text_form_1 {margin-left: 15px;}
.label_holder {margin-top: 6px;}