.TemplateTextBlock p {margin-top:0px}
#PageTemplateForm {margin:0;padding:0}
body,p,div {font-family:verdana; font-size:12px; color:#4d4d4d;}

body {
	background:#dedce5;
	border:0;
	margin:0;
}

.surround {
	width:966px;
	height:auto;
	text-align:left;
	margin-bottom:10px;
	background: url(../images/bg-whole.gif) left top repeat-y;
	}
	
.head {
	width:966px;
	height:163px;
	background:url(../images/bg_head-wide.gif);
	background-repeat:no-repeat;
}

.head img {
	display:none;
}

.content {
	background: #fff2e0 url(../images/bg_body.gif) left top repeat-x;
	margin: 0px 4px;
}

.clear {
	width:100%;
	height:1px;
	clear:both;
}
/* ## Left Column Styles ## */
.colOne {
	width:223px;
	float:left;
}

.leftNav {
	background:url(../images/bg_nav.gif);
	background-repeat:no-repeat;
	margin-left:11px;
	padding-top:11px;
}
.leftNavBottom {
	width:194px;
	height:8px;
	background:url(../images/bg_navBottom.gif);
	background-repeat:no-repeat;
	margin-left:11px;
	margin-bottom: 15px;
}	
.leftNav ul {
	padding:0;
	margin:0 0 0 5px;
	list-style-type:none;
	color:#57517b;
	size:18px;
}
.leftNav ul li {
	width:188px;
	/*height:21px;*/
	padding:0;
	margin:0;
}
.leftNav ul li.active {
	padding-bottom: 5px;
	margin-bottom: 3px;
	background: url(../images/sub-nav-bottom.jpg) left bottom no-repeat;
}
.leftNav ul li ul{
	display: none;
}
.leftNav ul li ul li{
	width: 169px;
	padding: 3px 0px;
	margin-left: 11px
}
.leftNav ul li ul li.active{
	background: none;
	margin-bottom: 0px;
	padding-bottom: 3px;
}
.leftNav a {
	display:block;
	width:175px;
	height:21px;
	text-decoration:none;
	color:#57517b;
	padding:3px 0 0 13px;
}

.leftNav a:hover {
	background:url(../images/bg_navHover.gif);
	background-repeat:no-repeat;
}

.leftNav .active a {
	color:#fff;
	background:url(../images/sub-nav-top.jpg);
	background-repeat:no-repeat;
	width: auto;
	height: 22px;
	color: #57517b;
	font-weight: bold;
	line-height: 22px;
	padding-top: 0px;
}
.leftNav .active a:hover {
	cursor: default;
	background:url(../images/sub-nav-top.jpg) left top no-repeat;
}
.leftNav .active ul {
	display: block;
	width: 187px;
	background: url(../images/sub-nav-mid.jpg) left top repeat-y;
	margin: 0px;
	padding: 0px;
	
}
.leftNav .active ul a {
	color:#57517B;
	background:none;
	width: auto;
	height: auto;
	margin-left: 2px;
	padding-left: 15px;
	font-weight: normal;
	line-height: 15px;
}
.leftNav .active ul a:hover {
	color:#57517B;
	text-decoration: underline;
	cursor: pointer;
	background: none;
}

.leftNav .active ul li.active a {
	color: #5e6f65;
	padding-left: 15px;
	background: url(../images/sub-active-heart.jpg) no-repeat left 1px;
	margin-left: 2px;
}
.leftNav .active ul li.active a:hover {
	text-decoration: none;
	cursor: default;
	background: url(../images/sub-active-heart.jpg) no-repeat left 1px;
}

.blog {
	width:202px;
	height:162px;
	margin-top:10px;
	background:url(../images/bg_message.gif);
	background-repeat:no-repeat;
	margin-left:9px;
}

.blog p {
	width:90px;
	padding-top:45px;
	margin-left:105px;
	color:#57517B;
}	

/* ## Right Column Styles ## */
.colTwo {
	width:512px;
	float:left;
}

.mainContent {
	width:511px;
	background:url(../images/bg_mainContent.gif);
	background-repeat:repeat-y;
}

.mainContentBottom {
	width:511px;
	height:7px;
	margin-bottom:10px;
	background:url(../images/bg_mainContentBot.gif);
	background-repeat:no-repeat;
}

.contentPodHead {
	width:510px;
	height:4px;
	background:url(../images/bg_contentPodHead.gif);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}

.contentHead {
	width:496px;
	height:auto;
	background:url(../images/bg_contentHead.gif);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}

.contentHead .title h5 {
    font-family:verdana;
    font-size:18px;
    color:#FCB040;
    padding:0;
    margin:0;
}

.subTitle { color: #3b4d80; font-size: 26px; line-height: 34px; margin: 10px 0px 0px 0px; }

.contentHeadBottom {
	width:510px;
	height:2px;
	background:url(../images/bg_contentHeadBottom.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

.contentHead .spacer {
	position:relative;
	left:0;
	top:0;
	width:1px;
	height:185px;
	float:left;
}

.contentHead .headImg {
	display:block;
	position:relative;
	top:9px;
	left:28px;
	width:131px;
	height:155px;
	/*background:url(../images/headImg.jpg);*/
	background-repeat:no-repeat;
	float:left;
}
		
.contentHead .title {
	float:right;
	position:relative;
	top:33px;
	right:75px;
	/*left:185px;*/
	width:250px;
	height:28px;
	background:url(../images/title.gif);
	background-repeat:no-repeat;
	/*border:solid 1px #f00;*/
}
	
.contentHead .title span {
	display:none;
}

.contentHead .subNav {
	dislay:block;
	position:relative;
	right:37px;
	top:50px;
	width:294px;
	height:auto;
	float:right;
	margin-bottom:60px;
}

.subNav ul {
	padding:0;
	margin:0;
	list-style-type:none;
	color:#3d4b80;
	font-family:arial;
}
.subNav ul li {
	/*width:297px;*/
	height:22px;
	padding:0;
	margin:0;
}

.subNav a {
	display:block;
	width:294px;
	height:22px;
	text-decoration:none;
	color:#3d4b80;
	padding:3px 0 0 16px;
	background:url(../images/bg_subNav.gif);
	background-repeat:no-repeat;
}

.subNav a.active {
	background:url(../images/bg_subNavActiveOn.gif);
}

.subNav li.tert {
	border-bottom:solid 1px #ffd182;
}

.subNav li.last {
	border-bottom:none;
}

.subNav .tert a {
	width:277px;
	background:url(../images/bg_tertNav.gif);
	padding-left:33px;
}

.subNav .tert a.active {
	background:url(../images/bg_tertNavOn.gif);
}

/* Content Area Styles */
.pageContent {
	padding-left:18px;
	width:470px;
	padding-bottom:10px;
}

.pageContent h1 {
	font-size:20px;
	color:#57517B;
	font-family:times new roman;
	display:block;
	width:470px;
	padding-left:4px;
	border-bottom:solid 1px #d4d2dd;
	margin-left:-5px;
}

.pageContent h2 {
	font-size:12px;
	color:#57517B;
	margin:0 0 -10px 0;
	padding:0;
}

.pageContent ul {
	margin:12px 0 10px 16px;
	padding:0;
}

.events p
{
	margin-top:10px;
}

/* ## Right Column Styles ## */
.colThree {
	width:221px;
	float:left;
	margin-top:18px;
}

/* Footer Styles */
.foot {
	width:966px;
	height:29px;
	background:url(../images/bg_foot-wide.gif);
	background-repeat:no-repeat;
	text-align:center;
	margin:0px;
}

.foot p {
	padding:5px 0 0 0;
	margin:0;
	color:#fff;
}

/* ## Popup Styles ## */
.pop {
	margin-left:8px;
}

.pop h1 span {
	display:none;
}

.pop h1.dedicated {
	display:block;
	width:531px;
	height:31px;
	background:url(../images/title_dedicatedToChris.gif);
	background-repeat:no-repeat;
	border:none;
}


.popTop .button {
	position:relative;
	top:0px;
	left:540px;
	width:121px;
	height:29px;
}

.popMain {
	background:url(../images/caPop_bg.gif);
	padding-top:10px;
	padding-left:8px;
}
.popMain .mainContent {
	width:645px;
	background:url(../images/caPop_mainContent.gif);
	background-repeat:repeat-y;
}
.popMain .mainContentBottom {
	width:645px;
	background:url(../images/caPop_mainContentBot.gif);
	background-repeat:no-repeat;
}

.popMain .contentPodHead {
	width:645px;
	background:url(../images/caPop_contentPodHead.gif);
	background-repeat:no-repeat;
}

.popMain .pageContent {
	width:590px;
}

/* ## sIFR-specific Styles ## */
/* 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-hasFlash h5 
{
    visibility: hidden;
    line-height: 40px;
}
	
/* ## Page-specific Styles ## */
#home { background:url(../images/bg_contentHeadHome.jpg) left top no-repeat;}
#home .headImg {background:none; height:200px;}
#home p {padding:100px 10px 0 170px;}

#vision .headImg {background:url(../images/headImg_Vision.jpg);}
#vision .title {background:url(../images/title_vision.gif);}

#about  .headImg {background:url(../images/headImg_About.jpg);}
#about .title	 {background:url(../images/title_about.gif);}

#donate .headImg {background:url(../images/headImg_Donate.jpg);}
#donate .title	 {background:url(../images/title_donate.gif);}

#contact .headImg {background:url(../images/headImg_Contact.jpg);}
#contact .title	 {background:url(../images/title_contact.gif);}

#resources .headImg {background:url(../images/headImg_Resources.jpg);}
#resources .title	 {background:url(../images/title_resourcese.gif);}

#programs .headImg {background:url(../images/headImg_Programs.jpg);}
#programs .title {background:url(../images/title_programs.gif);}

#kids  .headImg {background:url(../images/headImg_Kids.jpg);}
#kids .title {background:url(../images/title_kids.gif);}

#events .headImg {background:url(../images/headImg_Events.jpg);} 
#events .title {background:url(../images/title_events.gif);}

#volunteers .title {background:url(../images/title_volunteers.gif);}

#friends .headImg {background:url(../images/headImg_Friends.jpg);} 
#friends .title {background:url(../images/title_friends.gif);}

.subhead {
	text-decoration:none;
	font-weight:bold;
	color:#4d4d4d;
	}
a {color:#79518A}

ol,ul,li { 
	margin-bottom:12px;
	 }
.red {color:Red}
.blue {color:Blue}