/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(../images/body_bg.gif) repeat-y;
}

body,td,th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:100%;
}

a {
color:#004989;
}

p, h2, #page_content ul {
margin:0 0 0.64em 0;
}

#skip-links {
display:none;
}

#left_col {
width:62px;
height:450px;
float:left;
display:block;
background:url(../images/left_sky.jpg) no-repeat;
background-color:#CEE0F2;
}
#wrapper{
width:750px;
}
#page {
float:left;
clear:none;
display:block;
width:688px;
padding-bottom:15px;
}
#search_div {
float:right;
width:235px; 
padding-top:5px;
}

#search_div fieldset {
padding:0; 
margin:0; 
border:none;
}
#search_text {
float:left; 
margin:0; 
width:200px; 
background:url(../images/search.gif) no-repeat;
}
#searchform {
margin:0;
padding:0;
}
input#search
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.6875em;
line-height:1em;
height:1.25em;
margin:0;
margin-left:100px;
padding-top:2px;
width:100px;
border:1px solid #cccccc;
}
#search_button {
float:left;
padding-left:8px;
height:25px;
}

/* top and Primary navigation */

#primary_nav, #top_nav {
display:block;
clear:both;
}
#top_wrapper {
float:left; 
clear:none;
padding:8px 0 0 18px;
}
#nav_wrapper {
float:left; 
clear:none;
padding-left:18px;
}
#navis, #top_navis {
list-style:none;
margin:0;
padding:0;
}

#navis li, #top_navis li {
float:left;
display:block;
}

/* Top Nav */

#home a, #login a, #members a, #links a, #contact a  {
display:block;
height:16px;
text-decoration: none;
}
#home a {
width:32px;
background:url(../images/nav_top.gif) 0px 0px;
}
#login a {
width:86px;
background:url(../images/nav_top.gif) -32px 0px;
}
#members a {
width:99px;
background:url(../images/nav_top.gif) -118px 0px;
}
#links a {
width:38px;
background:url(../images/nav_top.gif) -217px 0px;
}
#contact a {
width:70px;
background:url(../images/nav_top.gif) -255px 0px;
}

#home a:hover {
background:url(../images/nav_top.gif) 0px -16px;
}
#login a:hover {
background:url(../images/nav_top.gif) -32px -16px;
}
#members a:hover {
background:url(../images/nav_top.gif) -118px -16px;;
}
#links a:hover {
background:url(../images/nav_top.gif) -217px -16px;
}
#contact a:hover {
background:url(../images/nav_top.gif) -255px -16px;
}

/* primary nav */

#about a, #spirituality a, #involved a, #news a, #events a, #youth a  {
display:block;
height:23px;
text-decoration: none;
}
#about a {
width:91px;
background:url(../images/nav.gif) 0px 0px;
}
#spirituality a {
width:114px;
background:url(../images/nav.gif) -91px 0px;
}
#involved a {
width:118px;
background:url(../images/nav.gif) -205px 0px;
}
#news a {
width:122px;
background:url(../images/nav.gif) -323px 0px;
}
#events a {
width:150px;
background:url(../images/nav.gif) -445px 0px;
}
#youth a {
width:75px;
background:url(../images/nav.gif) -595px 0px;
}

/* selected - hover states */

#about.selected a, #about a:hover {
background:url(../images/nav.gif) 0px -23px;
}
#spirituality.selected a, #spirituality a:hover {
background:url(../images/nav.gif) -91px -23px;
}
#involved.selected a, #involved a:hover {
background:url(../images/nav.gif) -205px -23px;
}
#news.selected a, #news a:hover {
background:url(../images/nav.gif) -323px -23px;
}
#events.selected a, #events a:hover {
background:url(../images/nav.gif) -445px -23px;
}
#youth.selected a, #youth a:hover {
background:url(../images/nav.gif) -595px -23px;
}

#home a span, #login a span, #members a span, #links a span, #contact a span, #about a span, #spirituality a span, #involved a span, #news a span, #events a span, #youth a span, #landscape span, #nav_about span, #nav_spirituality span, #nav_involved span, #nav_news span, #nav_events span, #nav_youth span , #nav_info span , #nav_links span , #nav_contact span { 
display:none;
}

/* Secondary nav */
#navsec {
float:left;
display:block;
width:150px;
background-color:#CED4BD;
font-size:0.6875em;
line-height:1.37em;
padding-bottom:10px;
}

#nav_heading {
padding:3px 0;
border-bottom:1px solid #FFFFFF;
}

#nav_about, #nav_spirituality, #nav_involved, #nav_news, #nav_events, #nav_youth, #nav_info, #nav_links, #nav_contact {
display:block;
height:23px;
margin:0;
}

/* 1px less than primary nav dimensions due to white vberticle line */
#nav_about {
width:91px;
background:url(../images/nav.gif) 0px 0px;
}
#nav_spirituality {
width:113px;
background:url(../images/nav.gif) -92px 0px;
}
#nav_involved {
width:117px;
background:url(../images/nav.gif) -206px 0px;
}
#nav_news {
width:121px;
background:url(../images/nav.gif) -324px 0px;
}
#nav_events {
width:146px;
background:url(../images/nav.gif) -446px 0px;
}
#nav_youth {
width:74px;
background:url(../images/nav.gif) -596px 0px;
}
#nav_info {
width:140px;
background:url(../images/nav.gif) -701px 0px;
}
#nav_contact {
width:100px;
background:url(../images/nav.gif) -860px 0px;
}
#nav_links {
width:100px;
background:url(../images/nav.gif) -980px 0px;
}

#sec_navis {
list-style:none;
margin:0;
padding:8px 0 0 13px;
width:125px;
}


#sec_navis li {
padding-bottom:8px;
}




/* Page Content*/

/* page titles */
#title_about, #title_spirituality, #title_involved, #title_news, #title_events, #title_youth, #title_welcome, #title_info, #title_links, #title_contact {
display:block;
width:234px;
height:45px;
margin:0;
}

#title_welcome {
background:url(../images/title_welcome.gif) no-repeat;
}
#title_about {
background:url(../images/title_about.gif) no-repeat;
}
#title_spirituality {
background:url(../images/title_spirituality.gif) no-repeat;
}
#title_involved {
background:url(../images/title_involved.gif) no-repeat;
}
#title_news {
background:url(../images/title_news.gif) no-repeat;
}
#title_events {
background:url(../images/title_events.gif) no-repeat;
}
#title_youth {
background:url(../images/title_youth.gif) no-repeat;
}
#title_info {
background:url(../images/title_info.gif) no-repeat;
}
#title_links {
background:url(../images/title_links.gif) no-repeat;
}
#title_contact {
background:url(../images/title_contact.gif) no-repeat;
}

#title_about span, #title_spirituality span, #title_involved span, #title_news span, #title_events span, #title_youth span, #title_welcome span, #title_info span, #title_links span, #title_contact span {
display:none;
}


div.dots {
display:block;
clear:both;
background:url(../images/dots_bg.gif);
height:1px;
margin-left:17px;
}

#svd {
display:block;
clear:both;
padding:7px 0 7px 10px;
}
#landscape {
display:block;
clear:both;
height:124px;
background:url(../images/landscape.jpg) no-repeat 18px 4px;
}

#content_wrapper {
padding:4px 0 0 18px;
}

#content {
float:left;
clear:none;
width:360px;
}

#content_home {
float:left;
clear:none;
width:510px;
}


/* main page content styles here */
#page_content {
padding:9px 22px;
font-size:0.6875em;
line-height:1.37em;

}

#page_content h2 {
font-size:1.10em;
line-height:1.37em;
}
#page_content ul {
padding-left:20px;
}


/* Right hand column from here */
#right {
float:left;
clear:none;
width:160px;
}
#news_wrapper {
background-color:#EEF2EA;
margin-bottom:10px;

}
#events_wrapper {
background-color:#E2ECF7;
}
#latest_news, #upcoming_events {
display:block;
width:160px;
height:33px;
margin:0;
}
#latest_news {
background:url(../images/latest_news.gif) no-repeat;
}
#upcoming_events {
background:url(../images/upcoming_events.gif) no-repeat;
}
.news_item, .events_item, .all_news, .all_events {
padding:11px 9px;
font-size:0.6875em;
line-height:1.37em;
border-bottom:1px solid #FFFFFF;
}
.news_item h4, .events_item h4 {
font-size:1em;
line-height:1em;
margin:0 0 0.25em 0;
}
#latest_news span, #upcoming_events span {
display:none;
}
.all_news a {
padding-left:20px;
background:url(../images/icon_all_news.gif) no-repeat;
}
.all_events a {
padding-left:20px;
background:url(../images/icon_all_events.gif) no-repeat;
}

/* footer */
div.footer_dots {
display:block;
clear:both;
background:url(../images/dots_bg.gif) bottom repeat-x;
height:1px;
padding-top:10px;
}

#footer {
display:block; 
clear:both;
font-size:0.625em;
line-height:3em;
padding:0 0 0 18px;
color:#004989;
}
#footer_disclaimer {
float:left; 
clear:none;
}
#footer_sitemap {
float:right; 
clear:none;
}