/*
iDONATEpro CSS
Author: http://www.elmnt.com
*/

/* start: Eric Meyer reset (list elements removed) */

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,
fieldset, form, label, legend, input, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	border: none;
	outline: 0;
	/*
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-family: inherit;
	*/
}

:focus, a, img a { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; 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: reset */

/* font-face */

@font-face {
	font-family: 'CorisandeRegularRegular';
	src: url('/fonts/corisanderegular-webfont.eot');
	src: local('☺'), url('/fonts/corisanderegular-webfont.woff') format('woff'), url('/fonts/corisanderegular-webfont.ttf') format('truetype'), url('/fonts/corisanderegular-webfont.svg#webfontkwHmnPgw') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* end: font-face */

body { 
	margin: 0 auto;
	padding: 0;
	background: #666 url('/img/body-bg-1015.gif') center top repeat-y;
	text-align: center;
	color: #444;
	font-family: 'Trebuchet MS', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	line-height: 19px;
}

img { display: block; }
img.inline { display: inline; }

h1, h2, h3, h4, h5 { 
	font-family: 'CorisandeRegularRegular', Arial, Helvetica, sans-serif; 
	color: #444;
	font-weight: normal;
	font-style: normal;
}
p, td p, li {
	color: #444;
	font-family: 'Trebuchet MS', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	line-height: 19px;
}
ol, ul, li { }

/* 
custom clearfix solution:
I use it this way, as a separate div, AFTER the split divs, instead of the traditional use,
because it is more consistently bullet-proof, across all browsers, in case anyone is wondering ;)
All attributes added again, for redundancy
*/
.clearfix {
	margin: 0px;
	padding: 0px;
	border: none;
	border: 0px;
	height: 0px;
	max-height: 0px;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}

/* set defaults */
a         { font-weight: normal; text-decoration: underline; }
a:link    { color: #3d9b08; }
a:visited { color: #3d9b08; }
a:hover   { color: #7ac142; text-decoration: none; }
a:active  { color: #7ac142; text-decoration: none; }

/* ul.square { list-style-image: url('/img/list-square.gif'); } */

/* global left-right float settings */
div.fleft  { margin: 0; padding: 0; float: left; }
div.fright { margin: 0; padding: 0; float: right; }


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ start: top level wrappers */

#wrap {
	margin: 0 auto;
	padding: 0px;
	width: 975px;
	text-align: left;
}
#sidebar {
	margin: 0;
	padding: 0;
	width: 320px;
	float: left;
	background: url('/img/sidebar-bg.png') right top no-repeat;
}
#main {
	margin: 0;
	padding: 0;
	width: 655px;
	float: right;
}
#footer {
	margin: 0;
	padding: 0;
	width: 655px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ end: top level wrappers */


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ start: header */

/* 
header-outer set 10px more narrow than wrap
to eliminate edge shift on page re-size
*/

#header-outer {
	margin: 0 auto;
	padding: 0;
	width: 1005px;
	height: 153px;
	background-color: #fff;
}
#header {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 975px;
	height: 153px;
	background: url('/img/header-green.png') left bottom no-repeat;
}
#header h1,
#header h2,
#header .nav, 
#header .login {
	margin: 0; padding: 0;
	position: absolute;
}
#header h1 { top: 0px; left: 0px;  width: 230px; height: 90px; text-indent: -9999px; } /* logo */
#header h2 { top: 0px; right: 0px; width: 255px; height: 90px; text-indent: -9999px; } /* tagline */
#header .nav { 
	position: absolute;
	top: 120px;
	left: 15px;
	/* width: 391px; V1 */
	width: 433px; /* V2 */
	height: 30px;
	/* background: url('/img/topnav.png') left top no-repeat; V1 */
	background: url('/img/topnav2.png') left top no-repeat; /* V2 */
}

/* header nav V1
#header .nav ul { margin: 0; padding: 0; list-style: none; float: left; }
#header .nav ul li { margin: 0; padding: 0; display: inline; }
#header .nav ul li a { margin-right: 2px; float: left; height: 30px; }
#header .nav ul li a:hover, ul#topnav li a:active { text-decoration: none; }
#header .nav ul li span { display:none; }
#hn1, #hn2, #hn3, #hn4 { background: url('/img/topnav.png') left top no-repeat; }

#hn1 { width: 100px; background-position: 0px 0px; }
#hn2 { width: 83px;  background-position: -102px 0px; }
#hn3 { width: 108px; background-position: -187px 0px; }
#hn4 { width: 91px;  background-position: -297px 0px; }

#hn1:hover, #hn1:active, #hn1:focus, #hn1.on { background-position: 0px -30px; }
#hn2:hover, #hn2:active, #hn2:focus, #hn2.on { background-position: -102px -30px; }
#hn3:hover, #hn3:active, #hn3:focus, #hn3.on { background-position: -187px -30px; }
#hn4:hover, #hn4:active, #hn4:focus, #hn4.on { background-position: -297px -30px; }
/header nav V1 */

/* header nav V2
#header .nav ul { margin: 0; padding: 0; list-style: none; float: left; }
#header .nav ul li { margin: 0; padding: 0; display: inline; }
#header .nav ul li a { margin-right: 2px; float: left; height: 30px; }
#header .nav ul li a:hover, ul#topnav li a:active { text-decoration: none; }
#header .nav ul li span { display:none; }
#hnh, #hn1, #hn2, #hn3, #hn4 { background: url('/img/topnav2.png') left top no-repeat; }

#hnh { width:  40px; background-position:    0px 0px; }
#hn1 { width: 100px; background-position:  -42px 0px; }
#hn2 { width:  83px; background-position: -144px 0px; }
#hn3 { width: 108px; background-position: -229px 0px; }
#hn4 { width:  91px; background-position: -339px 0px; }

#hnh:hover, #hnh:active, #hnh:focus, #hnh.on { background-position:    0px -30px; }
#hn1:hover, #hn1:active, #hn1:focus, #hn1.on { background-position:  -42px -30px; }
#hn2:hover, #hn2:active, #hn2:focus, #hn2.on { background-position: -144px -30px; }
#hn3:hover, #hn3:active, #hn3:focus, #hn3.on { background-position: -229px -30px; }
#hn4:hover, #hn4:active, #hn4:focus, #hn4.on { background-position: -339px -30px; }
header nav V2 */

/* header nav V3 */
#header .nav3 { 
  position: absolute;
  top: 120px;
  left: 15px;
  width: 740px;
  height: 30px;
  background: url('/img/topnav4.png') left top no-repeat;
}

#header .nav3 ul { margin: 0; padding: 0; list-style: none; float: left; }
#header .nav3 ul li { margin: 0; padding: 0; display: inline; }
#header .nav3 ul li a { margin-right: 2px; float: left; height: 30px; }
#header .nav3 ul li a:hover, #header .nav3 ul li a:active { text-decoration: none; }
#header .nav3 ul li span { display:none; }
#hn3h, #hn31, #hn32, #hn33, #hn34, #hn35, #hn36 { background: url('/img/topnav4.png') left top no-repeat; }

#hn3h { width:  40px; background-position:    0px 0px; }
#hn31 { width: 213px; background-position:  -42px 0px; }
#hn32 { width: 117px; background-position: -257px 0px; }
#hn33 { width: 108px; background-position: -376px 0px; }
#hn34 { width:  98px; background-position: -486px 0px; }
#hn35 { width:  58px; background-position: -586px 0px; }
#hn36 { width:  91px; background-position: -646px 0px; }

#hn3h:hover, #hn3h:active, #hn3h:focus, #hn3h.on { background-position:    0px -30px; }
#hn31:hover, #hn31:active, #hn31:focus, #hn31.on { background-position:  -42px -30px; }
#hn32:hover, #hn32:active, #hn32:focus, #hn32.on { background-position: -257px -30px; }
#hn33:hover, #hn33:active, #hn33:focus, #hn33.on { background-position: -376px -30px; }
#hn34:hover, #hn34:active, #hn34:focus, #hn34.on { background-position: -486px -30px; }
#hn35:hover, #hn35:active, #hn35:focus, #hn35.on { background-position: -586px -30px; }
#hn36:hover, #hn36:active, #hn36:focus, #hn36.on { background-position: -646px -30px; }
/* /header nav V3 */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ end: header */


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ start: sidebar */

/* start: sidebar nav

#sidebar-nav {
	margin: 0 1px 0 0;
	padding: 0;
	width: 289px;
	height: 206px;
	float: right;
	background: url('/img/sidebar-nav.png') left top no-repeat;
}
#sidebar-nav ul {
	margin: 0; 
	padding: 0;
	list-style: none;
	float: left;
}
#sidebar-nav ul li {
	margin: 0;
	padding: 0;
	display: table;
}
#sidebar-nav ul li a {
	width: 288px;
	height: 34px;
	text-decoration: none;
	float: left;
}
#sidebar-nav ul li a:hover, 
#sidebar-nav ul li a:active {
	text-decoration: none;
}
#sidebar-nav ul li span {
	display: none;
}
#sn1, #sn2, #sn3, #sn4, #sn5, #sn6 {
	width: 288px;
	height: 34px;
	background: url('/img/sidebar-nav.png') left top no-repeat;
}

#sn1 { background-position: 0px 0px; }
#sn2 { background-position: 0px -34px; }
#sn3 { background-position: 0px -68px; }
#sn4 { background-position: 0px -102px; }
#sn5 { background-position: 0px -136px; }
#sn6 { background-position: 0px -170px; }

#sn1:hover, #sn1:active, #sn1:focus, #sn1.on { background-position: 0px -206px; }
#sn2:hover, #sn2:active, #sn2:focus, #sn2.on { background-position: 0px -240px; }
#sn3:hover, #sn3:active, #sn3:focus, #sn3.on { background-position: 0px -274px; }
#sn4:hover, #sn4:active, #sn4:focus, #sn4.on { background-position: 0px -308px; }
#sn5:hover, #sn5:active, #sn5:focus, #sn5.on { background-position: 0px -342px; }
#sn6:hover, #sn6:active, #sn6:focus, #sn6.on { background-position: 0px -376px; }

end: sidebar nav */


#sidebar-nav {
	margin: 0 1px 0 0;
	padding: 0;
	width: 289px;
	height: 274px;
	float: right;
	background: url('/img/sidebar-nav2.png') left top no-repeat;
}
#sidebar-nav ul {
	margin: 0; 
	padding: 0;
	list-style: none;
	float: left;
}
#sidebar-nav ul li {
	margin: 0;
	padding: 0;
	display: table;
}
#sidebar-nav ul li a {
	width: 288px;
	height: 34px;
	text-decoration: none;
	float: left;
}
#sidebar-nav ul li a:hover, 
#sidebar-nav ul li a:active {
	text-decoration: none;
}
#sidebar-nav ul li span {
	display: none;
}
#sn1, #sn2, #sn3, #sn4, #sn5, #sn6, #sn7, #sn8 {
	width: 288px;
	height: 34px;
	background: url('/img/sidebar-nav2.png') left top no-repeat;
}

#sn1 { background-position: 0px    0px; }
#sn2 { background-position: 0px  -34px; }
#sn3 { background-position: 0px  -68px; }
#sn4 { background-position: 0px -102px; }
#sn5 { background-position: 0px -136px; }
#sn6 { background-position: 0px -170px; }
#sn7 { background-position: 0px -204px; }
#sn8 { background-position: 0px -238px; }

#sn1:hover, #sn1:active, #sn1:focus, #sn1.on { background-position: 0px -274px; }
#sn2:hover, #sn2:active, #sn2:focus, #sn2.on { background-position: 0px -308px; }
#sn3:hover, #sn3:active, #sn3:focus, #sn3.on { background-position: 0px -342px; }
#sn4:hover, #sn4:active, #sn4:focus, #sn4.on { background-position: 0px -376px; }
#sn5:hover, #sn5:active, #sn5:focus, #sn5.on { background-position: 0px -410px; }
#sn6:hover, #sn6:active, #sn6:focus, #sn6.on { background-position: 0px -444px; }
#sn7:hover, #sn7:active, #sn7:focus, #sn7.on { background-position: 0px -478px; }
#sn8:hover, #sn8:active, #sn8:focus, #sn8.on { background-position: 0px -512px; }


/* start: sidebar contact module */

#sidebar-contact {
	margin: 30px 0 0 30px;
	padding: 0;
	width: 275px;
	height: 253px;
	background: url('/img/left-contact-bg.png') left top no-repeat;
	position: relative;
}
#sidebar-contact .button {
	margin: 0;
	padding: 0;
	width: 120px;
	height: 30px;
	position: absolute;
	top: 160px;
	left: 95px;
}

/* end: sidebar contact module */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ end: sidebar */


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ start: main content */

#main .slideshow-holder {
	margin: 15px;
	border: 1px solid #666;
	padding: 5px;
}

/* start: contact form settings */

#main .contact-box {
	margin: 0 40px 15px 40px;
	padding: 40px;
	background: url('/img/contact-bg.png') right top no-repeat;
	border: 1px solid #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#main .contact-box p.small { padding-bottom:30px; font-size:12px; line-height:12px; }
#main .contact-box p span { color:#3d9b08; font-weight:bold; }

#main .contact-box fieldset { margin:0; padding:0; }
#main .contact-item { margin:0 0 10px 0; padding:0; clear:both; }
#main .contact-item label { margin:0; padding:5px 0 0 0; display:block; float:left; width:220px; font-size:12px; line-height:12px; font-weight:bold; text-align:right; }
#main .contact-item label span { padding-left:2px; color:#3d9b08; font-weight:bold; }
#main .contact-item input { margin:0; padding:6px; float:right; width:250px; border: 1px solid #666; background-color:#fff; }
#main .contact-item select { margin:0 0 0 11px; padding:2px; width:200px; border: 1px solid #666; background-color:#fff; }

#main .contact-item-full { margin:10px 0 10px 0; padding:0; float:right; }
#main .contact-item-full label { margin:0; padding:0 0 10px 0; display:block; font-size:12px; line-height:12px; font-weight:bold; }
#main .contact-item-full textarea { margin:0; padding:10px; width:460px; height:100px; border: 1px solid #666; background-color:#fff; }

#main .contact-item input {
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height: 11px;
}
#main .contact-item-full textarea {
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
}

/* end: contact form settings */

/* start: sub-page image modules with titles + taglines */

#sub-masthead {
	margin: 15px;
	border: 1px solid #666;
	padding: 5px;
}
#sub-masthead-in {
	margin:0; 
	padding:0;
	width: 613px;
	height: 222px;
	position: relative;
}
/* left side (type) */
.sm-left {
	margin:0; 
	padding:0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 220px;
	height: 222px;
	background: url('/img/sub-left-bot-bg.gif') left bottom no-repeat;
}
.sm-left-title { /* title holder */
  background-color: #444;
  margin-bottom: 2px;
  padding: 20px;
}
.sm-left-tag { /* tagline holder */
  background-color: #9be34d;
  padding: 20px 20px 25px 20px;
}
/* /left side (type) */

/* right side (img) */
.sm-right {
	margin:0; 
	padding:0;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 391px;
	height: 222px;
}

/* end: sub-page image modules with titles + taglines */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ end: main content */


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ start: type settings */

/* start: sidebar type settings */

#sidebar h2 {
	padding: 30px 30px 20px 30px;
	font-size: 20px;
	line-height: 24px;
}
#sidebar h2 span, #main h2 span { color:#3d9b08; }

/*
#sidebar h2 span.trm, #main h2 span.trm { 
	font-family: Arial, sans-serif; 
	font-size: 13px; 
	line-height: 13px; 
	vertical-align: top; 
	margin-left: -3px; 
}
#main h2 span.trm { margin-right: 5px; }
*/

#sidebar-contact h4 {
	padding: 20px 30px 8px 95px;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
}

#sidebar-contact p {
	padding: 0 30px 0 95px;
	font-size: 12px;
	line-height: 15px;
}
#sidebar-contact p a         { font-weight: normal; text-decoration: none; }
#sidebar-contact p a:link    { color: #444; text-decoration: none; }
#sidebar-contact p a:visited { color: #444; text-decoration: none; }
#sidebar-contact p a:hover   { color: #7ac142; text-decoration: none; }
#sidebar-contact p a:active  { color: #7ac142; text-decoration: none; }

/* end: sidebar type settings */


/* start: main type settings */

#main h2 { /* h2 on the home page, all sub-pages h5 */
	padding: 15px 40px 15px 40px;
	font-size: 27px;
	line-height: 29px;
	color: #444;
}

#main h5 {
	padding: 15px 40px 15px 40px;
	font-size: 27px;
	line-height: 29px;
	color: #444;
}
#main h5.noimg {
	padding-top: 30px;
}
#main h5.testimonial {
	padding: 0 0 3px 40px;
	font-size: 19px;
	line-height: 19px;
	/*color: #9be34d;*/
	color: #3d9b08;
}

#main p, #main td p {
	padding: 0 40px 15px 40px;
	color: #444;
}

#footer p {
	padding: 15px 40px 80px 40px;
	font-size: 12px;
	line-height: 20px;
	color: #666;
}
#footer img { padding-left: 40px; }

/* variations */
#main .contact-box p {
	padding: 0 0 15px 0;
}

/* sub-page masthead image + text modules */
#sub-masthead h3 { /* title */
	margin:0;
	padding:0;
  color: #fff;
  font-size: 27px;
  line-height: 27px;
}
#sub-masthead h4 { /* tagline */
	margin:0;
	padding:0;
  color: #444;
  font-size: 19px;
  line-height: 20px;
}

/* end: main type settings */


/* testimonial page horizontals */

div.horizline {
	margin: 10px auto 20px auto;
	padding: 0;
	width: 570px;
	height: 1px;
	background: url('/img/gradient-line.gif') left top no-repeat;
}

/* testimonial page horizontals */


/* start: main list settings */

#main ul {
	margin: 0;
	padding: 0 40px 10px 60px;
}

#main ul li {
	margin: 0;
	padding: 0 0 10px 0;
}

/* end: main list settings */


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ end: type settings */

/* additions */

/* login button in header 10.17.2012 */
#header .login-button {
	position: absolute;
	right: -5px;
	bottom: 5px; 
}
#header .login-button a {
	position: absolute;
	right: 20px;
	bottom: 10px;
	font-size: 13px;
	line-height: 13px;
	font-family: Arial, Sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	word-spacing: normal;
	letter-spacing: normal;	
	padding: 10px 20px;
	background-color: #444;
	display: block;
  border: 1px solid #444;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #fff; 
  text-decoration: none; 
  white-space: nowrap;
}
#header .login-button a:link    { text-decoration: none; font-weight: bold; color: #fff; background-color: #444; border-color: #444; }
#header .login-button a:visited { text-decoration: none; font-weight: bold; color: #fff; background-color: #444; border-color: #444; }
#header .login-button a:hover   { text-decoration: none; font-weight: bold; color: #444; background-color: #fff; border-color: #fff; }
#header .login-button a:active  { text-decoration: none; font-weight: bold; color: #444; background-color: #fff; border-color: #fff; }
/* /login button in header */

/* increase the body copy size in targeted divs only */
.bcopy p { font-size: 115%!important; line-height: 1.25em!important; }

/* new sidebar nav Saturday, April 5, 2014 */
.new-sidebar-nav ul, 
.new-sidebar-nav ul:before, 
.new-sidebar-nav ul:after, 
.new-sidebar-nav ul li, 
.new-sidebar-nav ul li:before, 
.new-sidebar-nav ul li:after, 
.new-sidebar-nav ul li a, 
.new-sidebar-nav ul li a:before, 
.new-sidebar-nav ul li a:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}

.new-sidebar-nav { width: 100%; }
.new-sidebar-nav ul { list-style: none; margin: 0; padding: 0 0 0 30px; width: 100%; }
.new-sidebar-nav ul li { margin: 0; padding: 0; width: 100%; border-top: 1px solid #999; border-right: 2px solid transparent; }
.new-sidebar-nav ul li:last-child { border-bottom: 1px solid #999; }
.new-sidebar-nav ul li a { display: block; margin: 2px 0; padding: 6px 0 6px 6px; width: 100%; text-decoration: none; }
.new-sidebar-nav ul li a:hover { color: #fff; background-color: #7ac142; }
.new-sidebar-nav ul li a span { text-transform: uppercase; font-size: 12px; line-height: 1.25em; font-weight: bold; display: block; color: #333; }
.new-sidebar-nav ul li a:hover span { color: #fff; }
/* new sidebar nav Saturday, April 5, 2014 */