/*
        Peninsula Bridge Stylesheet - Last Updated 1-12-08
        Created for Peninsula Bridge (http://peninsulabridge.org)
        Created by Jesse Gardner, Plasticmind Design (http://plasticmind.com)
*/

body {
font: 12px/1.5 Helvetica, Arial, sans-serif; 
}
a {
color: #00356b; 
}
#container {
width: 1045px;
margin: 0 auto;
background: url(/img/container.png) repeat-y top left;
}

/* Sidebar Styles ------------------------ */

#sidebar-left {
width: 198px;
float: left;

}

#logo {
padding: 11px;
background: #fff;
}

#logo h1 a {
display: block;
width: 177px;
height: 72px;
text-indent: -9999px;
background: url(/img/logo.png) no-repeat top left;
}
#sidebar-left h2 {
font-weight: bold;
}
#sidebar-left dt {
font-size: 10px;
font-weight: bold;
color: #2054a5;
margin-top: 15px;
}
#calendar {
padding: 15px 11px;
}
#calendar-events a {
color: #333;
}
#calendar p {
font-size: 10px;
margin-top: 10px;
}

/* Main Menu Styles --------------------- */

#navigation {
padding-bottom: 20px;
background: url(/img/nav.png) repeat-x bottom left;
border-bottom: solid 3px white;
}
#main-menu {
border-top: solid 2px white;
font-size: 14px;
font-weight: bold;
}
#main-menu a {
display:block;
text-decoration: none;
background-color: #1d67b1;
color: white;
padding: 10px 10px 3px 12px;
}
#main-menu a:hover {
background-color: #5381bf;
}
#main-menu li {
border-bottom: solid 2px white;
}

#main-menu .current-main a {
background-color: #5381bf;
}
#main-menu .current-main li {
border: none;
}
#main-menu .current-main li a {
border: none;
font-size: 12px;
padding: 0 0 6px 25px;
font-weight: normal;
}
#main-menu .current-main li.current a {
font-weight: bold;
}
#main-menu .current-main li a:hover {
	text-decoration: underline;
}
#main-menu .current-main ul {
padding-bottom: 10px;
background-color: #5381bf;
}

/* Content Styles ---------------- */

#content {
margin: 0 0 2px 200px;
}
#content-header {
margin-top: 2px;
}
#description {
height: 94px;
background: #1d67b1 url(/img/header.jpg) no-repeat top left;
}
#pb-main-index #description {
height: 202px;
background: #1d67b1 url(/img/header.jpg) no-repeat top left;
}
#pb-main-index #description h2 {
	text-align: left;
}
#description h2 {
text-align: right;
padding: 40px 40px 0 0;
font-size: 26px;
color: white;
}

#pb-main-index #description h2 {
padding: 50px 120px 0 120px;
font-size: 22px;
color: white;
margin-bottom: 5px;
}
#learn-more {
padding: 0 120px;
}
#learn-more a {
color: white;
}
#learn-more a:hover {
color: white;
color: #cbd4a0;
}

#learn-more p {
font-size: 14px;
color: #cbd4a0;
font-weight: bold;
float: left;
margin-right: 10px;
}
#learn-more li {
display: inline;
margin-right: 5px;
padding-right: 10px;
border-right: solid 1px white;
}

/* Sub-content Styles ----------------- */

#subcontent {
margin: 0 0 0 200px;
color: #313131;
background: url(/img/pic-classroom.jpg) no-repeat top left;
}
#subcontent-in {
padding: 290px 0 0 0;
}
.subcontent-column {
width: 278px;
float: left;
margin-bottom: 25px;
}
.subcontent-column h3 {
font-size: 14px;
font-weight: bold;
margin: 0 24px 6px 24px;
padding: 4px 6px 1px 0;
}
.subcontent-column p,
.subcontent-column cite {
margin: 0 24px 2px 24px;
}
.subcontent-column cite {
font-size: 11px;
display: block;
}
#subcontent-testimonial p {
font-weight: bold;
}


/* Footer Styles ----------------- */

#footer {
border-top: solid 1px #ccc;
margin-top: 30px;
clear: both;
padding: 12px 0 12px 6px;
background: white;

font-size: 11px;
}
#footer a {
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer li {
display: inline;
margin-right: 5px;
padding-right: 5px;
border-right: solid 1px #a3a3a3;
}
#footer li,
#footer a {
color: #666;
}
#footer p,
#footer p a {
color:#999;
}

/* Entry Styles */

#pb-main-index #content-body {
display: none;
}

#content-body {
padding: 30px 15px 30px 30px;
}
#content-left {
float: left;
width: 500px;
}
.entry {
color: #333;
line-height: 1.7;
padding-bottom: 20px;
}
#content-left h3 {
font-size: 16px;
font-weight: bold;
color: #1d67b1;
margin-bottom: 6px;
}
.entry h4 {
font-size: 13px;
font-weight: bold;
color: #333;
text-transform: uppercase;
}
.entry h5 {
font-size: 12px;
font-weight: bold;
color: #333;
}
.entry p,
.entry ul {
margin-bottom: 12px;
}
.entry blockquote {
background: #e4e4e1;
padding: 8px 10px 1px 10px;
border-left: solid 3px #d9d9d4;
color: #555;
margin: 0 12px 12px 12px;
}
.entry li {
list-style: disc;
margin-left: 25px;
}

/* Entry Sidebar */

#content-right {
float: right;
width: 245px;
}
.sidebar-module {
background: url(/img/container-right-top.png) no-repeat top left;
margin-bottom: 20px;
}
.sidebar-module-in {
background: url(/img/container-right-bottom.png) no-repeat bottom left;
padding: 20px;
}
.sidebar-module h3 {
font-weight: bold;
margin-bottom: 6px;
}
.sidebar-module p {
margin-bottom: 6px;
}

/* Contact Form */

.contactform fieldset {
	border: 1px solid #ddd;
	padding:10px;
margin-bottom: 12px;
}
.contactform label {
	margin: 0 0 0 0;
	display: block;
	width: 70px;
	text-align: right;
	float: left;
	font-weight: bold;
	padding-right: 10px;
}
.contactform legend {
	padding: 5px;
	margin-bottom: 12px;
	margin-top: 12px;
	font-size: 14px;
	margin: 0;
	font-style:italic;
	color:#555;
}
.contactform p {
margin: 0 0 15px 80px;
font-size: 13px;
}

.contactform fieldset input,
.contactform textarea {
color: #555;
padding: 2px;
}
.contactform fieldset input {
width: 375px;
}
.contactform textarea {
width: 375px;
}
.mandat {
color: #933;
}
#status-message {
background: #ccf797;
padding: 10px 10px 0 10px;
margin-bottom: 20px;
font-size: 13px;
line-height: 1.4;
color:#252;
font-weight: bold;
border: solid 1px #acd777;
}
#status-message p {
background: transparent url(/img/tick.png) no-repeat center left;
padding: 0 0 0 25px;
}
#status-message-error {
background: #f7ccbc;
padding: 10px 10px 0 10px;
margin-bottom: 20px;
font-size: 13px;
line-height: 1.4;
color:#522;
font-weight: bold;
border: solid 1px #d7ac9c;
}
#status-message-error p {
background: transparent url(/img/cross.png) no-repeat center left;
padding: 0 0 0 25px;
}

/* Upcoming Events */

#upcoming-events-full .event-title {
font-weight: bold;
line-height: 1.2;
margin-top: 18px;
padding-top: 18px;
border-top: solid 1px #ddd;
}

#upcoming-events-full .event-title em {
font-weight: normal;
display: block;
color: #777;
font-style: normal;
font-size: 11px;
}
#upcoming-events-full .event-description {
margin-top: 6px;
}

/* News Section */

#news-full .entry {
padding-bottom: 18px;
margin-bottom: 18px;
border-bottom: solid 1px #ddd;
}
.entry-meta {
color: #777;
font-size: 11px;
margin-bottom: 6px;
}
#news-summary .entry h4 em {
font-weight: normal;
font-size: 11px;
text-transform: none;
font-style: normal;
color: #aaa;
}

/* Donate Button */

#donate-button p {
padding: 18px 12px 6px 16px;
}
#donate-button a {
height: 36px;
width: 164px;;
background: transparent url(/img/button-donate.png) top left no-repeat;
display: block;
color: white;
font-weight: bold;
text-decoration: none;
text-align: center;
font-size: 14px;
line-height: 36px;
}
#donate-button a:hover {
background-position: bottom left;
}
#calendar-events dl {
margin-right: 12px;
}
#calendar-events dt span {
text-indent: -9999px;
float: right;
}
#calendar-events dt span a {
height: 16px;
width: 16px;
float: right;
display: block;
background: transparent url(/img/globe.png) no-repeat;
}
#calendar-events dd span a,
.event-title span a {
    font-size: 10px;
    text-decoration: none;
    color: #733;
    font-weight: bold;
    padding-left: 4px;
}
#calendar-events dd span a:hover,
.event-title span a:hover  {
    color: #900;
    padding-left: 3px;
}