@charset "UTF-8";
/* CSS Document */




/* GLOBAL RESETS
*******************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clear {clear:left;}

.spacer {
	padding: 0 0 10px 0;
}

/* BODY STYLES
*******************/


body {
	background: #f6d37f url(/images/bg.gif);
    font: 100.1%/120% helvetica, verdana, sans-serif; 
}
#Wrapper {
	background-color: #f2bc3f;
	margin: 0px auto 0 auto;
	width: 780px;
	padding:14px 0 14px 0;
}
#pageWrapper {
	background: url(/images/page-bg.gif);
	margin: 0px 0 0px 18px;
	width: 744px;
}
#page {
	background: url(/images/page-bot.gif) bottom left no-repeat;
	margin: 0px;
	padding:0 0 18px 0;
	width: 744px;
}
#corners {
	background: url(/images/page-top.gif) top left no-repeat;
	margin: 0px;
	width: 726px;
    padding: 0 0 0 18px;
}


/* HEADER STYLES
*******************/


#logo {
	width: 149px;
	height: 186px;
	margin:18px 18px 18px 0px;
	float:left;
}

#menu {
	background: url(/images/menu-bg.gif) top left no-repeat;
	width: 512px;
	height: 186px;
	margin:18px 0 18px 0;
	float:left;
    padding: 0 0 0 20px;
}

.nav, .nav * {
	margin:0;
	padding:0;
}
.nav {
	line-height:1.0;
	float:left;
	margin: 140px 0 1.5em 0px;
}
.nav ul {
	background:#fff; /*IE6 needs this*/
}
.nav li {
	float:left;
	list-style:none;
	position:relative;
	z-index:999;
}

.nav li li {background:#f6d37f;}

.nav a {
	color: #c86040;
	display:block;
	float:left;
	padding: 8px 8px 8px 7px;
	text-decoration:none;
	font-size:14px;
}
.nav li ul {
	float:none;
	top:-999em;
	position:absolute;
}

.nav li:hover,
.nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {background:#f8e9c6;}
.nav li:hover ul, /* pure CSS hover is removed below */
ul.nav li.sfHover ul {
	left:-1px;
	top:30px;
}

.nav li:hover li ul,
.nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
	left:150px;
	top:-1px;
	width:150px;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {top:-999em;}
.nav li li {
	background:#f6d37f;
	float:none;
	width:150px;
}
.nav li li li {background:#f6d37f;}
.nav li li a {
	float:none;
	padding-right:0;
	width:140px;
    border-bottom:1px solid #f8e9c6;
}
/* quick hacks for IE */
*html .nav li li {margin-bottom:-3px;}
*html .nav li li li {margin-bottom:-1px;}
*+html .nav li li {margin-bottom:-3px;}
*+html .nav li li li {margin-bottom:-1px;}



/* SUBMENU STYLES
*******************/


#submenu {
	background:#6dd1c3 url(/images/submenu-bot.gif) bottom left no-repeat;
	width: 149px;
	height: 300px;
	margin: 0 18px 0px 0px;
	float:left;
	clear:left;
}
#submenu .top {
	background: url(/images/submenu-top.gif) top left no-repeat;
	width: 149px;
	height: 15px;
	margin:0;
	padding:0;
}

#submenu ul {
	margin:10px 0 0 0;
	padding:0;
}
#submenu li {
	display:inline;
	width:137px;
	text-align:center;
}
#submenu li a {
	width:149px;
	margin:0px 0px 1px 0px;
	padding:9px 0 9px 0;
	display:block;
	text-decoration:none;
    font: 14px helvetica, verdana, sans-serif; 
    text-align:center;
}


#submenu li a:link, #submenu li a:visited  {
	color:#fff;
	background-color:#6dd1c3;
}

#submenu li a:hover, #submenu li a:active  {
	background-color: #ffffff;
    color:#6dd1c3;
}





/* MAIN CONTENT STYLES
*******************/


#main {
	background:#6dd1c3 url(/images/main-shelf.jpg) bottom left no-repeat;
	width: 386px;
	height: 300px;
	margin: 0 18px 0px 0;
	float:left;
}





/* ACTION STYLES
*******************/



#actions {
	background:#c86040 url(/images/action-bot.gif) bottom left no-repeat;
	width: 125px;
	height: 300px;
	margin: 0 0px 18px 0;
	float:left;
}
#actions .top {
	background: url(/images/action-top.gif) top left no-repeat;
	width: 125px;
	height: 15px;
	margin:0;
	padding:0;
}


#actions ul {
	margin:0;
	padding:0;
}
#actions li {
	display:inline;
	width:113px;
	text-align:center;
}
#actions li a {
	width:113px;
	height:20px;
	margin:0px 0px 1px 0px;
	padding:57px 6px 12px 6px;
	display:block;
	text-decoration:none;
    font: 14px helvetica, verdana, sans-serif; 
    text-align:center;
}
#actions li a:link, #actions li a:visited {color:#fff;} 
#actions li a:hover, #actions li a:active,  #actions li a.on {
	color:#fff;
	background-color:#d5856c;
} 

#actions li a#donate:link, #actions li a#donate:visited  {
	background:  url(/images/icon-carrots.gif) top center no-repeat;
}
#actions li a#donate:hover, #actions li a#donate:active  {
	background: #b65538 url(/images/icon-carrots.gif) top center no-repeat;
}

#actions li a#become-member:link, #actions li a#become-member:visited  {
	background:   url(/images/icon-people.gif) top center no-repeat;
}
#actions li a#become-member:hover, #actions li a#become-member:active  {
	background: #b65538 url(/images/icon-people.gif) top center no-repeat;
}

#actions li a#get-involved:link, #actions li a#get-involved:visited  {
	background:   url(/images/icon-get-involved.gif) top center no-repeat;
}
#actions li a#get-involved:hover, #actions li a#get-involved:active  {
	background: #b65538 url(/images/icon-get-involved.gif) top center no-repeat;
}





/* BOTTOM CONTENT STYLES
****************************************/


#content {
	background: #c86040 url(/images/bot-content-bot.gif) bottom left no-repeat;
	width: 696px;
	margin: 0px 0 0px 0px;
	padding: 0 0 18px 0;
	clear:left;
}

#content .top {
	background: url(/images/bot-content-top.gif) top left no-repeat;
	width: 696px;
	height: 15px;
	margin:0;
	padding:0;
}
#content-in {
	background: #d27d62 url(/images/bot-content-in-bot.gif) bottom left no-repeat;
	width: 660px;
	margin: 0px 0 0px 18px;
	color:#fff;
}

.content-in-top {
	background: url(/images/bot-content-in-top.gif) top left no-repeat;
	width: 660px;
	height: 15px;
	margin:0;
	padding:0;
        line-height:110%;
}

#content-in p {
	padding: 0 0 18px 0;
}

#content h1 {
	font-size:180%;
    margin:20px 0 20px 0;
    padding:0 0 5px 0; 
 border-bottom:1px solid #fff;
}

#content h2 {
	font-size:140%;
    padding:20px 0 20px 0; 
}

#content a:link {color:#fddfd5;}

#content a:visited {color:#fcd1c3;}

#content a:hover, #content a:active {color:#fef67a;}

.maincol {
    width:410px;
    float:left;
    padding: 10px 10px 10px 15px;
        line-height:150%;
}

.entry-list {
	padding: 0 10px 0 0;
	border-bottom:1px dotted #fff;
}

.entry {
	padding: 0 10px 0 0;
}

.maincol h1 {line-height:100%;}


.entry ul {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 0px;
	padding-left: 0px;
}
.entry li {
	margin-left: 20px;
	padding-left: 0px;
}

.colright {
    width:180px;
    padding: 10px 10px 10px 15px;
    border-left:1px solid #fff;
    float:left;
    font-size:90%;
}

.colright h3 {
	width:170px;
	color:#d27d62;
	background:#e4a490 url(/images/rtcol-h3-bg.gif) no-repeat;
	margin:0 0 15px 0;
    padding:8px 0px 8px 10px;
    font-size:90%;
    text-transform:uppercase;
}

.colright .entry {
	margin:0 0 20px 0;
}


.emailListInput {width:110px;}

.colright ul {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 20px;
	padding-left: 0px;
}
.colright li {
	margin-left: 0px;
	padding-left: 0px;
}


/* SMALL CALENDAR STYLES
****************************************/


.calendarBG { 
  width:178px;
  margin-bottom:10px;
  background-color: #c86040;
  padding:1px;
}

.calendarBG td, .calendarBG th {
 font-family:       Helvetica, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 text-align:center;
 padding-top:5px;
}

.calendarBG td a {color:#000;}

.calendarBG th {
 color:#fff;
 font-size:14px;
 background-color: #c86040;
}

.calendarBlank { 
 font-size:         11px;
 background-color: #c86040;
}

.calendarHeader { 
 font-weight: bold; 
 color: #000; 
 text-align: center;

}

.calendarMonthLinks {
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #6dd1c3;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #6dd1c3;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #c86040;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: #6dd1c3; 
 text-align:  center;
 vertical-align: middle;
 padding-top:5px;
}

.calendarToday { 
 font-family:       Helvetica, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       Helvetica, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}
  
.calendarCell a:link, .calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

td.calendarCell a:hover {
 color:             #5a9e25;
 text-decoration:   none;
 background-color:  transparent;
}





/* FOOTER STYLES
****************************************/



#footer {
	padding:18px 0 0 0px;
    color:#fff;
    font-size:12px;
    text-align:center;
}

#footer a {color:#fff;}