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

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

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

#main {
	width: 714px;
	clear: both;
	position: absolute;
	background: transparent url(../images/bgbody.gif) 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;
}

#extras {
	float: right;
	margin: 0;
	padding-right: 10px;
}

#iconlinks {
	position: absolute;
	top: 72px;
	left: 645px;
}

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

#nav {
	position: absolute;
	top: 64px;
	left: 205px;
}

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

#nav li {
 float: left;
 position: relative;
 background: transparent;
 font-size: 15px;
 text-transform: uppercase;
 color: #fff;
 border-right: 1px solid #97B2D0;
 height: 22px;
 padding: 6px 9px 0 9px;
}

#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: #547E9C;
 font-size: 10px;
}

#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 { background: #518BB4; color: #B1C1DB; }

#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;
}

#features ul {
	text-align: left;
	margin-left: 4px;
	list-style-type: none;
}

#features li {
	padding: 4px 0;
}

#features li a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#features li a:hover {
	color: #000000;
	background:url(../images/menu5.jpg) left repeat-y;
}

#features ul {width:164px; list-style-type:none;}

#features ul li {height:27px;}

#features ul a {width:152px; height:20px; border-left:#bba793 10px solid; color:#ffffff; text-decoration:none; padding:5px 0 0 10px; display:block !important; display:inline-block;}


#rightside {
 width: 479px;
 float: right;
}

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

#content {
	width: 479px;
	float: right;
}

#bodytitle {
	margin: 0;
	background: url(../images/bgbodytop.gif) no-repeat top left;
}

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

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

#content h1 {
	font: 26px/28px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0;
	color: #CEBFB1;
}

#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: #006699;
	clear: both;
	height: 35px;
	padding-top: 20px;
	background: url(../images/bgfooter.gif) no-repeat top center;
}

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

#imgPodcast, #imgBlog, #imgGiving, #imgHome, #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; }
#imgHome { width: 24px; height: 21px; background: url(../images/home_off.gif) no-repeat; }
#imgContact { width: 27px; height: 21px; background: url(../images/mail_off.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; }
#imgHome:hover { background: url(../images/home_on.gif) 0 0 no-repeat; }
#imgContact:hover { background: url(../images/mail_on.gif) 0 0 no-repeat; }