body, html {
	 margin: 0;
	padding: 0;
	text-align: center;
	background: #a66ec5 url(../images/bg_wheat.jpg) repeat-x top center;
	font: 11px/16px "Lucida Grande", "Lucida Sans",  Verdana, Tahoma, Helvetica, sans-serif;
}

#wrapper {
 margin: 0 auto;
 width: 903px;
 text-align: left;
}

#header {
	position: relative;
	background: url(../images/bg_header.jpg) no-repeat top center;
	height: 175px;
	text-align: left;
	z-index: 5;
}

#header2 {
	position: relative;
	background: url(../images/bg_header2.jpg) no-repeat top center;
	height: 175px;
	text-align: left;
	z-index: 5;
}

#main {
	width: 903px;
	clear: both;
	position: absolute;
	background: transparent url(../images/bgbody.png) repeat-y top center;
}

a:link, a:visited, a:hover {
	color: #00558D;
}

b, strong {
	font-weight: bold;
	color: #953308;
}

/* ----- header ----- */

#logo {
	float: left;
	margin: 0;
	width: 276px;
	height: 175px;
	text-indent: -9999px;
}

#iconlinks {
	position: absolute;
	top: 127px;
	left: 820px;
}

/* ----- nav ----- */

#nav {
	position: absolute;
	top: 114px;
	left: 260px;
	background: transparent url(../images/bg_nav.gif) top left no-repeat;
	height: 42px;
	width: 560px;
	padding: 6px 0 0 24px;
 list-style: none;
}

#nav ul {
 padding: 0;
 margin: 0;
 list-style: none;
}

#nav li {
 float: left;
 position: relative;
 background: transparent;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 13px;
 text-transform: uppercase;
 color: #fff;
 border-right: 1px solid #97B2D0;
 height: 22px;
 padding: 6px 9px 0 9px;
}

#nav li.lastchild {
	border-right: none;
}

#nav li ul {
 display: none;
 position: absolute;
 top: 28px;
 left: 0;
}

#nav ul li { 
 padding: 0;
 background: transparent none;
 border-right: none;
 width: 140px;
 text-transform: none;
 float: none;
 display: block;
 height: 28px;
 background: #aa8ac4;
 font-size: 11px;
}

#nav li>ul { top: 28px; left: 0; }
#nav li:hover ul, #nav li.over ul { display: block; z-index: 9999; }
#nav li a {
 display: block;
 padding: 6px 6px 6px 8px;
 text-decoration: none;
 color: #fff;
 background: transparent none;
}
#nav li li a { height: 1%; border-top: 1px solid #799193; }
#nav li a:hover { color: #000; }

#nav li:hover, #nav li li:hover,  #nav li.over, { background: #7A8F91; }
#nav .baseNav  { padding: 0; margin: 0; background: transparent none; }
#nav a.baseNav:hover { background: transparent none; }


/* ----- main content ----- */


.homef1, .homef2 {
	width: 691px;
	padding: 0 11px;
}


#features {
 width: 226px;
 float: left;
}

#features img {
 margin-left: 15px;
}

#leftside {
	width: 640px;
	float: left;
	padding: 0 10px 20px 20px;
	margin: 0 0 0 13px;
	background: #ffffff url(../images/bg_leftcol.gif) top left no-repeat;
}

#rightside {
 width: 178px;
 float: right;
	padding: 0 10px 20px 10px;
	margin: 0 15px 0 0;
 background-color: #e8caeb;
}

#featuremain {
	width: 479px;
	float: right;
	margin-bottom: -4px;
}

#content {
	width: 650px;
	float: left;
}

#bodytitle {
	margin: 0;
	text-transform: uppercase;
	color: #77268c;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}

#content h1, h2, h3, p, blockquote {
	padding: 0 31px 0 0;
}

#content ul, ol {
	padding: 0 31px 0 43px;
}

#content h2 {
	font: 14px/18px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #006699
}

#content td {
	padding: 4px;
}

#footer {
	font: 10px/14px "Lucida Grande", "Lucida Sans",  Verdana, Tahoma, Helvetica, sans-serif;
	color: #fff;
	clear: both;
	height: 100px;
	padding-top: 20px;
	background: #a66ec5 url(../images/bg_footer.gif) top left no-repeat;
}

#footer strong, #footer a {
	color: #fff;
}

.footerh1 {
	padding: 0;
	margin: 0;
	font-size: 15px;
}

.copyright {
	color: #4f0c61;
}

/* ----- Roll Over Images ----- */

#imgPodcast, #imgBlog, #imgGiving, #imgMedia, #imgContact {
 display: block;
 text-indent: -9000px;
 text-decoration: none;
}

#imgPodcast { width: 55px; height: 60px; background: url(../images/podcast_off.gif) no-repeat; }
#imgGiving { width: 82px; height: 46px; background: url(../images/egiving.gif) no-repeat; }
#imgBlog { width: 55px; height: 60px; background: url(../images/blog_off.gif) no-repeat; }
#imgMedia { width: 36px; height: 42px; background: url(../images/media.gif) no-repeat; }
#imgContact { width: 31px; height: 42px; background: url(../images/mail.gif) no-repeat; }
#imgPodcast:hover { background: url(../images/podcast_on.gif) 0 0 no-repeat; }
#imgBlog:hover { background: url(../images/blog_on.gif) 0 0 no-repeat; }
#imgMedia:hover { background: url(../images/media_on.gif) 0 0 no-repeat; }
#imgContact:hover { background: url(../images/mail_on.gif) 0 0 no-repeat; }