/*
*
*	Central Church of God
*	Youth Ministry Stylesheet
*
*/

body{background: #333 url(../images/youth/page-bg-tile.jpg) repeat-x left top; color: #333; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin: 0; padding: 0;}

a{text-decoration: none; font-weight: bold; color: #3cf; outline: none;}
a:hover{text-decoration: underline; color: #6DD42D;}

#wrapper{width: 1024px; margin: 0 auto; background: url(../images/youth/page-bg.jpg) no-repeat left top;}

#hd{width: 783px; margin: 0 auto;}
#content,#navigation{width: 778px; margin: 0 auto;}

#hd h1{text-indent: -9999em; margin: 0; padding: 0; display:block; background: url(../images/youth/youth-header.jpg) no-repeat left top; width: 783px; height: 201px;}

#content{background: url(../images/youth/content-tile.gif) repeat-y left top;}

#lt{float: left; width: 539px; margin: 0 0 0 5px;}
	.home-content{padding: 0 20px 0 10px; margin: 0 0 40px 0;}
	.home-content p{line-height: 16px;}

	h2.title{color: #fff; font-family: Georgia,serif; font-size: 20px; margin: 15px 20px 0 10px; padding: 6px 6px 6px 8px; background: #262626;}

#rt{float: right; width: 224px; margin: 0 5px 0 0;}
	#rt .events{background: url(../images/youth/event-header.jpg) no-repeat left top; width: 224px; height: 44px; text-indent: -9999em;}


#service{clear: both; margin: 0 0 0 10px; font-size: 10px;}
	#service h3{background: url(../images/youth/service_times.gif) no-repeat left top; margin: 0; padding: 0; text-indent: -9999em; height: 18px;}
	#service .time{float: left; width: 32%; background: #ECECEC; padding: 10px 0;}
	#service .time strong{color: #790A8D; padding: 0 10px;}
	#service p{margin: 0; padding: 0 10px;}

#side-nav{background: url(../images/youth/nav-bg-tile.jpg) repeat-y left top; margin: 0;}
	#side-nav ul{margin: 0; padding: 30px 0 12px 25px; }
	#side-nav li{list-style:none; padding: 0 0 16px 0;}
	#side-nav li a span{color: #6DD42D; padding: 0 5px 0 0;}
	#side-nav li a{text-decoration: none;}

#ft{color: #fff; clear: both; width: 778px; margin: 0 auto; background: url(../images/youth/footer-bg.gif) no-repeat left top;}
#ft .lt{padding: 20px 0 80px 15px; width: 435px; float: left;}
#ft .rt{padding: 10px 0 0 0; float: right; width: 100px;}


/* navigation */
 
#thome a{
	width: 115px;
	background: url(../images/youth/nav/home.gif) top left no-repeat;	
}
#tabout a{
	width: 133px;
	background: url(../images/youth/nav/about.gif) top left no-repeat;	
}
#tphotos a{
	width: 153px;
	background: url(../images/youth/nav/photos.gif) top left no-repeat;	
}
#tmusic a{
	width: 133px;
	background: url(../images/youth/nav/music.gif) top left no-repeat;	
}
#tevents a{
	width: 138px;
	background: url(../images/youth/nav/events.gif) top left no-repeat;	
}
#tlinks a{
	width: 106px;
	background: url(../images/youth/nav/links.gif) top left no-repeat;	
}

#nav {
	margin: 0;
	padding: 0;
	height: 31px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 31px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:31px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position: 0 -31px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -31px;
	}