/* @override http://devnotes.xulu/sites/all/themes/custom/style.css */

/* @group Elements */
body {
	margin: 0; padding: 0;
	font-size: 12px;
	font-family: Arial, sans-serif;
}
body.rte {
	padding: 10px; /* padding for fckeditor */
	background-image: none;
}
body.front .page-title {
	display: none;
}
p {
	margin: 0 0 1em 0;
}
a {
	color: #000;
	text-decoration: underline;
}
#right a {
	color: white;
}
a.active {
  color: #000;
}
a:hover, #right a:hover {
  color: #0a4efa;
  text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1.5;
}
h2, h3 { color: #643626; }
/* @end */
/* @group Structure */
#site {
	margin: 0 auto 0 auto;
	width: 960px;
}
.container {
}
.wrapper {
	margin: 0;
	width: 960px;
	position: relative;
}
/* @end */
/* @group Sidebar configurations */
body.sidebar-none #main {
	width: 100%;
	float: none;
}
body.sidebar-left #main {
   width: 560px;
   float: left;
}
body.sidebar-left #left {
   width: 240px;
   float: left;
}
body.sidebar-left #left .block {
	padding: 0 0 0 20px;
}
body.sidebar-right #main {
   width: 560px;
   float: left;
}
body.sidebar-right #right {
   width: 240px;
   float: right;
}
/* @end */
/* @group Admin layout */
body.section-admin #breacrumb {
	display: block;
}
body.section-admin #site,
body.section-node-edit #site {
	padding: 1px;
}
body.section-admin #main,
body.section-node-edit #main {
   width: 100%;
   float: none;
}
body.section-admin #right,
body.section-node-edit #right,
body.section-admin #left,
body.section-node-edit #left {
	display: none;
}
/* @end */
/* @group Nameplate */
#nameplate {
	height: 100px;
}
#nameplate h1#site-name {
	margin: 0; padding: 0;
	font-size: 32px;
	font-family: Arial, Helvetica, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Corbel, Verdana, sans-serif;
}
#nameplate h1#site-name a {
	display: block;
}
/* @end */
/* @group Primary Menu */
#block-menu-primary-links h2 { display: none; }
/* @group Secondary Menu */
#block-menu-secondary-links ul {
	float: right;
}
#block-menu-secondary-links ul li {
	background: none;
	float: right;
	display: inline;
	margin: 0 0 0 20px;
}
#block-menu-secondary-links li a { font-size: 9px; color: #999; }
#block-menu-secondary-links li a.active { color: #FFF; }
#block-menu-secondary-links li a.active:hover { text-decoration: none; }
/* @end */
/* @group Breadcrumb */
#breadcrumb {
	padding: 5px;
	margin: 0 0 20px 0;
	font-size: 9px;
	clear: left;
	color: #b1b1b1;
	display: none;
}
#breadcrumb a {
	color: #b1b1b1;
}
#breadcrumb .active {
	color: #b1b1b1;
}
/* @end */
/* @group Mezzanine */
#mezzanine {
	position: relative;
	margin: 20px 0;
}
/* @end */
/* @group Footer */
#footer {
	position: relative;
}
.footer-block {
	margin: 20px;
}
#footer p, .footer-block p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	color: #666;
	font-size: 10px;
	margin-top: 5px;
}
#footer p a:link,
#footer p a:visited,
.footer-block p a:link,
.footer-block p a:visited { color: #636363; }
#footer p a strong, .footer-inner p a strong { font-weight: bold; color: inherit; }
#footer p a:hover, .footer-block p a:hover { color: #000; text-decoration: underline; }
#footer p a.active, .footer-block p a.active,
#footer p a.active:hover, .footer-block p a.active:hover { color: #000; }

#footer .right {
	position: absolute;
	padding-right: 0;
	right: 0;
	top: 0;
}
#footer .cbi {
	display: block;
	position: absolute;
	background: transparent url("images/cbi-footer.jpg") left top no-repeat;
	width: 115px;
	height: 10px;
	text-indent: -5000px;
	top: 2px;
	right: 0;
}

#footer {
    clear: both;
    float: none;
}

#footer .wrapper{
	border-top: 8px #00572a solid;
}

/* @end */
/* @group FCKstyles */
.image-left {
	float: left;
	padding: 20px;
	background-color: #fff;
	margin: 0 20px 20px 0;
}
.image-right {
	float: right;
	padding: 20px;
	background-color: #fff;
	margin: 0 0 20px 20px;
}
/* @end */
/* @group Misc */
.smallprint {
	font-size: 9px;
}
label.directions{
   font-size: 9px;
}
.main-top {
	height: 72px;
}
.inset-right {
	float: right;
	margin: 0 0 1em 1em;
}
#block-feature-home {
	margin-top: 70px;
}
#block-address {
	margin: 20px 0;
}
/* @end */
/* @group View base */
div.views-field-title {
	font-size: 20px;
	font-family: Arial, Helvetica, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Corbel, Verdana, sans-serif;
}
div.view-content h3 {
	font-size: 12px;
font-family: Arial, Helvetica, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Corbel, Verdana, sans-serif;
	margin: 1.5em 0 .5em 0;
}

div.views-field-field-summary-value {

}
div.views-row-odd,
div.views-row-even {
	color: #666;
	margin: 0 0 1em 0;
}
/* @end */

/* @group Header */

#header {
	height: 197px;
    z-index: 950;
}
#header .wrapper {
    z-index: 950;
}

#header h1 {
    margin: 0;
}

#header h1 a {
    display: block;
    background: transparent url("images/header.jpg") top left no-repeat;
    width: 960px;
    height: 160px;
    border-bottom: 3px solid #768358;
    text-indent: -5000px;
}

/* @end */
/* @group Navigation */
#block-menu-primary-links .menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
#block-menu-primary-links .menu li {
    float: left;
    position: relative;
}
#block-menu-primary-links .menu li a {
    display: block;
    position: relative;
    background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
    height: 34px;
    text-indent: -5000px;
    z-index: 1100;
}
#block-menu-primary-links .menu li ul {
    list-style: none;
    float: none;
    display: none;
    position: absolute;
    background: #ece7ca;
    top: 33px;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 1000;
}
#block-menu-primary-links .menu li ul li {
    float: none;
    border-bottom: 1px solid #a7ae78;
    border-top: 1px solid #c3c599;
}
#block-menu-primary-links .menu li ul li.last {
    border-bottom: none;
}
#block-menu-primary-links .menu li ul li a {
    color: #00572a;
    height: auto;
    padding: 10px 0 10px 25px;
    font-size: 14px;
    text-decoration: none;
    text-indent: 0;
}

#block-menu-primary-links .menu li.nav-about-us a { background-image: url("images/nav-about.jpg"); width: 165px; }
#block-menu-primary-links .menu li.nav-our-work a { background-image: url("images/nav-our-work.jpg"); width: 163px; }
#block-menu-primary-links .menu li.nav-get-involved a { background-image: url("images/nav-get-involved.jpg"); width: 191px; }
#block-menu-primary-links .menu li.nav-news a { background-image: url("images/nav-news.jpg"); width: 120px; }
#block-menu-primary-links .menu li.nav-events a { background-image: url("images/nav-events.jpg"); width: 140px; }
#block-menu-primary-links .menu li.nav-contact-us a { background-image: url("images/nav-contact.jpg"); width: 181px; }

#block-menu-primary-links .menu li.hover a,
#block-menu-primary-links .menu li.active-trail a,
#block-menu-primary-links .menu li a.active { background-position: 0 -34px; }

#block-menu-primary-links .menu .expanded li a { background-image: none; }
#block-menu-primary-links .menu .expanded li a:hover { background: #fff; color: #00572a; }

#block-menu-primary-links .menu li:hover ul, #block-menu-primary-links .menu li.hover ul {
    display: block;
}
#block-menu-primary-links .menu li:hover .menu .menu, #block-menu-primary-links .menu li.hover .menu .menu {
	display: none;
}

.not-front .main-inner {
	background: #eadfa9;
    float: left;
    padding: 40px 25px 40px 55px;
    width: 560px;
}

.not-front .main-inner .page-title {
/* Not sure how these images will be created at the end of the day -jwalker
	background: transparent url("images/-heading-founding-members.jpg") left top no-repeat;
*/
	color: #005828;
    height: 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #00572a;
}


#right {
    float: right;
    background: #a7ae78;
    width: 240px;
    padding: 30px 40px 0;
}
#right #featured-project {
    background: #739360;
    color: #ffffff;
    padding: 25px 14px;
}
#right #featured-project h3 {
    background: transparent url("images/heading-featured-project.jpg") top left no-repeat;
    width: 208px;
    height: 18px;
    margin-bottom: 21px;
    text-indent: -5000px;
}
#right #featured-project p {
	margin-top: 12px;
    padding-bottom: 0;
    margin-bottom: 0;
}
#right #volunteer {
    font-weight: bold;
}
#right #volunteer img {
    margin: 15px 0;
}

#page .wrapper {
	margin-left: 0;
}

#main tbody {
	border: none;
}

#marquee, #marquee .wrapper {
	position: relative;
	height: 294px;
	overflow: hidden;
	z-index: 900;
}
#marquee .wrapper p {
	margin: 0;
}

.front .main-inner {
	float: none;
	padding: 0;
	width: auto;
	height: 294px;
}
.front .main-inner .content-header {
	display: none;
}

.front #home-left,
.front #home-right {
    font-weight: bold;
}
.front #home-center h3.news, .front #home-center h3.events {
    background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    margin: 0;
    font-size: 10px;
    text-indent: -5000px;
}

.front #home-left h2 { background-image: url("images/home-header-mission.jpg"); }
.front #home-center h2 { background-image: url("images/home-header-news.jpg"); }
.front #home-right h2 { background-image: url("images/home-header-membership.jpg"); }

.front #home-center h3.news { background-image: url("images/home-subhead-news.jpg"); }
.front #home-center h3.events { background-image: url("images/home-subhead-events.jpg"); }

.front #home-right p { width: 235px; margin: 15px 0; }

.front #home-left,
.front #home-center,
.front #home-right {
    float: left;
    width: 270px;
    padding: 0 25px;
	background: transparent;
}
.front div .node-content p {
    margin: 0 0 25px;
    padding: 0;
}
.front div h2 {
    background-color: #eadfa9;
    background-position: center 15px;
    background-repeat: no-repeat;
    height: 40px;
    margin: 0 -25px 25px;
    border-top: 2px solid #746641;
    border-bottom: 2px solid #827554;
    text-indent: -5000px;
}

#site #content_bottom ul {
    list-style: url("images/list-triangle.jpg");
    padding-left: 14px;
}
#site #content_bottom ul li {
    padding-bottom: 15px;
    font-size: 13px;
}
#site #content_bottom ul li a {
    color: inherit;
}

.clearfix {
	display: block;
	visibility: hidden;
	clear: both;
}

#site .main-inner a:hover {
    color: #0a4efa;
}

#page .wrapper {
	background-color: #EADFA9;
}
.front #page .wrapper {
	background-color: #A7AE78;
}

form.styled label, form.styled input {
	display: block;
	float: left;
	width: 150px;
}
form.styled label {
	font-weight: bold;
	white-space: nowrap;
}
form.styled span {
	color: red;
}
form.styled input {
	width: 250px;
}
form.styled textarea {
	width: 250px;
	height: 5em;
}
form.styled p {
	clear: left;
}