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

body {
	background: #000000;
}
/* ---- Container for Advancement Site ---- */
#container {
	background: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px auto;
	min-height: 800px;
	overflow: auto;
	width: 832px;
}
	/* ---- Heading 1 - Used for overall Advancement branding ---- */
	#container h1 {
		background: url(../images/h1-bkg.jpg) no-repeat;
		height: 127px;
		margin: 0px;
		padding: 0px;
		text-indent: -9999px;
		width: 832px;
	}
		#container h1 a {
			display: block;
			height: 127px;
			width: 832px;
		}
	/* ---- Featured Images on Home Page ---- */
	#homefeaturedimage {
		box-shadow: 0px 5px 16px #b2ada9; /* x-offset, y-offset, radius, color */
		margin: 0px 0px 20px 0px;
		-moz-box-shadow: 0px 5px 16px #b2ada9;
		box-shadow: 0px 5px 16px #b2ada9;
	}
	/* ---- Heading 2 - Used for Page Heading on pages ---- 
	#container h2 {
		background: url(../images/secondtier-bkg-h2.png) no-repeat;
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 26px;
		font-weight: 100;
		height: 91px;
		margin: 0px;
		padding: 40px 0px 0px 270px;
		text-transform: uppercase;
	}*/
	/* ---- Photo Heading for different categories ---- */
	div#headerimage {
		box-shadow: 0px 5px 16px #b2ada9; /* x-offset, y-offset, radius, color */
		height: 109px;
		margin: 0px 0px 10px 0px;
		-moz-box-shadow: 0px 5px 16px #b2ada9;
		box-shadow: 0px 5px 16px #b2ada9;
	}
		.campaign {
			background: url(../images/secondtier-bkg-campaign.jpg) no-repeat;
		}
		.priorities {
			background: url(../images/secondtier-bkg-priorities.jpg) no-repeat;
		}
		.leadership {
			background: url(../images/secondtier-bkg-leadership.jpg) no-repeat;
		}
		.waystogive {
			background: url(../images/secondtier-bkg-give.jpg) no-repeat;
		}
		.news {
			background: url(../images/secondtier-bkg-news.jpg) no-repeat;
		}
	/* ---- General Horizontal Navigation bar ---- */
	#container #navbar {
		background: url(../images/navbar-bkg.jpg) no-repeat;
		border-bottom: 2px solid #990000;
		margin: 0px;
		padding: 0px;
		height: 38px;
	}
		#container #navbar ul {
			list-style-type: none;
			margin: 0px;
			padding: 0px;
		}
		#container #navbar li {
			float: left;
			margin: 0px;
			padding: 0px;
			text-align: center;
			width: 166px;
		}
		#container #navbar a {
			color: #6c6b6b;
			display: block;
			font-size: 12px;
			padding: 12px 0px 0px;
			text-transform: uppercase;
			text-decoration: none;
			width: 166px;
		}
		#container #navbar a:hover {
			color: #851313;
		}
	/* ---- Vertical Navigation Column ---- */
	#container #navcol {
		float: left;
		width: 255px;
	}
	/* ---- Main content container ---- */
	#container #content {
		background: url(../images/bkg-header-swoosh.gif) no-repeat;
		background-position: 420px 0px;
		color: #595858;
		float: left;
		font-size: 0.8em;
		margin: 10px 0px 10px 12px;
		min-height: 400px;
		overflow: auto;
		width: 565px;
	}
		#content .homeheaderimg {
			margin: 0px 0px 13px 0px;
		}
		#container #content p {
			line-height: 1.5em;
			margin: 5px 40px 13px 0px;
		}
		
		/* ---- Headings ---- */
		#container #content h2, #container #content h3, #container #content h4, #container #content h5, #container #content h6 {
			color: #8d2626;
			margin: 10px 40px 10px 0px;
		}
		#container #content h2 {
			font-size: 20px;
			font-stretch: condensed;
			margin-bottom: 30px;
			margin-top: 15px;
			text-transform: uppercase;
		}
			#container #content h2 .priorityamount {
				color: #000000;
				font-size: 16px;
				font-style: italic;
			}
		#container #content h3 {
			font-size: 15px;
		}
		#container #content h4 {
			font-size: 12px;
		}
		#container #content h5 {
			font-size: 11px;
		}
		#container #content h6 {
			font-size: 10px;
		}
		/* ---- Contact List ---- */
		#container #content ul.contact {
			font-size: 0.8em;
			list-style-type: none;
			margin: 0px 40px 0px 0px;
			padding: 0px;
		}
			#container #content ul.contact li {
				float: left;
				height: 200px;
				margin: 0px;
				padding: 0px 10px;
				text-align: center;
				width: 155px;
			}
		/* ---- Distinct List ---- */
		#container #content ul.distinctlist {
			background: #e7e7e7;
			border: 2px solid #d5d5d5;
			list-style-type: none;
			margin: 0px 40px 0px 0px;
			padding: 20px 10px;
		}
			#container #content ul.distinctlist a {
				text-decoration: none;
			}
		/*---- Tables ---- */
		#container #content table {
			background: #e7e7e7;
			border: 1px solid #d5d5d5;
			border-collapse: collapse;
			margin: 30px 0px;
			width: 545px;
		}
		#container #content th {
			background: #d5d5d5;
			border: 1px solid #d5d5d5;
			color: #990000;
			font-size: 1.3em;
			padding: 5px;
			text-align: left;
			text-transform: uppercase;
		}
		#container #content td {
			border: 1px solid #d5d5d5;
			font-size: 0.9em;
			padding: 5px;
		}
			#container #content td.priority-spacing {
				border: 0;
				padding-left: 23px;
			}
			#container #content td.subcell {
				border: 0;
			}
			#container #content td.dollaramount {
				text-align: right;
			}
		/* ---- Lists ---- */
		#container #content ul {
			margin: 10px 30px 20px;
			padding: 0px;
		}
			#container #content li {
				margin: 0px 0px 10px 0px;
				padding: 0px;
			}
		/* ---- HTML Elements ---- */
		#container #content hr {
			background: #a9a9a9;
			border: 0;
			color: #a9a9a9;
			height: 1px;
			margin: 25px 30px 25px 0px;
		}
		/* ---- Horizontal Content Area Menu List ---- */
		#container #content ul.hmenulist {
			clear: both;
			list-style-type: none;
			margin: 20px 0px;
			overflow: auto;
			padding: 0px;
		}
			#container #content ul.hmenulist li {
				float: left;
				margin: 0px;
				padding: 0px 20px 0px 0px;
			}
			#container #content ul.hmenulist li a {
				color: #666666;
				font-weight: bold;
				text-decoration: none;
				text-transform: uppercase;
			}
			#container #content ul.hmenulist li a:hover {
				color: #990000;
			}

/* ---- Form Styling ---- */
#formcontainer {
	margin: 0px auto;
	padding: 0px;
}
#formcontainer fieldset {
	border: 0;
	border-bottom: 1px solid #EEEEEE;
	clear: left;
	margin: 0 10px 1em 0;
	padding: 5px 0px;
}
#formcontainer legend {
	color: #990000;
	font-weight: bold;
	margin: 0;
	padding: 0px;
}
#formcontainer fieldset ol {
	list-style-type: none;
	margin: 0px;
	padding: 1em;
}
#formcontainer fieldset li {
	clear: both;
	margin: 0px 0px 1em 0px;
	padding: 0px;
}
#formcontainer fieldset li em {
	font-size: 0.8em;
}
/*#formcontainer label {
	float: left;
	padding-right: 0.5em;
	text-align: left;
	width: 9em;
}*/
#formcontainer #buttons {
	clear: left;
	margin: 0 0 1em 0;
	text-align: center;
}


/* ---- Accordion Menus ---- */
.arrowsidemenu{
	background: url(../images/sidenav-topcap.jpg) no-repeat;
	margin: 20px 0px 0px 17px;
	padding: 41px 0px 0px 0px;
	width: 223px; /*width of menu*/
}
	
.arrowsidemenu div a{ /*header bar links*/
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: #b0aeaf url(../images/sidenav-arrows2.jpg) 100% 0;
  height: 36px/*24px*/; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 36px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}

	
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{
	color: #26370A;
}

.arrowsidemenu div a:hover{
	background-position: 100% -44px;
	color: #333333;
}

.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
	color: #7f0202;
}
.arrowsidemenu div.unselected a:hover{ 
	color: #eeecec;
}

	
.arrowsidemenu div.selected a{ /*header that's currently selected*/
	color: #333333;
	background-position: 100% -88px !important;
}

.arrowsidemenu ul{
	background: #dedede;
	border: 1px solid #8d8d8c;
	border-top: 0;
	list-style-type: none;
	margin: 0 1px;
	padding: 0;
}

.arrowsidemenu ul li{
	border-bottom: 0;
}


.arrowsidemenu ul li a{ /*sub menu links*/
	display: block;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #8d8d8c;
	padding: 5px 0;
	padding-left: 10px;
}

.arrowsidemenu ul li a:hover{
	background: #eeeeee;
}