/* FROM 

http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/    

*/


/*
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,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}






/* /////////// SIFR STUFF /////////// */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}



/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


/*
.sIFR-hasFlash h1.sifr {
	visibility: hidden;
	letter-spacing: -2em;	
}

*/

#maincol .sIFR-hasFlash h1 {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/* ---------------------------------------------------------- */





body {
	background: url(../images/body_bg1.jpg) repeat center top;
	margin: 0px;
	padding: 0px;
	font: 76%/130% Arial, Helvetica, sans-serif;
	color: #555555;
}

p, li {
	font-size: 1.2em;
}

a, a:link {
	color: #A20E4E;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.intro {
	font-size: 1.4em;
	line-height: 140%;
}
#bodytop {
	background: url(../images/header_bg2.jpg) repeat-x center top;
	position: absolute;
	height: 140px;
	width: 100%;
	left: 0px;
	top: 0px;
}
#container {
	position: relative;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-bottom: 20px;
}


p, li {
	line-height: 130%;
}
#maincol img, #rightcol img {
	border: 1px solid #DDDDDD; /* EC3A83  */
	background-color: #FFFFFF;
	padding: 10px;
}

.clear {
	clear: both;
}

.wp-caption-text {
	font-size: 1em;
	font-style: italic;
}











/*  HEADER STYLES  */

#sitename a {
	text-indent: -5000px;
	position: absolute;
	height: 41px;
	width: 414px;
	left: -9px;
	top: 39px;
	background: url(../images/title3.jpg) no-repeat left top;
	margin: 0px;
}
#header {
	position: absolute;
	height: 140px;
	width: 100%;
	left: 0px;
	top: 0px;
}
#headerpic {
	position: absolute;
	height: 268px;
	width: 470px;
	top: 0px;
	background: url(../images/headerpic2.jpg) no-repeat left top;
	left: 510px;
}

#donate {
	display: block;
	position: absolute;
	background-image: url(../images/donation1.jpg);
	background-repeat: no-repeat;
	background-position: left -14px;
	text-indent: -5000px;
	height: 14px;
	width: 113px;
	left: 607px;
	top: 64px;
	margin: 0px;
	padding: 0px;
}
a:hover#donate {
	background-position: left 0px;
}

h2.caps {
	font-size: 1em;
	text-transform: uppercase;
	color: #A20E4E;
	margin-bottom: 0.5em;
	padding-bottom: 0px;
	font-weight: normal;
}







/*  SIDE COLUMN STYLES  */

#rightcol {
font-size: 0.9em;
	float: left;
	margin-left: 30px;
	width: 180px;
	margin-top: 238px;
	position: relative;
	z-index: 10;
	display: inline; /* double float margin bug IE6 */
}
#navmain {
	background: url(../images/navbox1.jpg) no-repeat left top;
	width: 180px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 4em;
}

#navmain li {
	margin: 0px 10px 8px 25px;
	border-bottom: 1px solid #FFBC65;
	padding-bottom: 8px;
	overflow: visible;
}
#navmain a {
	font-size: 1.3em;
	color: #A20E4E;
	text-decoration: none;
	padding-left: 18px;
	overflow: visible;
	position: relative;
	left: -20px;
	display: block;
}
#navmain a:hover {
	background: url(../images/pointer1.gif) no-repeat 0px top;
	overflow: visible;
}

#navmain ul {
	display: none;
	margin-left: 0px;
	padding-left: 0px;
}
    #navmain .current_page_ancestor ul, #navmain .current_page_item ul {
	display: block;
}

.current_page_item {
	font-weight: bold;
}
.current_page_item ul, .current_page_ancestor ul {
	font-weight: normal;
}


#navmain li li {
	font-size: 0.8em;
	margin-left: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0em;
	margin-bottom: 0px;
	padding: 0.6em 0px 0px;
	line-height: 120%;
}

div.side_fade_pics {
	position: relative;
	height: 182px;
	width: 134px;
	/* top: 40px; */
	margin-left: 24px;  
}
.side_fade_pics img {
	position: absolute;
}

div.side_static_img {
	margin-left: 24px;  
}
#rightcol h3 {
	font-size: 1.3em;
	color: #63A3AD;
	margin-bottom: 0px;
}
#rightcol  p, #rightcol  li {
	margin-top: 0.5em;
}
div.side_post {
	margin-left: 24px; /* 25px;  */
}





/*  MAIN COLUMN STYLES  */

#maincol {
	background: url(../images/maincol_bg1.jpg) repeat-y left top;
	position: relative;
	width: 590px;
	left: 0px;
	top: 100px;
	float: left;
	padding: 50px 80px 80px;
}
#maincol #maincolheaderpic {
	background: url(../images/maincol_top1.jpg) no-repeat left top;
	position: absolute;
	height: 40px;
	width: 750px;
	left: 0px;
	top: 0px;
	margin-left: 0px;
}
#maincol #maincolfooterpic {
	background: url(../images/maincol_bot1.jpg) no-repeat left top;
	position: absolute;
	height: 50px;
	width: 750px;
	left: 0px;
	bottom: -1px;
	margin-left: 0px;
	padding-bottom: 0px;
}

#maincol h1 {
	font-weight: normal;
	color: #77BBC5;
	font-size: 2.0em;
	margin-bottom: 0.8em;
	letter-spacing: -0.1em;
	background: url(../images/motif.gif) no-repeat 0px 0.2em;
	overflow: visible;
	padding-left: 1.7em;
	line-height: 1.5em;
	margin-left: -1.7em;
	width: 400px;
}
#maincol h3 {
	color: #63A3AD;
	margin-top: 2em;
	margin-bottom: 0.1em;
	clear: left;
	padding-top: 2em;
	font-size: 1.3em;
	padding-bottom: 0px;
}
#maincol ul, #maincol ol {
	margin: 0px;
	padding: 0px;
}
#maincol li {
	margin-left: 10px;
	margin-top: 1em;
}	
#maincol ul li {
	list-style: disc;
}
#maincol ol li {
	list-style: decimal;
}
#maincol h3 img {
	margin-bottom: 3em;
	display: block;
}

#maincol p img {
	margin-top: 0em;
}
#maincol .alignright {
	float: right;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 20px;
}

#maincol .alignleft {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
}

#maincol h4 {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 2em;
	margin-bottom: -0.5em;
}

#maincol img {
	margin-top: 2em;
}

/*  --------------------------  */










/*  FOOTER STYLES  */


#footer {
	float: left;
	width: 750px;
	clear: left;
	margin-top: 100px;
	padding-bottom: 30px;
	position: relative;
}

.smallprint {
	text-align: center;
	font-size: 0.8em;
	color: #94062D;
}
.smallprint a {
	color: #94062D;
	text-decoration: none;
}
.smallprint a:hover {
	text-decoration: underline;
}

#logostamp {
	position: absolute;
	left: 800px;
	top: -110px;
	background: url(../images/logostamp1.jpg) no-repeat left top;
	height: 92px;
	width: 104px;
}







/*  WIDGET STYLES  */

#container #colwrapper #fact p {
	width: 150px;
	font-size: 1.8em;
	color: #E43B7E;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-top: 0px;
	z-index: 1;
}
#container #colwrapper #fact p.shadow {
	position: relative; /* because we need to push other stuff down if necessary */
	color: #FFCC00;
	left: 1px;
	top: 1px;
	z-index: 0;
}


#rightcol #fact {
	margin-top: 150px;
	margin-left: 24px;
	position: relative;
}









/*  STYLES FOR SPECIFIC PAGES  */



/*  HOME PAGE  */

div.home_fade_pics {
	position: relative;
	height: 240px;
	width: 560px;
	margin-bottom: 100px;
}


.home_fade_pics img {
	position: absolute;
}

#home_small_col #fact {
	margin-top: 50px;
	margin-left: 0px;
	position: relative;
}


#maincol #home_small_col #fact p {
	font-size: 1.8em;
}


#news {
	float: left;
	width: 400px;
	padding-top: 0px;
	padding-right: 20px;
	border-right: 1px solid #FFAD31;
}
#news .post {
	margin-top: 1.5em;
	padding-top: 0px;
}
#maincol #news h3 {
	margin-top: 0px;
	padding-top: 0px;
}
#maincol #news h3 a {
	color: inherit;
	text-decoration: none;
}
#maincol #news h3 a:hover {
	color: inherit;
	text-decoration: underline;
}
#maincol #news p, #maincol #home_small_col p {
	font-size: 1em;
	padding-top: 0px;
	margin-top: 0.3em;
}
#home_small_col {
	float: right;
	width: 150px;
	padding-bottom: 30px;
}







/*  ABOUT PAGE  */


#maincol #logo {
	border-style: none;
	padding: 0px;
	background: transparent;
}







/* WHAT WE DO PAGE */


.page-id-4 li span {
	font-size: 1.5em;
	color: #FF3366;
}






/* HOW YOU CAN HELP PAGE */

.page-id-30 #maincol h1 {
	margin-bottom: 2em;
}
.page-id-30 #maincol h3 {
	margin-top: 1.5em;
	padding-top: 0em;
}

/*
.page-id-30 #maincol div {
	background-repeat: no-repeat;
	margin-left: -30px;
	position: relative;
	padding-left: 80px;
	padding-bottom: 10px;
}
*/

.page-id-30 #maincol .side_fade_pics {
	float: right;
	width: 134px;
	height: 182px;
	margin-bottom: 3em;
	padding-left: 0px;
	margin-left: 20px;
	display: inline;
}
.page-id-30 #maincol .side_fade_pics img{
	margin-top: 1.5em;

}


.page-id-30 #maincol div.pid30 {
	background-repeat: no-repeat;
	position: relative;
	padding-left: 80px;
	padding-bottom: 10px;
	left: -30px;
	margin-left: 0px;
	width: 535px;
	margin-right: 0px;
}

.page-id-30 #maincol {
	padding-right: 0px;
	width: 670px;
}







#pid30_sponsor {
	background-image: url(../images/pid30_sponsor.gif);
	background-position: left 2.3em;
}

#pid30_donate {
	background-image: url(../images/pid30_donate.gif);
	background-position: left 2em;
}

#pid30_special {
	background-image: url(../images/pid30_special.gif);
	background-position: left 2em;
}

#pid30_will {
	background-image: url(../images/pid30_will.gif);
	background-position: left 0em;
}

#pid30_memoriam {
	background-image: url(../images/pid30_memoriam.gif);
	background-position: left 2em;
}

#pid30_newsletter {
	background-image: url(../images/pid30_newsletter.gif);
	background-position: left 2em;
}
#pid30_sponsor div {
	padding-left: 0px;
}