/********************************
COLORS
********************************/

/********************************
			RED
********************************/
.red .container {
background: transparent URL(/Images/sidebar/bkg-red.gif) top left repeat-y;
}

.red #nav a,
.red #nav a:link,
.red #nav a:visited {color: #9E8F80;}

.red h1,
.red h2,
.red h3,
.red h4,
.red h5,
.red a.selected,
.red a:active,
.red a:hover, 
.red #nav a.selected,
.red #nav a:active,
.red #nav a:hover {
	color: #610603;
}

.red #nav a.selected,
.red #nav a:active,
.red #nav a:hover {
	background: transparent URL(/Images/arrows/v-red.gif) center 0 no-repeat;
}
.red #nav .OnPage a {
	background: transparent URL(/Images/arrows/v-red.gif) center 0 no-repeat;
	color: #610603;
}

.red .sidebar li a {	
	background: transparent URL(/Images/arrows/h-red.gif) 0 center no-repeat;
}

.red .title {
	background: url('/Images/titlebacks/title-bck-red.gif');
}

/******* ALTERNATE RED FAM ********/

.fam .title {
	background: url('/Images/titlebacks/title-bck-green2.gif');
}

/********************************
			GREEN
********************************/
.green .container {
background: transparent URL(/Images/sidebar/bkg-green.gif) top left repeat-y;
}

.green #nav a,
.green #nav a:link,
.green #nav a:visited {color: #A2C097;}

.green h1,
.green h2,
.green h3,
.green h4,
.green h5,
.green a.selected,
.green a:active,
.green a:hover, 
.green #nav a.selected,
.green #nav a:active,
.green #nav a:hover {
	color: #385A29;
}

.green #nav a.selected,
.green #nav a:active,
.green #nav a:hover {
	background: transparent URL(/Images/arrows/v-green.gif) center 0 no-repeat;
}

.green #nav .OnPage a {
	background: transparent URL(/Images/arrows/v-green.gif) center 0 no-repeat;
	color: #385A29;
}

.green .sidebar li a {
	background: transparent URL(/Images/arrows/h-green.gif) 0 center no-repeat;
}

.green .title {
	background: url('/Images/titlebacks/title-bck-green.gif');
}



/********************************
			BLUE
********************************/
.blue .container {
background: transparent URL(/Images/sidebar/bkg-blue.gif) top left repeat-y;
}

.blue #nav a,
.blue #nav a:link,
.blue #nav a:visited {color: #88A4D1;}

.blue h1,
.blue h2,
.blue h3,
.blue h4,
.blue h5,
.blue a.selected,
.blue a:active,
.blue a:hover, 
.blue #nav a.selected,
.blue #nav a:active,
.blue #nav a:hover {
	color: #183662;
}

.blue #nav a.selected,
.blue #nav a:active,
.blue #nav a:hover {
	background: transparent URL(/Images/arrows/v-blue.gif) center 0 no-repeat;
}

.blue #nav .OnPage a {
	background: transparent URL(/Images/arrows/v-blue.gif) center 0 no-repeat;
	color: #183662;
}

.blue .sidebar li a {
	background: transparent URL(/Images/arrows/h-blue.gif) 0 center no-repeat;
}

.blue .title {
	background: url('/Images/titlebacks/title-bck-blue.gif');
}

/********************************
		YELLOW
********************************/
.yellow .container {
background: transparent URL(/Images/sidebar/bkg-yellow.gif) top left repeat-y;
}

.yellow #nav a,
.yellow #nav a:link,
.yellow #nav a:visited {color: #DBC46C;}

.yellow h1,
.yellow h2,
.yellow h3,
.yellow h4,
.yellow h5,
.yellow a.selected,
.yellow a:active,
.yellow a:hover, 
.yellow #nav a.selected,
.yellow #nav a:active,
.yellow #nav a:hover {
	color: #9F890E;
}

.yellow #nav a.selected,
.yellow #nav a:active,
.yellow #nav a:hover {
	background: transparent URL(/Images/arrows/v-yellow.gif) center 0 no-repeat;
}

.yellow #nav .OnPage a {
	background: transparent URL(/Images/arrows/v-yellow.gif) center 0 no-repeat;
	color: #9F890E;
}

.yellow .sidebar li a {
	background: transparent URL(/Images/arrows/h-yellow.gif) 0 center no-repeat;
}

.yellow .title {
	background: url('/Images/titlebacks/title-bck-yellow.gif');
}


/********************************
		BROWN
********************************/
.brown .container {
background: transparent URL(/Images/sidebar/bkg-brown.gif) top left repeat-y;
}

.brown #nav a,
.brown #nav a:link,
.brown #nav a:visited {color: #C3B18F;}

.brown h1,
.brown h2,
.brown h3,
.brown h4,
.brown h5,
.brown a.selected,
.brown a:active,
.brown a:hover, 
.brown #nav a.selected,
.brown #nav a:active,
.brown #nav a:hover {
	color: #4B3F25;
}

.brown #nav a.selected,
.brown #nav a:active,
.brown #nav a:hover {
	background: transparent URL(/Images/arrows/v-brown.gif) center 0 no-repeat;
}

.brown #nav .OnPage a {
	background: transparent URL(/Images/arrows/v-brown.gif) center 0 no-repeat;
	color: #4B3F25;
}

.brown .sidebar li a {
	background: transparent URL(/Images/arrows/h-brown.gif) 0 center no-repeat;
}

.brown .title {
	background: url('/Images/titlebacks/title-bck-brown.gif');
}


/********************************
			GENEROSITY
********************************/
.generosity .container {
background: transparent URL(/Images/sidebar/bkg-red.gif) top left repeat-y;
}

/*.generosity #innerWrap {
	padding: 14px 0;
	background: transparent URL(/Images/bkg-content-globe.gif) 195px 300px no-repeat;
}*/

.generosity #nav a,
.generosity #nav a:link,
.generosity #nav a:visited {color: #9E8F80;}

.generosity h1,
.generosity h2,
.generosity h3,
.generosity h4,
.generosity h5,
.generosity a.selected,
.generosity a:active,
.generosity a:hover, 
.generosity #nav a.selected,
.generosity #nav a:active,
.generosity #nav a:hover {
	color: #610603;
}

.generosity #nav a.selected,
.generosity #nav a:active,
.generosity #nav a:hover {
	background: transparent URL(/Images/arrows/v-red.gif) center 0 no-repeat;
}

.generosity #nav .OnPage a {
	background: transparent URL(/Images/arrows/v-red.gif) center 0 no-repeat;
	color: #610603;
}

.generosity .sidebar li a {
	background: transparent URL(/Images/arrows/h-red.gif) 0 center no-repeat;
}

.generosity .title {
	background: url('/Images/titlebacks/title-bck-green2.gif');
}


/********************************
			GIVING
********************************/
.giving .container {
background: transparent URL(/Images/sidebar/bkg-giving.gif) top left repeat-y;
}

.giving #innerWrap {
	padding: 14px 0;
	background: transparent URL(/Images/bkg-content-globe.gif) 195px 300px no-repeat;
}

.giving #nav a,
.giving #nav a:link,
.giving #nav a:visited {color: #A2C097;}

.giving h1,
.giving h2,
.giving h3,
.giving h4,
.giving h5,
.giving a.selected,
.giving a:active,
.giving a:hover, 
.giving #nav a.selected,
.giving #nav a:active,
.giving #nav a:hover {
	color: #385A29;
}

.giving #nav a.selected,
.giving #nav a:active,
.giving #nav a:hover {
	background: transparent URL(/Images/arrows/v-giving.gif) center 0 no-repeat;
}

.giving #nav .OnPage a {
	background: transparent URL(/Images/arrows/v-giving.gif) center 0 no-repeat;
	color: #385A29;
}

.giving .sidebar li a {
	background: transparent URL(/Images/arrows/h-giving.gif) 0 center no-repeat;
}

.giving .title {
	background: url('/Images/titlebacks/title-bck-giving.gif');
}

/********************************
		HOME
********************************/
.home h1,
.home h2,
.home h3,
.home h4,
.home h5 {
	color: #488B82;
}

.c4 h3 {
	color: #610603; 
}

.home .container {
	background: transparent URL(/Images/clear.gif) top left no-repeat;
}

.home #innerWrap {
	padding: 14px 0;
	background: transparent URL(/Images/clear.gif) 195px 300px no-repeat;
}

.home .content {
	float: none;
	width: 100%;
	overflow: hidden;
}

.home .content .padding {
	padding: 0;
}

/************************************
		PAGE TITLE
************************************/
.title {
	height: 29px;
}

.title h2 {
	padding: 8px 0 0 12px;
	color: #FFFFFF;
	font-family: Trebuchet, Trebuchet MS;
	font-size:13px;
}/********************************
BASICS
********************************/
/* generic reset */
* {margin: 0; padding: 0;}

/* insert vertically-tiling background on html if needed */
html {background: #9D8D77 URL(/Images/bkg-white.gif) top center repeat-y;
      min-height: 100%; margin-bottom: 1px; min-width: 800px; }

body {
	background-color: transparent;
	font-family: verdana, arial, sans-serif;
	line-height: 140%;
	font-size: x-small;
	color: #444444;
	text-align: center;
}


h1, h2, h3, h4, h5 {
font-family: georgia;
}

h1, h2 {margin: 0 0 .3em 0;}

h3, h4, h5 {margin: 0 0 .2em 0; }

h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}
h5 {font-size: 105%;}

h1, h2, h3, h4, h5 {line-height: 100%;}

a,
a:link,
a:visited,
a:active,
a:hover {
	text-decoration: underline;
	border: none;
}

a,
a:link,
a:visited {
	color: #333;
}

a:active,
a:hover {
	color: #600603;
}

p {margin: 0 0 1em 0;}

/* insertion of the kill class allows one to close out tables,
floated elements, etc., so that they will display properly
within the confines of the divs in which they are nested. */
.kill {clear: both; background-color: transparent;}


blockquote {margin-left: 12px;}

.content .padding img {margin: 5px;}

.content .padding .colwrap img {margin: 0;}

ul
{
	margin-left: 15px; 
	list-style-type: disc;
	list-style-image: URL(/Images/arrows/h-home.gif)
	
}

/********************************
CONTAINER
********************************/
.container {
	background-color: transparent;
	text-align: left; /* overrides text-align:center property in body */
	min-height: 595px;
}

.container,
#outerWrap,
#innerWrap {
	position: relative;
	top: 0;
	left: 0;
	width: 786px; /* determines overall body width */
	margin: 0 auto;
}

#outerWrap {
	/*background: transparent URL(/Images/bkg.jpg) top center no-repeat;*/
}

#innerWrap {
	padding: 14px 0;
	background: transparent URL(/Images/bkg-content.gif) 290px 150px no-repeat;
}


/********************************
LOGO
*******************************

#logo {
	height: 100px;
	width: 100%;
}

#logo img {
	height: 100px;
	width: 100%;
	margin: 0 auto;
}*/

/********************************
NAVIGATION
********************************/
#nav {
	text-transform: uppercase;
	font-weight: bold;
	height:35px;
	font-size: 110%;
	background-color: #FFF;
}

#nav ul
{
	margin-left:50px;
	list-style:none;
}

#nav ul li
{
	float:left;
	padding: 10px 0;
}

#nav a,
#nav a:link,
#nav a:visited {
	text-decoration: none;
	margin: 0 8px;
	padding: 10px 0;
}

#nav a.selected,
#nav a:active,
#nav a:hover {
	text-decoration: none;
	margin: 0 8px;
	padding: 10px 0;
}

.sidebar {
	float: left;
	display: block;
	width: 166px;
	padding: 20px 12px;
	margin: 0;
	background-color: transparent;
	overflow: hidden;
}

.sidebar input.search {
	display: block;
	margin-bottom: 3px;
}

.sidebar h1 {
	margin-bottom: 12px;
}

.sidebar li a
{
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -10px;
	display: inline-block;
}

.bottom12 {margin-bottom: 12px;}

.sidebar ul {list-style: none; margin-left: 0;}

.sidebar li, 
.col li {
	float: left;
	width: 176px;
	padding: 4px 0 4px 12px;
}

/********************************
CONTENT

All styles related to the internal content
go here. 
********************************/

.content {
	float: right;
	width: 594px;
	overflow: hidden;
}



.content table {margin: 5px;}

.heroshot table
{
	padding:0;
	margin:0;
}

h2.title {}

.content ul
{	padding: 18px 20px 0 20px;
}


/*********************************
EXPANDING CONTENT 
*********************************/

dd, .adxCaption, .caption  
{
	padding: 10px 0 8px 20px;
	margin: 20px 0 10px 20px;
	/**font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;**/
	color: #444444;
	line-height: 120%;
}

.adxCaption, .caption
{
	font-style:italic;
}

dt {
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	/**font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 15px;**/
	font-weight: normal;
	font-style: italic;
	color: #666666;
	line-height: 120%;
}

dt:hover, .cursor-hover {
	cursor: pointer;
	/**font-weight: bold;**/
}

.bold-click {
	font-weight: bold;
	color: #666666;
}

/********************************
HOME COLUMNS
********************************/

.colwrap
{
	width: 100%;
}

.col {
	width: 190px;
	float: left;
	min-height: 200px;
	margin-right: 2px;
	margin-top: 0; 
	overflow: hidden;	
}

.colgrad {
	background: url(/images/homegradient.jpg) repeat-x;
}

.c4 {
	width: 209px;
	margin: 0;
}

.col .colpadTitle {padding:5px 11px 0 11px;color:#610603;}

.col .colpadTitle a {color:#610603; font-weight:bold; text-decoration:none;}

.col .colpad {padding: 5px 11px;}

.col .colpad ul li {width: auto;}

.c4 h3 {
	padding: 0 0 0 12px;
}

.col li,
.c4 h3 {
	background: transparent URL(/Images/arrows/h-home.gif) 0 center no-repeat;
}

.col ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

.col li {display: block;}


/********************************
FOOTER

Styles specific to the footer go here.
********************************/

#footer {
	width: 100%;
	margin: 9px 0 0 0;
	text-align:center;
}


#footer,
#footer a {
	color: #666;
}

/********************************
RESET BROWSER STYLES

Resets all browser styles in a bid to make them play nice.
********************************/
* {margin: 0; padding: 0;}
body, p, blockquote, form, fieldset, ul, ol, dl, li, dt, dd  {margin: 0; padding: 0;}
a img, iframe {border: none; }
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-size: 100%;}
a, a:link {} a:visited {} a:hover {} a:active {}
fieldset {border: 1px solid #000; }
legend {padding: 0; color: #000;}
input, textarea, select {margin: 0; padding: 1px; font-size: 100%; font-family: inherit;}
select {padding: 0; }p {padding-bottom: 10px;}
.sidebar h2
{
	font-size:130%;
	margin-bottom:5px;
}

p.adxSectionSubhead
{
	margin-left:5px;
	color:#444444;
	font-family:verdana,arial,sans-serif;
	font-size:x-small;
	font-weight:bold;
	line-height:140%;
}

/****Regular Page*************/

.sidebar ul li
{
	width:160px;
}

.tocTitle, .linksTitle, .attachmentsTitle
{
	font-weight:bold;
	margin:10px 0 5px 0;
}

.linksContent ul li, .attachmentsContent ul li
{
	margin-top:5px;
}

.linksContent ul li h5 a, .attachmentsContent ul li h5 a
{
	text-decoration:none;
}

/**FAQ***********/
.anchorSection
{
	margin:0 0 10px 0;
}

.faqContentSection .adxSection h3 a
{
	text-decoration:none;
	color:#610603;
	font-weight:bold;
	font-family:verdana,arial,sans-serif;
	font-size:x-small;
	line-height:140%;
}

.faqContentSection .adxSection h3
{
	margin-top:10px;
	text-decoration:none;
	color:#989d65;
	font-weight:bold;
	font-family:verdana,arial,sans-serif;
	font-size:x-small;
}

.content .padding {
	padding: 18px 20px 0 20px;
}
