body {
	background: url("../images/body_bg.png") top left repeat-x #5d5d5d;
	margin: 0;
	padding: 0;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 0.6875em;
	line-height: 1.5em;
	color: #5d5d5d;
}

a:link {
	color: #f8951d;
}

a:visited {
	color: #000;
}

a:active {
	color: #000;
}

a:hover {
	color: #f8951d;
	text-decoration: none;
}

a img {
	border: 0;	
}

hr {
	/* TODO */	
}

img.h1 {
	display: block;
}

img.icon {
	width: 16px;
	height: 16px;
	vertical-align: middle;	
}

h2 {
	color: #000;
	margin: 0 0 16px 0;
	padding: 0 0 2px 0;
	font-weight: bold;
	font-size: 1.4375em;
	border-bottom: 1px #ccc solid;
	
}

abbr, acronym {
	border-bottom: 0;	
}

address {
	font-style: normal;
	font-weight: bold;	
}

/**
 * Global page layout
 */

#header-home {
	width: 750px;
	margin: 0 auto; /* center the div horizontally */
	padding: 207px 5px 0 5px;
	background-position: 5px 0;
	background-repeat: no-repeat;
	background-color: #fff;
}

.header-home-1 {
	background-image: url("../images/headers/header_01.jpg");
}

.header-home-2 {
	background-image: url("../images/headers/header_02.jpg");
}

.header-home-3 {
	background-image: url("../images/headers/header_03.jpg");
}

#header-inside {
	width: 750px;
	margin: 0 auto; /* center the div horizontally */
	padding: 95px 5px 0 5px;
	background-position: 5px 0;
	background-repeat: no-repeat;
	background-color: #fff;
}

.header-inside-1 {
	background-image: url("../images/inside_headers/header_01.jpg");	
}

.header-inside-2 {
	background-image: url("../images/inside_headers/header_02.jpg");	
}

.header-inside-3 {
	background-image: url("../images/inside_headers/header_03.jpg");	
}

#nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 35px;
	background-image: url("../images/nav_bg.png");
}

#nav li {
	float: left;
}

#nav a {
	display: block;
	height: 28px;
	color: #fff;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	padding: 7px 8px 0 8px;
	background: url("../images/nav_a_bg.gif") top right no-repeat;
}

#nav li:last-child a {
	background: none;	
}

#session {
	clear: left; /* clear the float from the nav <li>s */
	margin: 0;
	background: url("../images/session_bg.png") top left repeat-x #d8d8d8;
}

#session.loggedout {
	height: 46px;
	padding: 5px 0 0 8px;
	background-image: url("../images/session_loggedout_bg.png");
}

p#session-loggedout-caption {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.825em;
	margin: 0;	
}

#session.loggedin {
	height: 27px;
	padding: 8px 0 0 8px;	
}

#session label {
	color: #484848;
	font-weight: bold;
	padding: 0 4px 0 0;	
}

#session-email,
#session-password {
	border: 1px #ccc solid;
	width: 128px;
	font-size: 0.875em;
	margin: 0 8px 0 0;
}

#session a {
	font-size: 0.875em;
	color: #484848;
	font-weight: bold;
}

#session-submit {
	background-color: #fff;
	color: #000;
	margin: 0 8px;
	border: 1px #ccc solid;
	padding: 2px;
}

#main {
	width: 710px;
	margin: 0 auto;
	background-color: #fff;
	padding: 13px 25px;
}

#footer {
	width: 750px;
	padding: 52px 5px 16px 5px;
	margin: 0 auto;
	background: url("../images/footer_bg.gif") top left no-repeat;
	color: #d3d3d3;
	font-size: 0.875em;
	font-family: Arial,Helvetica,sans-serif;
}

#footer a {
	color: #d3d3d3;
}

#lwc-logo {
	width: 95px;
	height: 48px;
	display: block;
	margin: 8px 16px 8px 4px;
	float: left;
}

#coc-logo {
	width: 139px;
	height: 48px;
	float: left;
	display: block;
	margin: 8px 0;
}

#footer-logos-after {
	clear: left;	
}

/**
 * FAQ page
 */

.faq-question {
	color: #000;
	font-weight: bold;
}

.faq-answer {
	padding: 0 0 10px 10px;
}

#profile-outdated {
	width: 216px;
	height: 61px;
	display: block;
	float: right;
	margin: 0 0 0 16px;
}

ul.category-index,
ul.search-results {
	list-style-type: none;
	padding: 0;
	margin: 0;
	list-style-image: url("../images/bullet_02.gif");
	list-style-position: inside;
}

ul.category-index li {
	padding: 0 0 5px 0;	
}

ul.category-index a {
	text-decoration: underline;
	color: #5d5d5d;
}

ul.category-index a:hover {
	text-decoration: none;
	color: #5d5d5d;
}

/**
 * Forms
 */
 
input.text {
	border: 1px #000 solid;
	width: 217px; /* 225px - 2px border - 6px padding */
	height: 13px; /* 21px - 2px border - 6px padding */
	padding: 3px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

input.zip {
	width: 64px;	
}

input.date {
	width: 72px;	
}

input.email {
	width: 160px;	
}

select {
	border: 1px #000 solid;
	padding: 3px;
	font-size: 1em;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}


textarea {
	border: 1px #000 solid;
	width: 333px; /* 341px - 2px border - 6px padding */
	height: 94px; /* 102px - 2px border - 6px padding */
	padding: 3px;
}

button {
	color: #fff;
	background-color: #000;
	border: 0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.875em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
}

fieldset {
	border: 0;
	background-color: #f2f2f2;
	margin: 10px 0;
	padding: 25px 0 21px 0;
}

legend {
	color: #f8951d;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 0 9px;
}

table.form {
	border-collapse: collapse;
}

table.form th {
	text-align: right;
	padding: 2px 7px 0 0;
	vertical-align: top;
	font-weight: normal;
}

table.form th label {
	font-weight: bold;	
}

table.form td {
	vertical-align: top;
	padding: 0 0 8px 0;
}

table.form th:first-child {
	width: 260px;
}

label.required {
	background: url("../images/label_required_bg.gif") top left no-repeat;
	padding: 0 0 0 12px;
}

table.cat-checkboxes {
	width: 100%;	
}

table.cat-checkboxes caption {
	background-color: #e4e4e4;
	font-weight: bold;
}

table.cat-checkboxes td {
	width: 33%;
	padding: 0;
	margin: 0;
}

div.buttons {
	padding: 0 0 0 267px;
	margin: 16px 0
}

div.error {
	background-color: #c00;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 0 0 2px 0;
	margin: 12px 0;
}

div.notice {
	background-color: #0c0;
	color: #fff;
	font-weight: bold;
	padding-bottom: 3px;
	text-align: center;
}


span.error-field {
	color: #c00;
	font-weight: bold;
	padding: 0 0 0 4px;
}

/**
 * Home page stuff
 */
 
img#home-h1 {
	margin: 0 0 10px 0;	
}

/**
 * Search form on home page
 */
 
form#search-form {
	background: url("../images/hdr_searchbykeyword.gif") 10px 10px no-repeat #ccc;	
	width: 238px; /* 248px - 10px left padding */
	height: 29px; /* 55px - 26px top padding */
	padding: 26px 0 0 10px;
	margin: 0 0 14px 0;
}

input#search-keywords {
	width: 158px;
	height: 15px;
	vertical-align: middle;
}

button#search-submit {
	padding: 0;
	background: url("../images/btn_searchkeyword.gif");
	width: 60px;
	height: 15px;
	vertical-align: middle;
}

/**
 * Columns on home page
 */
 
div.twocol-left {
	width: 370px;
	float: left;
	padding: 0px 0 0 0;
}

div.twocol-right {
	width: 248px;
	float: left;
	padding: 0 25px 0 67px;
}

div.twocol-after {
	clear: left;
}

div#home-events {
	background: url("../images/blockhead_upcoming_events.gif") top left no-repeat;
	padding: 36px 0 0 10px;
	margin: 0 0 14px 0;
}

div#home-events ul {
	margin: 0 20px;
	padding: 0;
	list-style-type: none;
	list-style-image: url("../images/bullet_01.gif");
	list-style-position: outside;
}

div#home-events li {
	margin: 0 0 8px 0;
	padding: 0;	
	font-size: 0.875em;
	line-height: 1.25em;	
}

span.home-events-date {
	font-weight: bold;
	color: #000;
}

div#home-events a {
	color: #5d5d5d;
}

img#home-events-all {
	width: 149px;
	height: 23px;
	float: right;
	display: block;
}

div#home-events-end {
	clear: right;
}

#home-news {
	background: url("../images/blockhead_latest_news.gif") top left no-repeat;
	padding: 40px 10px 0 10px;
}

#home-news ul {
	margin: 0 20px;
	padding: 0;
	list-style-type: none;
	list-style-image: url("../images/bullet_01.gif");
	list-style-position: outside;
}

img#home-news-archives {
	width: 74px;
	height: 10px;
	float: right;
	display: block;
}

div#home-news-end {
	/* clear the float on #home-news-archives */
	clear: right;	
}

ul.breadcrumbs {
	list-style-type: none;
	margin: 12px 0;
	padding: 0;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	height: 26px;
	padding: 0 0 0 1px;
}

/* my kingdom for widespread browser support of CSS Level 3 generated text */

ul.breadcrumbs li {
	float: left;
	color: #000;
	font-size: 1.125em;
	padding: 5px 0 0 4px;
}

ul.breadcrumbs a {
	font-weight: bold;
	color: #f8951d;
	text-decoration: none;
}

span.nonprofit-detail-orgname {
	color: #f8951d;
	font-weight: bold;
	font-size: 1.25em;
}

#captcha_code {
	width: 72px;
}

#opportunity-apply {
	width: 216px;
	height: 61px;
	display: block;
	margin: 0 0 0 16px;
	float: right;
}

/**
 * Data tables
 */
 
table.data {
	border-collapse: collapse;
	border: 1px #fff solid;
	width: 100%;
}

table.data thead {
	background-color: #000;
	color: #fff;
}

table.data th, td {
	border: 1px #fff solid;	
	padding: 2px 3px;
	vertical-align: middle;
	text-align: left;
}

table.data tr.even {
	background-color: #eee;
}
 
/**
 * Paging
 */
 
div.pager {
	text-align: center;
	margin: 16px 0 0 0;
}

/**
 * Calendar - global nav
 */
 
div.calendar-nav {
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	padding: 5px 0;
	margin: 20px 0 21px 0;
}

div.calendar-nav-index {
	float: left;
	width: 450px;
	font-weight: bold;
	font-size: 1.625em;
	color: #000;
}

div.calendar-nav-mode {
	float: left;
	width: 260px; 
	text-align: right;
}

div.calendar-nav-mode a,
div.calendar-nav-mode a:visited {
	color: #f8951d;
}

div.calendar-nav-end {
	clear: left;
}

/**
 * Calendar - month view
 */
 
table.calendar-month {
	border-collapse: collapse;
	width: 100%;
}

table.calendar-month th {
	background-color: #000;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 14.28%;
	border: 1px #fff solid;
	padding: 2px 0 3px 0;
}

table.calendar-month td {
	border: 2px #fff solid;
	height: 100px;
	vertical-align: top;
}

table.calendar-month a,
table.calendar-month a:visited {
	font-weight: bold;	
	color: #f8951d;
}

table.calendar-month td.placeholder {
	background-color: #c5c5c5;
}

.calendar-month-tentative {
	color: #dd0000;
	font-weight: bold;
	text-transform: uppercase;
}


/**
 * Calendar - year view
 */

table#calendar-year-outer {
	width: 100%;
}

table#calendar-year-outer td {
	width: 33%;
	border: 2px #000 solid;	
	padding: 1px;
}
 
table.calendar-year {
	border-collapse: collapse;
	width: 100%;
}

table.calendar-year caption {
	background-color: #000;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px #fff solid;
}

table.calendar-year th {
	background-color: #c5c5c5;
	font-weight: normal;
	text-align: center;
	width: 14.285% !important;
	border: 1px #fff solid;
}

table.calendar-year td {
	text-align: center;	
	width: 14.285% !important;
	border: 0 !important;
}

table.calendar-year a {
	font-weight: bold;
}

/**
 * Calendar - day view
 */
 
table.calendar-day {
	width: 100%;
	border-collapse: collapse;
}

table.calendar-day th {
	background-color: #000;
	color: #fff;
	width: 90px;
	text-align: right;
	padding: 3px;
	vertical-align: top;
}

table.calendar-day td {
	padding: 3px;
	background-color: #efefef;
}

.calendar-day-tentative {
	color: #dd0000;
	font-weight: bold;
	text-transform: uppercase;
}

/**
 * Calendar - week view
 */
 
table.calendar-week {
	border-collapse: collapse;
	width: 100%;
}

table.calendar-week th {
	background-color: #000;
	color: #fff;
	border: 1px #fff solid;
	width: 90px;
	height: 60px;
	padding: 3px;
	vertical-align: top;
	text-align: right;
}

span.calendar-week-date {
	font-weight: normal;	
}

table.calendar-week td {
	padding: 3px;
	vertical-align: top;	
}

table.calendar-week a,
table.calendar-week a:visited {
	font-weight: bold;
	color: #f8951d;
}

.calendar-week-tentative {
	color: #dd0000;
	font-weight: bold;
	text-transform: uppercase;
}

/**
 * Calendar - list view
 */

.calendar-list-tentative {
	color: #dd0000;
	font-weight: bold;
	text-transform: uppercase;
}


/**
 * Calendar - event detail
 */
 
table.event-dates {
	border-collapse: collapse;
	margin: 8px 0;
}

table.event-dates td {
	padding: 0 16px 0 0;
}

table.event-dates a,
table.event-dates a:visited {
	color: #f8951d;
}

/**
 * "Search orgs by keyword" form on search-by-keyword.html
 */
form#keyword-search-inside {
	text-align: center;
	margin: 24px 0 0 0;
}

/**
 * For index pages which include the page title and utility links on the
 * left, and a form on the right. See calendar.html for an example.
 */
div.index-form-head {
	margin: 0 0 16px 0;
}

div.index-form-head h2 {
	border-bottom: 0;
}

div.index-form-head form {
	width: 400px;
	float: right;
	text-align: right;
}

div.index-form-head input.text {
	width: 137px; /* 145px - 2px border - 6px padding */
}

/* clears the form float */
div.index-form-head-end {
	clear: right;
}

/**
 * Calendar subscribe form
 */

form#calendar-subscribe {
	background-color: #ffc;
	border: 1px #cc9 solid;
	padding: 4px;
	width: 350px;
}

form#calendar-subscribe h2 {
	font-size: 1.25em;
	font-family: Arial,Helvetica,sans-serif;
	margin: 0;
}

form#calendar-subscribe table {
	float: right;
	border-collapse: collapse;
}

form#calendar-subscribe input.text {
	border: 1px #cc9 solid;
}

form#calendar-subscribe .error {
	margin: 4px 0;
	background-color: transparent;
	color: #c00;
}

form#calendar-subscribe .notice {
	margin: 4px 0;
	background-color: transparent;
	color: #090;
}

form#calendar-subscribe .error-field {
	display: block;
	text-align: center;
	margin: 4px 0;
}

/* ANNA'S BOARDSMANSHIP SCHEDULE BOX */
.boardsmanship-header { margin: 0 0 5px 0; padding: 0 0 3px 0; color: #000000; border-bottom: solid 1px #CCCCCC; font-size: 16px;}
.boardsmanship-schedule { display: block; padding: 10px; margin: 10px 0 0 0; width: 100%; background-color: #faf0d7; }
.boardsmanship-schedule strong { color: #8a1e04; }

img.download-agree {
	width: 216px;
	height: 30px;
	margin: 0 auto;
	display: block;
}

div.download-directory-link,
div.download-calendar-link {
	margin: 16px 0 0 0;
	text-align: center;
}

/**
 * Nonprofit Dashboard
 */
 
div.returntodashboardhome {
	float: right;
}
 
p.npdashboard-box-title {
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #f8951d;
	margin-top: 0px; 
	margin-bottom: 0px;
	padding: 2px;
	font-size: 14px;
}

p.npdashboard-box-actionlinks {
	font-weight: bold;
	text-align: center;
	margin-top: 0px; 
	margin-bottom: 0px;
	padding: 2px;
	font-size: 10px;
}

p.npdashboard-box-actionlinks a {
	color: #f8951d;
	text-transform: uppercase;
	text-decoration: underline;
}

p.npdashboard-box-actionlinks a:hover {
	background-color: #f8951d;
	color: #ffffff;
}

/* data tables */
table.npdashboard-datatable {
	border: 1px solid #f3f3f3;
	margin: none;
	padding: none;
}

table.npdashboard-datatable th {
	padding: 0px 5px 3px 5px;
	font-size: 12px;
	background-color: #cccccc;
}

tr.npdashodd td {
	background-color: #f3f3f3;
	padding: 2px 5px 3px 5px;
	font-size: 12px;
	vertical-align: top;
}

tr.npdasheven td {
	background-color: #ffffff;
	padding: 2px 5px 3px 5px;
	font-size: 12px;
	vertical-align: top;
}

tr.even td a {
	color: #000000;
}

tr.odd td a {
	color: #000000;
}

a.rowactionlink {
	color: #000000;
	font-size: 10px;
}

.opportunity-expired {
	color: #cc0000;
	font-weight: bold;
}

/*  Dashboard box: "your organization's profile"  */
#npdashboardbox-profile {
	border: 1px solid #f8951d;
	padding: none;
	width: 340px;
	min-height: 130px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/*  Dashboard box: "your organization's upcoming events"  */
#npdashboardbox-events {
	border: 1px solid #f8951d;
	padding: none;
	width: 340px;
	min-height: 130px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/*  Dashboard box: "your organization's news articles"  */
#npdashboardbox-news {
	border: 1px solid #f8951d;
	padding: none;
	width: 340px;
	min-height: 130px;
	float: left;
 	margin-right: 10px;
	margin-bottom: 10px;
}

/*  Dashboard box: "your organization's volunteer opportunities"  */
#npdashboardbox-volunteer {
	border: 1px solid #f8951d;
	padding: none;
	width: 340px;
	min-height: 130px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/*  Dashboard box: "latest conversations in the message forums"  */
#npdashboardbox-forums {
	border: 1px solid #f8951d;
	padding: none;
	width: 690px;
	min-height: 130px;
	/* float: left; */
	margin-right: 10px;
	margin-bottom: 10px;
}

/*  This provides padding when you are filling a box only with text content */
div.npdashboardbox-content {
	padding: 5px;
}

/* clears any open dashboard floats */
div.dashboard-clear {
	clear: left;
}