/* LAST UPDATED 06/15/2010 */

/*

	Table of Contents

	I. GENERAL
	II. NAVIGATION MENUS
	III. STRUCTURE & TYPOGRAPHY
	IV. TABLES
	V. FORM ELEMENTS
	VI. HEADINGS

*/

/* -----------------------------------------------------------
		I. GENERAL
----------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	background: #ffffff url('/images/backgrounds/pagebkgd.gif') repeat-x scroll 50% 0pt;
	font-family: Verdana, helvetica, arial, san-serif;
	font-size: medium;
	line-height: 1.3em;
	color: #000000;
}

ul { padding: 10px 0 0 0; }

p { padding: 10px 0 0 0; }

.divider {
	background: url('/images/divider.gif') bottom center no-repeat;
	height: 14px;
	margin-bottom: 7px;
}

a {
	color: #08537c;
	text-decoration: none;
}

a.arrow-gray {
	background: url('/images/backgrounds/arrow-gray.gif') 0 5px no-repeat;
	padding-left: 10px;
	color: #858585;
	display: block;
	text-decoration: none;
}

.arrowlink {
	text-transform:uppercase;
	text-align:right;
}

.arrowlink a	{
	background-image: url('/images/backgrounds/arrow-blue.gif');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 12px;
	color: #08537c;
	}
a:hover { color: #000; }

a img { border: 0; }

.orange { color: #b7731b; }
.purple { color: #556088; }
.green { color: #6c8855; }
.black	{color: #000000;}
.blue	{color: #044064;}

.small { font-size: 75%; }

ol { margin-left: 20px; }

ul { margin-left: 20px; }



/*  Newsletter styles */
.nl_caption	{
	font-size:.85em;
	line-height:1em;
	margin-bottom: 5px;
}

/*  Positional elements */
.right	{ 	float:right;}
.left	{   float:left}

.textright	{text-align:right}
.textcenter	{ text-align:center}
.textleft	{text-align:left}

.photo	{
	border:1px solid #cccccc;
	padding:2px;
	font-size:.8em;
	line-height:normal;
}

.photoleft	{
	border:1px solid #cccccc;
	padding:2px;
	font-size:.8em;
	line-height:normal;
	float:left;
	margin-bottom:8px;
	margin-right: 8px;
}

.photoright	{
	border:1px solid #cccccc;
	padding:2px;
	font-size:.8em;
	line-height:normal;
	float:left;
	margin-bottom:8px;
	margin-left: 8px;
}

.blockquote	{
	margin-left: 30px;
	font-style:italic;
}

.donatebutton	{
	display:inline;
	padding: 10px 20px ;
	top:-40px;
	font: normal bold 14px/35px arial, helvetica, san-serif;
	color:maroon;
	background-color: #dedede;
	border: 1px gray solid;
}

a .donatebutton:hover	{color:#08537c;}

.smaller	{	font-size:.8em;}

th	{
	color: #883c16;
	line-height: 1em;
	border-top: 1px #883C16 solid;
	border-bottom: 1px #883C16 solid;
}

td.total  	{
	color: #883C16;
	font-weight: bold;
	border-top: 2px #883C16 double;

}

.pullquote	{
	margin-top: 15px;
	border-top: 2px #883c16 solid;
	border-bottom: 2px #883c16 solid;
	padding: 5px;
	width: 150px;
	font: italic 1.1em georgia;
	color: #883c16;
}



/* -----------------------------------------------------------
		II. NAVIGATION MENUS
----------------------------------------------------------- */

#nav ul {
	z-index: 100;
	height: 47px;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
	height: 47px;
	text-align:center;
	font: bold 12pt 'Arial', Helvetica, sans-serif;
}

#nav li a {
	display: block;
	margin-top: 14px;
	text-decoration: none;
	color: #ffffff;
	padding: 0 17px;
	}

/*  Dropdown menus */

	#nav li ul {     
		position: absolute;
	    width: 160px;
	    left: -999em;
	    margin-top: 12px;
	     } 

	#nav li:hover ul, #nav li.sfhover ul {     
		left: auto; 
		padding-top: 0;
		}
	
	#nav li ul li	{
	display: block;
	width: 10em;
	text-align:left;
	padding: 0 10px;
	background-color:#999479;
	background-image: none;
	border-bottom: 1px solid white;
	border-collapse:collapse;
	font-size: .9em;
	height:auto;
	padding-bottom: 10px;
}

	#nav li ul li.last	{
	    background: none url('/images/backgrounds/bg-dropdown.png')bottom left no-repeat;
	    }

#nav li a:hover, #nav li a.current { color: #ffff66; }

 ul#subnav {
 	position:absolute;
 	top:0;
 	left: 5px;
 	width:205px;
	list-style: none;
	padding: 0;
	line-height: 24px;
	background: url('/images/backgrounds/bg-subnav.png') bottom left no-repeat;
}

 ul#subnav li	{
 		padding: 14px 10px;
		/*height: 24px;*/
		border-bottom: 1px solid #fff;
}

 ul#subnav li a {
	display: block;
	color: #fff;
	font: normal 16px/1.1em Arial, Helvetica, san-serif;
	/*height: 24px;*/
	width: 195px;
	text-decoration: none;

}

 ul#subnav li a.current  {
		color:#ffff66;
	}

 ul#subnav li:hover {
	background-color: #b8b3ac;
}

 ul#subnav li a:hover {
	color:#ffff66;
}


 ul#subnav li ul	{
    /* position:absolute;*/
     width:205px;
	list-style: none;
	margin:0;
	margin-left:-10px;
	padding:0;
	padding-left:10px;
	/*background: url('/images/backgrounds/bg-subnav.png') bottom  left no-repeat;*/
}

 ul#subnav li li	{
 		width: 180px;
 		padding:  10px 0 10px 0;
		height: 20px;
		border-bottom: 1px solid #fff;
}

 ul#subnav li li.last	{
		padding-bottom: 0;
		border-bottom:none;
 }

 ul#subnav li li a {
	display: block;
	font: normal 12px/1.1em Arial, Helvetica, san-serif;	
	height: 18px;
	width: 140px;
	text-decoration: none;
	padding-left: 40px;
}

	
 ul#subnav li li a.current, ul#subnav li li a:hover {
		color: #ffff66;
}

 ul#subnav li li:hover {
 	width: 180px;
 	/*margin-left: -5px;
 	padding-left: 5px;*/
 		}

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

#wrap {
	margin: 0 auto;
	width: 995px;
	padding: 0 5px;
	background: url('/images/backgrounds/bg_contentShadow.png') top center repeat-y;
}

#header {
	margin: 0 auto;
	width: 995px;
	height: 143px;
	background: #cccccc url('../images/banners/masthead.jpg') no-repeat left top;
	position:relative;
	}

			#header .donateBtn	{
				position:absolute;
				top: 107px;
				left: 828px;
				}

#nav {
	height: 47px;
	background: url('/images/backgrounds/bg_nav.gif') repeat-x;
}

#content {
	margin: 0 auto;
	width: 995px;
	background: #fff url('/images/backgrounds/bg_inner-shadow.gif') repeat-y;
	overflow:hidden;
}

	#mainContent {
		float: left;
		width: 820px;
		padding-bottom:20px;
	}
		#titlebanner	{
			width:820px;
			height: 107px;
			background: #dedede url('/images/backgrounds/interior.jpg') top left no-repeat;
			}
					
		img.photo-home { 
		margin: 0 0 14px -30px; 
		border-bottom: 2px #6f6f6f solid;
		border-right: 2px #6f6f6f solid;
		}

		#column-1 {
			width: 538px;
			float: left;
			padding: 10px 20px 0 20px;
			line-height: 1.3em;
		}
		
	 		#column-1 .breadcrumbs	{
					width: 410px;
					padding: 10px 0;
					float:left;
					}
			#column-1 .viral-link	{
					width: 100px;
					float:right;
					margin-top:10px;					
					} 


			#home #column-1 {
				width: 528px;
				padding: 0 30px 20px 30px;
			}
			
			#home #column-1 p	{
			font-size: 115%;
			line-height: 1.2em;
			margin-top:10px;
			}
			
			#home #column-1 .viral-link {
					text-align: right;
					font-size: small;
				}
				
			#home #column-1 .viral-link p.arrowlink	{
				font-size:small;
				padding: 0 0 8px 0;
				}
										
				.special-emphasis {
					text-transform: capitalize;
                    }
                    

		#column-2 {
			float: right;
			width: 190px;
			padding: 10px 20px;
			position:relative;
		}
		
		
			#subNav {
				font-family: Arial, Helvetica, sans-serif;
				margin: -10px -20px 0 -20px;
			}


			#home #column-2 {
				width: 190px;
				padding: 10px 20px 0 20px;
				line-height: 1.1em;
				}
			
			.newsitem	{
				padding: 8px 15px 10px 15px;
				}
				
				
			.newsitem h2 {
				width: 90%;
				padding: 0 0 3px 0;
				margin-bottom: 5px;
				border-bottom-style: double;
				border-bottom-color:black;
				}
				
			.newsitem	.title 	{
				font-weight: bold;
				}
				
			.newsitem p	{
				font-size:12px;
				font-family:Arial, Helvetica, sans-serif;
				line-height:  normal;
				padding-top:0;				}
				
				
			.newsitem .arrowlink {
				padding-top: 5px;
				margin-bottom: 10px;
				}
				
			.newsitem hr {
				margin-left:15px;
				}
				
			hr.thin	{
				border: 0;
				color: #000000;
				background-color: #000000;
				height:1px;
				width: 80%;
				margin-bottom:10px;
				}
			
			.sidebanner	{
				margin:10px 0;
				text-align:center;
				}
						
		#sidebar 	{
			width: 175px;
			float:right;
			}
				
			#sidebar .searchbox	{
				width: 155px;
				height:87px;
				padding:10px;
				background: #d7cfc1 url('/images/backgrounds/bg-searchbox.gif') top left no-repeat;
				}
		
				#sidebar .searchbox	p	{
					font: normal bold 14px/1em Arial, helvetica, san-serif;	
					margin: -9px 0 5px 20px;
					color: #333333;
					}
							
				#sidebar .sideBox	{
					padding: 2px 7px;	
					border-top: 1px solid #999999;
					}
					
				#sidebar .sideBox p	{
					font-size:small;
					letter-spacing:-90%;
					
					}	
					
				#sidebar .sideBox p.statDate	{
					font-weight:bold;
					font-size:small;
					line-height: normal;
					}
					
				#sidebar .sideBox.appeal	{
						padding: 0;
					}
					
				#sidebar .sideBox.appeal p	{
					margin:0;
					padding:0;
					}	
					
				#sidebar .services	{
					background: #fff url('/images/backgrounds/bg-sidebox-blue.gif') repeat-x;
			
					}
				#sidebar .e-bulletin	{
					height: 190px;
					background-color:#cccc66;
					}
			

.divider	{
	width:90%;
	height: 1px; 
	color:#ac5a34;
}
p.pullquote	{
	margin: 20px;
	border-top: 1px #883c16 solid;
	border-bottom: 1px #883c16 solid;
	font-size:.8em;
 }
 
 
 .pullquote p	{
	line-height:normal;
}
 
 .pullquote .attribute	{
	float:right; 
	margin-right: 10px;
}

.newsletter-thumbs	{
	padding-right: 0px; 
	padding-left: 5px; 
	float: left; 
	padding-bottom: 0px; 
	width: 70px; 
	padding-top: 5px;
	font-size: .8em;
}					
					/* *****************  Staff Lists  ******************** */
					


					/* ###########  Articles Styles  ############# */
					
					.byline	{
						color: #076293;
					}
					
					
					.question 	{
						margin-top: 10px;
						font-style:italic;
					}
										
					.question em	{
						font-style:normal;
					}
					.answermark	{
						font-weight: bold;
						font-size: 1.4em;
						color:#076293;
						font-family: Georgia, "Times New Roman serif";

						}
						
					ul.articlelinks	{
						list-style-type:none;
						color: #000;
						margin-top: 20px;
						}
						
					
					ul.articlelinks	li	{
						list-style-type:none;
						color: #000;
						}
						
						
					#news ul.articlelinks li	{
						margin-left: 10px;	
						}
	
					#news ul.articlelinks li img	{
						float: right;
						}	
						
					ul.articlelinks .articletitle	{
							font-size:1em;
							font-weight: bold;
							}
					.author	{
						
						margin-bottom:10px;
					}
					
					.authorblurb	{
						font-style:italic;
						font-size: .9em;
						border-top: 1px solid #cccccc;
						padding-top: 5px;
					}	
					
					
					.authorphoto	{
					float: left;
					margin: 0 8px 10px 0;
					padding: 1px;
					background-color: #ffffff;
					border: 1px gray solid;
					}
					
					ul.thumblist	{
					list-style-type:none; 
					margin:0;
					padding:0
					}
					
					ul.thumblist li {
					list-style-type:none;
					vertical-align:bottom;
					margin-bottom: 10px;
					
                        }
					ul.thumblist li img	{
					  margin-right: 10px;
                     }
					

/*  Needs List Styles */

.needs ul {
	margin:0;
	padding:0;
	list-style:none;

}

.small 	{
	font-size:.85em;
}

/* Event Lists */
					
#eventlist {
    position: relative;
    margin-top: 20px;
}

#eventlist li	{
		    margin-left: 150px;
		    }

#eventlist h1.year {
    color: #076293;
    font-size: 1.4em;
    margin: 20px 0;
}


#eventlist h2 {
    background: #999999;
    color: #fff;
    padding: 5px 10px;
    margin: 0 0 20px 0;
}

#eventlist ul.articlelinks {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 0 20px 10px 50px;
}

#eventlist ul.articlelinks .eventdate {
    position: absolute;
    left: 10px;
    font-weight: normal;
    color: #2777a0 !important;
    width:200px;
}

#eventlist ul.articlelinks .eventtitle {
    font-size: 1.2em;
    font-weight: bold;
}

#eventlist ul.articlelinks .featurelink {
    color: #2777a0;
    text-decoration: none;
}

	
	
	/*  **** Search Results  **** */
	
	#searchresult ul {
		margin:0 0 0 20px;
		padding: 0;
		list-style: none;
		}
		
	#searchresult ul li	{
		margin-bottom: 15px;
		font-size: .9em;
		}
		
	#searchresult li .title	{
		font-weight:bold;
		font-size:1em;
		}

	#searchresult li a	{
		text-decoration:underline;
		}
	
	#searchresult li .score	{
		font-size: .85em;
		font-style:italic;
		}
		

					ul.staff	{
						margin:0;
						padding:0;
						list-style:none;
					}
					
					ul.staff li {
						display:block;
						width: 250px;
						margin-bottom: 10px;
						margin-left: 160px;
						vertical-align:top;
						clear: left;
						}
						ul.staff li p{
							padding-top: 20px;
							font-size:1em;
							line-height: 1.1em;
						}

					ul.staff li img{
						margin:10px 10px 10px -160px;
						float:left;
						}
						

		
#footer {
	width: 995px;
	margin: 0 auto;
	padding: 15px 5px 0 5px;
	text-align: center;
	line-height:1.1em;
	color: #333333;
	font-size: 70%;
	background: url('/images/backgrounds/bg_bottomShadow.png') top left no-repeat;
}

	#footer .idtag	{
	width: 200px;
	float:right;
	text-align:right;
}


	#footer #icons	{
	margin: 10px 200px 10px 0;
}

	#footer #icons img	{
	padding: 0 5px;
}



/* -----------------------------------------------------------
		IV. TABLES
----------------------------------------------------------- */

table.staff	{
	width:500px;
}
.staff td{
		text-align:center;
		padding:15px;
}

.staff p	{
	font-size:12px;
	line-height: 14px;
}
.staff .name{
	font-size:13px;
	font-weight:bold;
	}

table.location {
	text-align:center;	
	}
	
.location td{
	width:50%;
}

.programs {
	margin-top:20px;
}
.programs td{
	vertical-align:text-top;
	padding-top:5px;
	
}

.programs .title{
	font-weight:bold;
	padding-right:25px;
}

/* -----------------------------------------------------------
		V. FORM ELEMENTS
----------------------------------------------------------- */

input { font-family: verdana, helvetica, san-serif; }

.textBox {
	border: 1px #bbbbbb solid;
	height: 16px;
	padding: 2px 10px 2px 10px;
	width: 130px;
	font-weight:bold;
	margin: 5px 0 0 0;
	color: rgb(76, 75, 70);
	font-size: 12px;
}

.textBoxComment {
	border: 1px #bbbbbb solid;
	height: 134px;
	padding: 2px 10px 2px 10px;
	width: 180px;
	margin: 5px 0 0 0;
	color: rgb(76, 75, 70);
	font-weight:bold;
	font-size: 12px;
	font-family: verdana, helvetica, san-serif;
}

.submitButton {
	float: right;
}

.searchbox .submitButton	{
	margin-top:10px;
	}



/*  general form styles */
.formarea	{
	margin: 20px 0;
	padding: 20px;
	padding-top: 30px;
	background-color: #efefef;
	/*background-image:url('/images/backgrounds/form-bkgd.gif') ;*/
	background-position:center top;
	background-repeat:repeat-x;
	border: 1px solid gray;
}


.formarea .note	{
	font-size: .85em;
}
fieldset {
	clear: both;
	border: 0;
}

.formarea div{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	height: 1%;
}

legend 	{
	width: 100%;
	font-family: arial, helvetica, serif;
	font-size: 1.2em;
	font-weight:bold;
	color: #044064;
	margin-bottom: 25px;

	}
	
legend span{
	display:block;
 	width: 480px;
 	border-bottom: 1px solid #044064;
 	padding: 0 10px;
	margin: 10px 0;
	margin-left: -10px;
	}

.formarea p.formtext	{
	margin-left: -155px;
	}
	
.pholegend	{
	display:block;
 	width: 100%;
 	border-bottom: 1px solid #076293;
 	padding: 0 10px;
	margin: 10px 0;
	margin-left: -10px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.2em;
	color: #076293;
}


.formarea select.dropdown	{
	height: 1.5em;
	padding-left: 5px;
	border: 1px solid gray;

}

.formarea div.submitBtn	{
	display:block;
	margin-bottom: 20px;
}

.formarea fieldset div label{
	float: left;
    margin-left: -155px; /*width of left column*/
    width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
   }
   
  .formarea fieldset div .text {
	border: 1px #bbbbbb solid;
	height: 16px;
	padding: 2px 10px 2px 10px;
	width: 180px;
	margin: 5px 0 0 0;
	color: #000;
	font-size: 80%;
}

   
   
  /*  For those checkboxes that are aligned left & right */ 
  .formarea  fieldset.left-align div{
 	padding-left:40px;
 	 width: 500px;
  } 
   
.formarea fieldset.left-align div label{
	margin-left: 0;
	float: none;
	width: 500px;
   }
.formarea fieldset.left-align div input{
	margin-left: -30px;
	width: 20px;
	}
	
	
.formarea fieldset div input.inline{
		width:auto;
		margin-left:0;
	}
	
.prices td {
	padding: 5px;
}

  .formarea  fieldset.right-align div{
 	padding-left:100px;
 	 width: 800px;
  } 


/* Member login form */

#minisearch { height: 85px;}

#membershiplogin input.short,  #minisearch input.short	{
	font-size:11px;
	width: 140px;
	margin-bottom: 10px;
	padding: 2px 0 2px 5px;
	color: #636366;
	float:left;
}
#membershiplogin.narrow input.short, #minisearch.narrow input.short	{
	float:none;
	}
	
	
	
#membershiplogin fieldset{
	margin: 0;
	padding: 0;
	border:0;
}
#membershiplogin legend, #minisearch legend{
	font-weight: bold;
	margin: 0 0 10px 0;
}

.warning	{
	font: bold 1.1em Arial;
	color:red;
}

.required	{
		font-weight:bold;
		background-image:url('/images/icons/req_asterisk.gif');
		background-position:140px 10px;
		background-repeat:no-repeat;
		}

.additional		{
	display:none;
}

/* -----------------------------------------------------------
		V. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: bold;
}

h5 {
	font-size: 100%;
}

h4 {
	font-size: 120%;
}

h3 {
	padding: 10px 0 0 0;
	
}

h2 {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: bold;
	padding: 10px 0 0 0;
	margin: 0;
}

h1 {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: bold;
	padding: 10px 0 0 0;
	margin: 0;
}

h1#logo	a{
	display:block;
	width: 660px;
	height: 90px;
	margin-left:26px;
	margin-top:21px;
	text-indent:-3500px;
}

h6 a { text-decoration: none; }

h5 a { text-decoration: none; }

h4 a { text-decoration: none; }

h3 a { text-decoration: none; }

h2 a { text-decoration: none; }

h1 a { text-decoration: none; }

h1 { font-size: 130%; }

	h1 {
		color: #044064;
		line-height: 1em;
		}


	h2 { 
		font-size: 125%; 
		 color: #044064;
	 	}	
	
		.sideBox h2	{
			width: 80%;
			padding-top: 0;
			padding: 0 0 3px 0;
			margin-bottom: 5px;
			border-bottom-style: double;
			border-bottom-color:black;
			}
	


	#subNav h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #fff;
		background-color: #754032;
		padding: 12px;
		text-transform: none;
	}

h3 { 
	font-size: 100%;
	color: #333333;
	}

h4 { 
	font-size: 100%;
	color: #000;
	}


#memorials h3	{
	font-weight:normal;
	font-style:italic;
}

#memorials p	{
	padding-top: 0;
	font-size: .9em;
}