body {
	background: #69699B url(../images/back_gradient_16square.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center; /*ie5PC fix to center*/
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	}


a:link {
	color: #00F;
}

a:visited {
	color: #00F;
}

a:hover {
	color: #006;
	background: #999;
}

a:active {
	color: #F00;
}

h1,h2,h3,h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #006;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.5em;
}

h4, h5, h6 {
	font-size: 1em;
}

dl  {
	margin: 0.5em;
	}
	
dt  {
	font-weight: bold;
	}

dd  {
	margin: 0.5em;
	}
	
#pageHolder {
	background: #FFF;
	margin-top: 0px !important;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	width: 760px;
	text-align: left; /*ie5PC fix to center*/
	border-style: solid; border-color: #006; border-width: 4px;
	z-index: 1;
	}
	
#innerContainer {
	border: solid #006 1px; 
	width: 758px;
	margin: 0;
	background: #006;
/*		z-index: 1;*/
	}
	
#headerWrapper {
	background: #FFCC00;
	margin: 0;
	padding: 0;
	}

#logoSpot {
	margin: 0px;
	width: 180px;
	float: left;
	background: transparent;
	}

#photoNavWrapper {
	width: 578px;
	float: left;
}
	
#photoSpot {
	width: 578px;
	float: left;	
	background: #66CCFF;
	}
	
/* ---------------------------------------------------------------------------------------- */
	
#nav {
	float: left;
	width: 578px;
	margin: 0;
	padding: 0 0 0 4px;
	list-style: none;
	background: #006;
	}
	
#nav li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	font-family: "Lucida Grande", sans-serif;
	font-size: 95%;
	}
	
#nav a	{
	float: left;
	display: block;
	margin: 0;
	padding: 8px 8px;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #69699B;
	border-bottom: none;
	background: #006 url(../images/tab_img_dark.gif) repeat-x top left;
	}

#nav a:link, #nav a:visited {
	color: #FFF;
}

#nav a:hover {
	color: #FFF;
	background: #69699B url(../images/tab_img_light.gif) repeat-x top left;
	}
	
#nav a:active, #nav a:focus {
	color: #FF0000;
}

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

/* ------------------------------------- navCharity -------------------------------------------- */
	
/*#navCharity {
	float: left;
	width: 578px;
	margin: 0;
	padding: 0 0 0 4px;
	list-style: none;
	background: #006;
	}
	
#navCharity li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	font-family: "Lucida Grande", sans-serif;
	font-size: 95%;
	}
	*/
#navCharity a	{/*
	float: left;
	display: block;
	margin: 0;
	padding: 8px 8px;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #69699B;
	border-bottom: none;*/
	background: #69699B url(../images/tab_img_light.gif) repeat-x top left;
	}

/*#navCharity a:link, #navCharity a:visited {
	color: #FFF;
}*/

#navCharity a:hover {
/*	color: #FFF;*/
	background: #006 url(../images/tab_img_dark.gif) repeat-x top left;
	}
	
/*#navCharity a:active, #navCharity a:focus {
	color: #FF0000;
}*/

/* ---------------------------- 2 ------------------------------------------------------------ */

#pageName {
	color: #006;
	padding: 4px;
	margin: 0px;
	text-align: center;
	background: transparent;
	border: double #006 4px; 
}

 h1#pageName {
	font-size: 1.5em;
}

#middleWrapper1 {
	font-size: 110%;
	margin: 0px;
	float: left;
	background: #006289 url(../images/middleBack_1.jpg) repeat-y top left;
	}

#middleWrapper2 {
	font-size: 110%;
	margin: 0px;
	float: left;
	background: #006289 url(../images/middleBack_2.jpg) repeat-y top left;
	}

#leftNavWrapper {
	float: left;
	margin: 0;
	width: 180px;
	background:  #006;
	}

/* ====== CHARITY NAV SPOT begin ====== */

#charityNavSpot {
	border: none;
	margin: 0;
	width: 180px;
	}
	
#charityNavSpot img {
	border: none;
	}

#charityNavSpot  a {
	display: block;
	margin: 0;
	padding: 4px 0 4px  2px;
	width: 170px;
	text-align: center;
	text-decoration: none;
	}
	
#charityNavSpot a:link, #charityNavSpot a:visited {
	color: #FFF;
}
	
#charityNavSpot a:hover {
	background: #69699B;
	}

#charityNavSpot a:active, #charityNavSpot a:focus {
	color: #69699B;
}

/* ====== CHARITY NAV SPOT end ====== */

/* ======= LEFT NAV SPOT begin ===== */

#leftNavSpot {
	color: #FFF;
	font-size: 100%;
	width: 176px;
	margin: 0;
	padding: 2px;
	background: transparent;
	}

#leftNavSpot a {
	display: block;
	margin: 0 0 2px 0;
	padding: 8px 8px 8px 8px;
	color: #FFF;
	width: 158px;
	text-decoration: none;
	border: 1px solid #69699B;
	background: #006;
	}

#leftNavSpot a:link, #leftNavSpot a:visited {
	color: #FFF;
}
	
#leftNavSpot a:hover {
	color: #000;
	background: #6699FF;
	}

#leftNavSpot a:active, #leftNavSpot a:focus {
	color: #FF0000;
}

.formBtn { 
	padding: 8px 0 8px 16px;
	}

/* ======= LEFT NAV SPOT end ===== */

/* ======= COMMON NAV SPOT begin ===== */

	
#commonNavSpot {
	color: #FFF;
	font-style: italic;
	width: 168px;
	margin:  4px 0 4px 4px;
	border: 1px solid #FFF;
	background: transparent;
	}

#commonNavSpot a {
	display: block;
	margin: 0;
	padding: 8px 8px 8px 8px;
	color: #FFF;
	width: 156px;
	border: none;
	}

#commonNavSpot a:link, #commonNavSpot a:visited {
	color: #3399CC;
}
	
#commonNavSpot a:hover {
	color: #FFF;
	background: #6699FF;
	}

#commonNavSpot a:active, #commonNavSpot a:focus {
	color: #FF0000;
}

/* ======= COMMON NAV SPOT end ===== */

/* ======= FORM NAV SPOT begin ===== */

#formNavSpot {
	color: #FFF;
	font-size: 100%;
	width: 174px;
	margin: 12px 1px 0 1px;
	padding: 2px;
/*	border: solid 1px #CCCCCC;*/
	background: transparent;
	}

#formNavSpot h3, #commonNavSpot h3 {
	display: block;
	margin: 4px 0 4px;
	padding: 8px;
	color: #EEE;
	width: 158px;
/*	background: #006;*/
	}
	
#formNavSpot a {
	display: block;
	margin: 0;
	padding: 8px 8px 8px 8px;
	color: #003;
	width: 158px;
	border: none;
	background: transparent/*#006*/;
	}

#formNavSpot a:link, #formNavSpot a:visited {
	color: #FFF;
}
	
#formNavSpot a:hover {
	color: #3399CC;
	}

#formNavSpot a:active, #formNavSpot a:focus {
	color: #F00;
}

/* ======= FORM NAV SPOT end ===== */

/* ========================================= CONTENT AREA ===================================== */

#contentOneColSpot {
	color: #006;
	font-size: 110%;
	width: 558px;
	padding: 8px 8px 4px 12px;
	float: left;
	background: transparent;
	}
	
#contentOneColSpot img {
	padding: 0 0 4px 4px;
	float: right;
	background: transparent;
	}
		
#contentTwoColSpot {
	color: #006;
	font-size: 110%;
	width: 368px;
	padding: 8px 8px 4px 12px;
	float: left;
	background: transparent;
	}
	
#contentTwoColSpot img {
	margin: 0 0 4px 4px;
	padding: 1px;
	background-color: #F00;
	border: thin solid;
	border-color: #EEE #999 #999 #EEE;
	float: right;
	background: transparent;
	}
	
.imageCenter {
	float: none;
	text-align: center;
	}
	
#formFormat {
 	padding: 8px 4px 8px 12px;
	}

/* ======= eventsSpot begin ===== */	

#eventsSpot	{
	color: #EEE;
	font-size: 110%;
	width: 170px;
 	padding: 8px 4px 8px 12px;
	float: left;
	background: transparent;
	}
	
#eventsSpot img {
	margin: 0 0 4px 4px;
	padding: 2px;
	border: solid 2px;
	border-color: #006 #EEE #EEE #006;
	float: right;
	background: #999;
	}
	
#eventsSpot h3	{
	color: #000066;  /*#0097D6;*/
	letter-spacing: 0.5em;
	text-align: center;
	border: 1px solid #006;
	border-left: none;
	border-right: none;
	}

#eventsSpot	a {
	color: #FFF;
	font-size: 110%;
	font-weight: bold;	
	padding: 2px 1px 2px 1px;
	}
	
#eventsSpot a:link, #eventsSpot a:visited {
	color: #FFF;
}
	
#eventsSpot a:hover {
	color: #006;
	background: #3399FF;
	padding: 0px 2px 2px 2px;
	}

#eventsSpot a:active, #eventsSpot a:focus {
	color: #F00;
}

/* ======= eventsSpot end ===== */
/* ========================================= CONTENT AREA end ===================================== */

/* =============== FOOTER AREA ============== */
#footerWrapper {
	clear: both;
	background: #FFF;
	text-align: center;
	border-top: double #006;
	}
	
#linksSpot {
	color: #000;
	font-size: 12px;
	padding: 12px;
	}
	
#copyrightCreditsSpot {
	color: #666;
	padding: 4px;
	}

/* ==================== FOOTER AREA end ================ */
.clearBoth{
	clear: both; 
}