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

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

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

#wrapper{width: 1024px; margin: 0 auto;}

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

#navigation{ background: url('../images/youth/bg-nav.gif') bottom right no-repeat; height: 31px;}
#hd h1{text-indent: -9999em; margin: 0; padding: 0; display:block; background: url('../images/youth/youth-header.png') 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; color: #45cd12;}
#side-nav li a:hover { color:#fff; 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 .lt a{ color: #6DD42D;}
#ft .lt a:hover{ color: #fff;}
#ft .rt{padding: 10px 0 0 0; float: right; width: 100px;}


/* navigation */
 
#t-jrlife a{
	width: 200px;
	background: url('/images/youth/nav/jr-life.gif') top left no-repeat;	
}
#t-srlife a{
	width: 220px;
	background: url('/images/youth/nav/sr-life.gif') top left no-repeat;	
}
#t-college a{
	width: 220px;
	background: url('/images/youth/nav/college.gif') top left no-repeat;	
}

#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; float: left;}
#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; }