/* Start Eric Meyer CSS Reset */
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;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
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: "" "";
}
/* End Eric Meyer CSS Reset */



body {
	background: #f3ebe0 url(../images/bg.gif) repeat-x;
	color: #4C4C4C;
	font: 62.5% 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;	
	height: 5000px;
}

a, a:visited {	
	color: #388668;
	background: inherit;
	text-decoration: none;
}

a:hover {
	color: #6358A8;
	background: inherit;
	text-decoration: none;
}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-weight: bold; 	
	padding: 0.4em 0.6em 0 0.6em;
	color: #444;	
}

h1 {
	font-size: 2.2em;
	margin-top: 0.1em;
}

h2 {
	font-size: 2em;
	color: #88ac0b;
}

h3 {
	font-size: 1.4em;
}

p { 
	padding: 1.2em 1.0em;
	font-size: 1.3em;
	line-height: 1.6em;
	letter-spacing: 0.01em;
}

strong {
	font-weight: bold;	
}

em {
	font-style: italic;
}

.center {
	text-align: center;	
}

/** see pdfobject.com **/

#pdf {
	width: 820px;
	height: 1050px;
	margin: 15px auto;
}

#pdf object {
   display: block;
}



:lang(en) > q {
	quotes: '"' '"';
}

q:before {
	content: open-quote
}

q:after {
	content: close-quote
}

img {
	background: #fafafa;
	border: 1px solid #DAD0C4;
	padding: 0.7em;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.float-right {
  	margin: 5px 0px 10px 10px;  
}

img.float-left {
  	margin: 5px 10px 10px 0px;
}

img.extra-space-above {
	margin-top: 6em;	
}

img.plain {
	background: transparent;
	padding: 0;
	border: none;
	margin: 0;
	/*vertical-align: top;*/
}

pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.4em;
	padding: 0;
	margin: 0.5em 0 0 -5em;
}

#wrap {
	position: relative;
	width: 920px;
	background: #edf8c7 url(../images/wrap.gif) repeat-y center top;
	margin: 1.5em auto;
	text-align: left;	
}

#post-wrap {
	height: 500px;	/* add some space at the bottom to force scrollbar on short pages */
}

#content-wrap {
	position: relative;
	clear: both;
	float: left;	
	width: 920px;	
	padding: 1.5em 0;
	background: #edf8c7 url(../images/content.gif) repeat-y;	
}

#header {
	position: relative;
	width: 920px;
	height: 205px;
	background: url(../images/header.gif) no-repeat;
	color: #fff;	
	padding: 0;	
	margin: 0;
}

#header #logo {
	position: absolute;
	top: 40px;
	left: 40px;
	padding: 0;
	border: none;
	margin: 0;
}

#header #logo img {
	padding: 0.5em;
	border: 1px solid #dad0c4;
	margin: 0.5em;
}

#header #logo a {
	text-decoration: none;
	border: none;
}

#header h1#logo-text a {
	position: absolute;
	margin: 0; 
	padding: 0;
	font: 2.2em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	text-decoration: none;
	border: none;
	color: #f6f8f1;
	top: 48px; 
	left: 350px;
}

#header p#slogan {
	position: absolute;
	margin: 0; 
	padding: 0;
	font: 2.2em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	color: #D6EBAB;
	top: 112px; 
	left: 355px;
}

a.homepage-button {
	float: left;
	margin: 7px 0;
	padding: 10px 0 0 0;
	border: 1px solid transparent !important;	
}

a.homepage-button:hover {
	border: 1px solid #938BC3 !important;
}

#home #nav-home a,
#about-us #nav-about-us a,
#our-programs #nav-our-programs a,
#our-staff #nav-our-staff a,
#board-members #nav-board-members a,
#volunteer #nav-volunteer a,
#donate #nav-donate a,
#contact-us #nav-contact-us a {
	background: #29624C url(../images/pointer.gif) no-repeat center bottom;
	color: #ffcb79;
}


#nav {
	clear: both;	
	padding: 0;	
	margin: 0;
	width: 920px;
	height: 49px;
	background: #67BF9D url(../images/nav.gif) no-repeat;
}

#nav ul {
	float: left;
	list-style: none;	
	margin: 0;
	padding: 0 0 0 48px;			
	height: 48px;
	position: relative;		/* sdb added */
	top: 1px;				/* sdb added */
}

#nav ul li {
	display: inline;
	margin: 0; 
	padding: 0;
}

#nav ul li a {
	display: block;
	float: left;
	width: auto;
	height: 48px;	/* sdb added */
	margin: 0;
	padding: 0 12px;
	color: #F3EBE0;
	font: bold 16px 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
	line-height: 50px;
	text-decoration: none;	
	letter-spacing: -0.5px;
	border-right: 1px dotted #48AA84;
}

#nav ul li a.last {
	border-right: none;
}

#nav ul li a:hover, 
#nav ul li a:active {
	background: #26594C;
	color: #edf8c7;	
}

#main {
	/*width: 850px;*/	/* having a width was causing the main <div> to appear below the sidebar <div> */
	height: auto;		/* added so missing required fields on wufoo form don't cause submit button to be hidden */
	padding: 0 2em 0 0;	/* was 0 */
	margin: 0 20px 0 35px;
}

#main-home {	/** special stuff just for home page **/
	float: left;
	width: 560px;
	padding: 0; 
	margin: 0 20px 0 35px;
	display: inline;
}


#main p,
#main-home p {
	padding: 0.5em 1em;
}

#main a, a:visited,
#main-home a, a:visited {	
	color: #388668;
	background: none;	/* was inherit; */
	text-decoration: none;
	border-bottom: 1px dotted #388668;
}

#main a:hover,
#main-home a:hover {
	color: #6358A8;
	background: none;	/* was inherit; */
	text-decoration: none;
	border-bottom: 1px solid #6358A8;
}

#main h1,
#main-home h1 {
	color: #388668;
	font-size: 2.2em;
	padding-left: 0.5em;
}

#main h2,
#main-home h2 {
	color: #547F8B;
	font-size: 1.8em;
	margin-top: 1em;
	padding-left: 0.7em;
}

#main h2 a,
#main-home h2 a {
	color: #115280;
	text-decoration: none;		
}

#main h3,
#main-home h3 {
	color: #938BC3;
	font-size: 1.5em;
	margin: 0 0 0.5em 0;
	padding-left: 0.9em;
}

#main h3 a,
#main-home h3 a {
	color: #938bc3;
	text-decoration: none;
	border-bottom: 1px dotted #938BC3;
}

.extraspace {
	padding-top: 2em;
}

#main img,
#main-home img {
	margin: 0.8em 1.5em 0.4em 1.5em;	
}

#main ul,
#main-home ul {
	margin: 1em 0;	
}

#main ul li,
#main-home ul li {
	list-style-image: url(../images/bullet-orange.png);
	margin-left: 2.5em;
	margin-bottom: 1em;
	font-size: 1.3em;
	line-height: 1.8em;
	letter-spacing: 0.005em;
}

#main .top-page,
#main-home .top-page {
	margin-left: 1em;
	padding: 0;
	border: none;
}

#main .top-page a,
#main-home .top-page a {
	border: none;
	text-decoration: none;
	font-size: 1.1em;
}

#main .top-page a:hover,
#main-home .top-page a:hover {
	border: none;
	color: #4F4687;	/* dark purple */
}

#main .top-page .uline,
#main-home .top-page .uline {
	padding: 0.1em 0.3em 0.1em 0.3em;
}

#main .top-page .uline:hover,
#main-home .top-page .uline:hover {
	background: #EBEFE0;	/* slightly darker shade of bg color */
	padding: 0.1em 0.3em 0.1em 0.3em;
}

#main .top-page img,
#main-home .top-page img {
	background: none;
	border: none;
	margin-right: 0.6em;
	padding: 0;
}

#photo-rotator {
	width: 355px;
	padding: 0;
	margin: 0;
}

#photo-rotator img {
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
}

#sidebar-home {		/** special stuff just for home page **/
	float: right;
	width: 265px;	/*275px;*/
	padding: 0; 
	margin: 0 3.0em 0 0;
	display: inline;
}

#sidebar {
	width: auto;	/* was 300px */
	float: right;
	padding: 0 0 1.5em 1.5em;
	margin: 1em 5.0em 2em 2em;
	background: #EBEFE0;
}

#sidebar h3,
#sidebar-home h3 {
	color: #7369B1; 
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-size: 1.8em;
	padding: 1em 1em 0.2em 0;
	margin: 0.2em 0 0 0.4em;
}

#sidebar-home h3 a {
	border: none;
}

#sidebar-home h4 {
	color: #388668; 
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-size: 1.2em;
	padding: 0;
	margin-left: 0.5em;
	margin-top: -0.3em;
}

#sidebar-home .details {
	color: #388668;
	font-size: 11px;
}

#sidebar .sidemenu,
#sidebar-home .sidemenu {
	margin: 5px 10px 8px 7px;
	padding: 0;
	text-decoration: none;		
	border-top: 2px solid #B3ADD5;
}

#sidebar .sidemenu {
	max-width: 180px;					/* sdb added 11/25/09 */
}

#sidebar .sidemenu li,
#sidebar-home .sidemenu li {
	list-style-image: url(../images/checkmark.png);
	margin: 2em 0 1em 1.5em;
	border-bottom: 1px solid #DAEBA3;	
	line-height: 2em;
	padding: 0 0.4em;
}

#sidebar .sidemenu li a,
#sidebar-home .sidemenu li a {
	text-decoration: none; /*underline;	/* was none */	
	color: #29624C;
	font-size: 1.3em;
	padding: 0.2em 0 0 0;	/* was 0.2em 0; */
	/* border-bottom: 1px dotted #29624C; */
	border: none;
}

#sidebar-home .sidemenu li a {
	border-bottom: none;
}

#sidebar a:hover,
#sidebar-home a:hover,
#sidebar h3 a:hover,
#sidebar-home h3 a:hover {
	background: #d4dfbe;
	padding: 0.2em 0;
}

#sidebar .sidemenu li a:hover,
#sidebar-home .sidemenu li a:hover {	
	background: #D4DFBE;
	padding: 0.2em 0;
}

#sidebar a:visited,
#sidebar h3 a:visited,
#sidebar .sidemenu li a:visited {
	/* border-bottom: 1px dotted #29624C; */
	border: none;
}

#sidebar p,
#sidebar-home p {
	padding: 0;
	margin: 0;
}

#sidebar p.more a,
#sidebar-home p.more a {
	color: #594F98;
	font-size: 1.0em;
	font-weight: normal;
	font-variant: small-caps;
	padding: 0;
	margin: 0.5em 0 0 2em;
}

#sidebar p.more a:hover,
#sidebar-home p.more a:hover {
	border-bottom: 1px solid #2C815D;
}

#sidebar .sidemenu ul,
#sidebar-home .sidemenu ul { 
	margin: 0 0 0 5px; 
	padding: 0; 
}
#sidebar .sidemenu ul li,
#sidebar-home .sidemenu ul li { 
	border: none;
	list-style-image: url(../images/bullet-purple.png);	
}

.goodsearch {
	width: 150px;
	border: none;
	text-decoration: none;
	margin: 3em 0 0 1em;
}

.goodsearch p {
	width: 120px;
	margin-left: 1em !important;
	margin-bottom: 1em !important;
	font-size: 1.3em;
	color: #594F98;
}

.goodsearch a,
.goodsearch img {
	border: none !important;
	text-decoration: none !important;
}

.homepage,
.homepage p,
.homepage a {
	width: 90%;
	text-align: center;
	outline: none;
	border: none !important;
	color: #B43C00;
}

.homepage img {
	margin-top: -0.5em !important;	
}

.h2-headroom {
	padding-top: 2em !important;
}

div.hr {
	padding: 0;
	border-bottom: 3px dotted #FFCB79;
	margin: 1em;
}

div.hr hr {
  display: none;
}

.testimonial {		/* sdb added 2/10/2011 */
	background: #CCE6E0;		/* light green */
	padding: 0 10px !important;
	border: 1px solid #757ECF;	/* medium purple */
	margin: 35px 0 !important;
	font-style: italic; 
}

.attribution {
	font-style: italic;
	margin-left: 20px !important;
}

.idea {
	padding: 0;
	border: none;
	margin: 2em 0 0 0;
}

.idea p.case {
	font-weight: bold;
	font-size: 1.35em;
}

.idea p.action {
	font-weight: normal;
}

.idea p.note {
	font-style: italic;
}

p.thanks {
	font-weight: bold;
	font-size: 1.5em;
	color: #388668;
	margin: 0;
}

.checklist {
	background: #FFFFE6;
	padding: 1em 1em 0 0;
	border: 1px dotted #ccc;
	margin: 2em;
}

.checklist ul li {
	list-style-image: url(../images/filenew.png) !important;
	margin-left: 3em;
	margin-bottom: 1em;
	font-size: 1.3em;
	line-height: 1.8em;
	letter-spacing: 0.005em;
}

.third-left {
	width: 34%;
	float: left;
	border: 1px solid #67BF9D;
	margin: 1em;
}

.third-right {
	width: 33%;
	float: right;
	border: 1px solid #938BC3;
	margin: 1em;
}

.half-left {
	width: 47%;
	float: left;
	padding: 0;
	margin: 0;
}

.half-right {
	width: 47%;
	float: right;
	padding: 0;
	margin: 0;
}

.no-border {
	border: none;	
}

.basket-text {
	float: left;
	width: 45%;	
}

.basket-photos {
	float: left;
	width: 25%;
	margin-top: 0.5em;
}

#about-us .section {
	margin-top: 2.5em;
}

#about-us .topspace1 {
	margin-top: 3em;
}

#about-us .topspace2 {
	margin-top: 5em;
}

.wide {
	width: 98%;	
}

.width40 {
	width: 40%;	
}

.box-1 {
	background: #E4E0EF;
	padding: 0;
	border: 1px solid #B7ADD4;
	margin: 3em 0 0 3em;
	line-height: 1.7em;
	width: 50%;
}

.box-1 h2 {
	color: #29624C !important;
	padding: 0 1em 0 0;
	margin: 0 0 0.3em 0;
}

.box-1 img {
	border: none;
	padding: 0 !important;
	margin: 0 0 0.5em 1.5em !important;
}

.box-2 {
	background: #D3EDE3;
	padding: 0;
	border: 1px solid #8BCDB7;
	margin: 3em 0 0 3em;
	line-height: 1em;
	width: 50%;
}

.box-2 h2 {
	color: #29624C !important;
	padding: 0 1em 0 0;
	margin: 0 0 0.3em 0;
}

.box-3 {
	background: #FFDFAD;
	padding: 0;
	border: 1px solid #FFC160;
	margin: 3em 0 0 2em;
	line-height: 1.7em;
	width: 55%;
}

.box-3 h2 {
	color: #29624C !important;
	padding: 0 1em 0 0;
	margin: 0 0 0.3em 0;
}

.box-99 {
	background: transparent;
	padding: 0;
	border: none;
	margin: 2em auto;
	line-height: 1.7em;
	width: 60%;
}

.auto-wide {
	width: auto;	
}

.noborder {
	border: none;	
}

#main .naked-a a {
	text-decoration: none;
	border-bottom: none;
}

#main .naked-a a:hover {
	text-decoration: none;
	border-bottom: none;
}

#main #directions {
	padding-top: 2em !important;
}

.staff {
	background: #FFF3E0;	/* very light orange */
	padding: 0 0 1.5em 0;
	border: 1px solid #ccc;
	margin: 2em 1.1em 3em 1.1em;
	clear: both;
	min-height: 175px;
}

.staff-narrow {
	background: #FFF3E0;	/* very light orange */
	padding: 0 0 1.5em 0;
	border: 1px solid #ccc;
	margin: 2em 1.1em 3em 1.1em;
	width: 580px;
	float: left;
}

.staff .staff-name,
.staff-narrow .staff-name {
	font-size: 1.6em;
	font-weight: bold;
	color: #7369B1;		/* dark purple */
	line-height: 0.2em;
	margin: 0.7em 0 0.2em 0;
}

.staff .staff-title,
.staff-narrow .staff-title {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #AC6800;		/* very dark orange */
	padding: 0;
	margin: 0;
}

.staff img,
.staff-narrow img {
	background: #D3CFE7;	/* light purple */
	padding: 0.7em;
	border: 1px dotted #AFDECC;
	margin: 0.8em 1.5em 0 1.5em;
}

.date-highlight {
	background: #FFDFAD;
	padding: 0.1em 0.3em;
	border: 1px dotted orange;
	margin: 0 0.5em 0 0;
	font-weight: bold;
}

.event {
	background: #F3F1F8;	/* very light purple */
	padding: 0 0 1.5em 0;
	border: 1px solid #ccc;
	margin: 2em 1.1em 3em 1.1em;
	clear: both;
	min-height: 200px;
}

.event-first {
	background: #F3F1F8;	/* very light purple */
	padding: 0 0 1.5em 0;
	border: 1px solid #ccc;
	margin: 2em 1.1em 3em 1.1em;
	width: 60%;
	float: left;
}

.event .event-name,
.event-first .event-name {
	font-size: 1.6em;
	font-weight: bold;
	color: #7369B1;		/* dark purple */
	line-height: 1.4em;
	margin: 0.7em 0 0.2em 0;
}

.event .event-datetime,
.event-first .event-datetime {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #AC6800;		/* very dark orange */
	padding: 0;
	margin: 0;
}

.event img,
.event-first img {
	background: transparent;
	padding: 0.7em;
	border: none;
	margin: 0.8em 1.5em 0 1.5em;
}


.news {
	background: #F7FCFA;	/* very light green */
	padding: 0 0 1.5em 0;
	border: 1px solid #ccc;
	margin: 2em 1.1em 3em 1.1em;
	clear: both;
	min-height: 300px;
}

.news-first {
	background: #F7FCFA;	/* very light green */
	padding: 0 0 1.5em 0;
	border: 1px solid #ccc;
	margin: 2em 1.1em 3em 1.1em;
	width: 65%;
	float: left;
}

.news .news-head,
.news-first .news-head {
	font-size: 1.6em;
	font-weight: bold;
	color: #7369B1;		/* dark purple */
	line-height: 0.2em;
	margin: 0.7em 0 0.2em 0;
}

.news .news-subhead,
.news-first .news-subhead {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #AC6800;		/* very dark orange */
	padding: 0;
	margin: 0;
}

.news img,
.news-first img {
	background: #D3CFE7;	/* light purple */
	padding: 0.7em;
	border: 1px dotted #AFDECC;
	margin: 0.8em 1.5em 0 1.5em;
}


/** Even though the captioned-image stuff works fine in Firefox, Chrome, 
	and IE8, it's not rendering properly in IE7, so I'm switching to the gallery stuff below
	
.captioned-image {
	float: left;
	margin: 1em;
	padding: 0;
}

.captioned-image img {
	margin: 0;
	padding: 0.7em;
	display: block;
}

.captioned-image p {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	padding: 1em;
	color: #7E7E7E;
	font-size: 1.1em;
	line-height: 1.5em;	
}
**/

.gallery ul {		/** modified from dustin brewer **/
	padding: 0;
	margin: 0;
}

.gallery li {
	display: inline;
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
}

.gallery p {
	font-size: 0.9em;	
	font-style: italic;
	margin-top: -0.5em;
	padding: 0;
}

/**
.get-green {
	width: 170px;
	height: 40px;
	background: url(../images/rounded-rectangle.png) no-repeat;
	background-position: center;
	font-size: 1.4em;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 0.05em;
}

.get-orange {
	width: 170px;
	height: 40px;
	background: url(../images/rounded-rectangle.png) no-repeat;
	background-position: center;
	font-size: 1.4em;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 0.05em;
}

.get-purple {
	width: 170px;
	height: 40px;
	background: url(../images/rounded-rectangle.png) no-repeat;
	background-position: center;	
	font-size: 1.4em;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 0.05em;
}
**/

.get-button {
	width: 170px;
	height: 30px;
	background: url(../images/rounded-rectangle.png) no-repeat;
	background-position: center;	
	font-size: 1.2em;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 0.05em;
}

#buttons {
	width: 175px;
	margin: 5px 0 0 20px;
}

#buttons p {
	/*padding-top: 1.3em;*/
	padding: 10px 10px 10px 10;
	margin: 10px 0;
}

#buttons a {
	background: none;
	color: #6358A8;
	text-decoration: none;
	border-bottom: 1px dotted #6358A8;
	/*margin: 0.8em;*/
	margin: 10px;
}

#buttons a:hover {
	background: none;
	color: #30745A;
	text-decoration: none;
	border-bottom: 1px solid #30745A;
}

/*** not used but keep in case i change my mind ***********************
.callout-wrapper {
	background: url(../images/rounded-rectangle.png) no-repeat;
	min-height: 55px;
	width: 170px;
	margin: 0 auto;
}

.callout {
	padding: 0;
	margin: 0;
}

.callout p {
	padding-top: 1.5em;
	margin: 2em;
	font-size: 1.4em;
}

.callout a {
	padding-top: 1em;
	margin: 0;
	font-size: 1.0em;
	text-align: left;
}
**************************************************************************/

            
.logoblock {
	width: 100%;
}

.logoblock .logo {
	padding: 0 !important;
	margin: 2.5em !important;
	float: left;
}

.logo img {
	padding: 0 !important;
	margin: 0 !important;
	outline: none;
	border: none;
}

.logo span {
	color: #29624C;
	font-size: 1.3em;
	text-align: center;
	padding: 0 !important;
	margin: 0 !important;
}

.logo a {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}


.donate-box {
	margin: 3em 1em 1em 1em;
	padding: 0 1em 1em 1em;
	background: #FFE9C7;
	width: 500px;
	border: 2px solid #48aa84;
}

.highlight-1 {
	background: #FFFF9A;
	border: 2px solid #594F98;
	margin: 0 2em 2em 2em;
	font-size: 1.5em;
}

.highlight-2 {
	background: #ffff9a;	/* medium  yellow */
}

.highlight-3 {
	background: #E3E0F0;	/* very light purple */	
	padding: 0.05em 0.25em;
}

.highlight-4 {
	background: #FFFFE8;	/* light  yellow */
}

.largefont {
	font-size: 2.0em;
	font-weight: bold;
	color: #388668;
}

.address p {
	font-size: 1.3em;
	line-height: 0.4em;
	letter-spacing: 0.05em;
	margin-left: 2em;
}

form {
	margin-left: 7.1em;		/* see donation-payment.php */
}

.form-2 {
	padding: 1em;
	border: 1px dotted #68BE9D;
	margin: 1em;
}

#signupform {
	background: #FFFFA6;
	padding: 0.2em !important;
	border: 1px solid #9ED6C1;
	margin: 0.5em 0.8em !important;
}

input {
	font-size: 1.8em;	
}

.no-js {
	height: auto;
	margin: 1em;
	border: 3px solid #FFAD2C;
	padding: 1em;
	background: #FFFF80;
	font-size: 1em;
}

.no-js ol {
	margin: 1em 0;	
}

.no-js ol li {
	list-style-image: url(../images/bullet-orange.png);
	margin-left: 3em;
	font-size: 1.3em;
	line-height: 1.8em;
	letter-spacing: 0.005em;
}

.no-js-2 {
	height: auto;
	margin: -1em 0.7em;
	border: 2px solid #FFAD2C;
	padding: 0.1em;
	background: #FFFF80;
}

.no-js-2 p {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	line-height: 0.8em;
}

.agenda {
	margin: 1em !important;
	border: 2px solid #419876;
	font-size: 1.2em;
}

.agenda td {
	background: #F3F1F8;
	padding: 0.7em;
	border: 1px solid #67BF9D;
}

.pdf-icon {
	background: transparent;
	border: none;
	position: relative;
	top: 0.6em;
	left: -0.6em;
	margin: 0;
	padding: 0;
}


.bookcat a {
	color: #7369B1;	
	border-bottom: 1px dotted #7369B1 !important;
}

.bookcat a:hover {
	color: #F79700 !important;
	border-bottom: 1px solid #F79700 !important;
}

#pre-footer {
	clear: both;
	display: block;
	height: 50px;
	background: #edf8c7 url(../images/content.gif) repeat-y;	
}

#footer-wrap {
	clear: both;
	width: 920px;
	text-align: left;
	padding: 0;
	margin: 0;	
	background: url(../images/footer-bottom.gif) no-repeat left bottom;
}

#footer-content {
	width: 920px;
	background: url(../images/footer-top-sep.gif) no-repeat;
	padding: 0 0 1.5em 0;
}

#footer-wrap p {
	padding: 10px 0;
}

#footer-bottom {
	clear: both;
	color: #555;	
	margin: 0 auto; 
	width: 920px;
	padding: 0 0 1.5em 0;
	text-align: center;	
	font-size: 0.95em;
}

#footer-bottom #credit {
	display: block;
	width: 858px;
	background: #D6E899;
	margin: 0.5em auto;
	border-top: 1px solid #CADD8D;
	border-bottom: 1px solid #CADD8D;
	padding: 0.2em 0 0.3em 0;
}

#footer-bottom a {
	color: #5A6B35;
	text-decoration: none;
	border-bottom: 1px dotted #5A6B35;
}

#footer-bottom a:hover {
	color: #306495;	
	text-decoration: none;
	border-bottom: 1px solid #306495;
}

.extraspace-5 {
	height: 5em;	
}

.extraspace-25 {
	height: 25em;
}

.extraspace-50 {
	height: 50em;
}

.extratop {
	height: 2em;	
}

.extrabottom {
	height: 1em;
}

.img-left {
	 margin: 0.5em 2em 0.5em 0;	
}

.float-left  { 
	float: left; 
}

.float-right { 
	float: right; 
}

.clear {
	clear: both;	
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;	
}

.align-left  { 
	text-align: left; 
}

.align-right { 
	text-align: right; 
}

.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}

table {
	/*background: pink;*/
}

tr {
	background: yellow;	
}

td {
	background: #ccc;
}

td img {
	border: none;
}

td a {
	text-decoration: none !important;
	border: none !important;
}

#facebook {
	float: left;
	position: relative;
	top: 149px;
	left: 358px;
	width: 150px;
	height: 50px;
	padding: 0;
	margin: 0;
}

#facebook a,
#facebook img {
	padding: 0;
	margin: 0;
	border: none;
}

#facebook img {
	border: 1px solid #3F9775;
}

#facebook img:hover {
	border: 1px solid #FFFCC1;	
}