
/* 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 0 0; 
}

.sidebar li a {
font: 900 1em/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 12px; 
color: #990000; 
}

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


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

.content-header {
width: 213px; 
height: 103px; 
/*background: yellow; */
}

.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 1.75em/1.20em trebuchet ms; 
margin: 0px 24px 14px 24px; 
color: #369; 
}

.content h2 {
font: 900 1.25em/1.3em trebuchet ms; 
margin: 0 24px 2px 24px; 
color: #369; 
}
.content h4 
{
font: 900 1.25em/1.3em trebuchet ms; 
margin: 0 24px 2px 24px; 
color: #369; 
display:inline;
}
.content td { vertical-align:top;}

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

.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; 
}
#module_tell_a_friend img {float: right}

.content ul { list-style-image: url(/images/arrow_blue_back_trans.gif); padding-left:22px; color: #666;}
.content ol {padding-left:22px; color: #666;}
.content ol li, .content ul li {margin-bottom:10px;}
.content a:link, .content a:visited {color:#990000; text-decoration: underline;}
.content a:hover {color:#990000; text-decoration:none;}

.branchnews{
	background-color: #ffd264;
	border: #ffad27 1px solid;
	padding: 7px 7px 7px 7px;
	margin: 5px 10px 10px 0px;
	color: black;
	width:511px;
	float:left;
}
.branchnews p {color: black;}
.branchnews {display: inline; float: left; margin-left: 24px}
.branchnews li {color:black;}
.loc ul li {margin-bottom:0px;}