body {
background: url('http://jbirdmedia.org/kycog/images/bg.jpg') repeat-x;
font-size: 15px;
font-family: Arial;
line-height: 20px;
}

.wrapper {
width: 896px;
margin: 0 auto;
}


.header {
width: 896px;
margin: 0 auto;
padding-bottom: 25px;
}


.logo {
width: 346px;
float:left;
padding-right: 50px;
}

div.mainnav {
width:456px;
height:34px;
background: url('http://jbirdmedia.org/kycog/images/topnav.png') no-repeat;
margin:20px auto;
float: left;
}

#nav li a {
text-indent:-999em;
display:block;	
list-style: none;
float: left;
}

#nav, #nav li {
list-style: none;
float: left;
margin: 0;
padding: 0;
}

#nav li a.home 					{ background: url('http://jbirdmedia.org/kycog/images/topnav.png') no-repeat 0px 0px; width: 91px; height: 34px }
#nav li a.home 					{ background: url('http://jbirdmedia.org/kycog/images/topnav.png') no-repeat 0px 0px; width: 91px; height: 34px }

#nav li a.about					{ background: url('http://jbirdmedia.org/kycog/images/topnav.png') no-repeat -91px 0px; width: 132px; height: 34px }
#nav li a.about					{ background: url('http://jbirdmedia.org/kycog/images/topnav.png') no-repeat -91px 0px; width: 132px; height: 34px }

#nav li a.ministries 			{ background: url('http://jbirdmedia.org/kycog/images/topnav.png') no-repeat -223px 0px; width: 136px; height: 34px }
#nav li a.ministries 			{ background: url('http://jbirdmedia.org/kycog/images/topnav.png') no-repeat -223px 0px; width: 136px; height: 34px }

#nav li a.media 				{ background: url('http://jbirdmedia.org/kycog/images/topnav.png') no-repeat -359px 0px; width: 97px; height: 34px }
#nav li a.media 				{ background: url('http://jbirdmedia.org/kycog/images/topnav.png') no-repeat -359px 0px; width: 97px; height: 34px }



.topcontent {
width: 896px;
height: 300px;
margin: 0 auto;
background: url('http://jbirdmedia.org/kycog/images/topbg.jpg') no-repeat;
}

.topcontent2 {
width: 1015px;
height: 340px;
margin: 0 auto;
background: #fff;
}


.toppic {
margin: 17px 17px;
}


.contentleft {
width: 525px;
float: left;
margin: 0px 17px;
}

.gallery {
width:521px;
height: 277px;
margin-right: 10px;
margin-bottom: 15px;
border: 5px solid #ccc;
position: relative;
}


.gallery a:link.next, #gallery a:visited.next {position: absolute; top: 245px; right: 5px; z-index: 100;}
.gallery a:link.prev, #gallery a:visited.prev {position: absolute; top: 245px; left: 5px; z-index: 100}


.upcomingevents {
width: 255px;
float: left;
background: #eee;
margin-right: 5px;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ddd;
}

.upcomingevents ul li {
list-style: none;
margin: 0;
padding-left: 15px;
padding-bottom: 8px
}

.upcomingevents ul {
list-style: none;
margin: 0;
padding: 0;
}

.upcomingevents h2 {padding:10px;}
.recentvideos h2 {padding:10px;}


.recentvideos {
width: 260px;
height: 261px;
float: left;
background: #eee;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ddd;
}

.recentvideos ul li {
list-style: none;
margin: 0;
padding-left: 15px;
padding-bottom: 8px
}

.recentvideos ul {
list-style: none;
margin: 0;
padding: 0;
}

.contentleft a {
text-decoration: none;
}


.contentright {float:left;}



.videoplayer {
width: 320px;
height: 240px;
padding-bottom: 10px;
}

.mailinglist {
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
background: #a4c729;
margin-bottom:10px;
}

.mailinglist h2 {
margin-bottom:3px;
padding:0px;
}

.email {
width:230px;
height:30px;
font-size:16px;
margin-bottom: 3px;
}

.submit_button {
width: 47px;
height: 41px;
}

.otherlinks {
}


.footer {
color: #666666;
margin-top:30px;
margin-bottom: 100px;
font-size: 12px;
clear:both;
position:bottom;
}

.footer .valid {
width: 250px;
float: left;
}

.footer a {
list-style-type: none;
color: #cccccc;
}

.footer .credits {
float: right;
}

h2 {
margin: 0;
padding: 0;

}

a {
text-decoration: none;
color: blue;
}

a:hover {
text-decoration: underline;
}

p {margin:5px 0px; padding:0;}




/*-----content CSS-----*/


.sidebar {
width: 200px;
float: left;
margin-top: 23px;
margin-right: 40px;
padding-top: 5px;
}


.sidebar_nav {
background: #e4e2e2;
margin-left: 15px;
padding: 10px;
margin-bottom: 20px;
}

.sidebar_nav ul li {list-style: none; margin-bottom: 5px; padding: 0;}
.sidebar_nav ul {list-style: none; margin: 0; padding:0;}
.sidebar_nav li {list-style: none; margin:0; padding:0;}
.sidebar_nav a {font-weight: bold; font-size: 16px; color: #000; text-decoration: none;}
.sidebar_nav a:hover {font-weight: bold; font-size: 16px; color: #a4c729; text-decoration: none;}

.sidebar_events ul li {list-style: none; margin: 0; margin-left: 15px;padding-bottom: 8px}
.sidebar_events ul {list-style: none; margin: 0; padding: 0;}
.sidebar_events a {font-weight: bold; font-size: 14px; color: #000; text-decoration: none;}
.sidebar_events a:hover { color: #a4c729; text-decoration: underline;}

.sidebar_events h2 {margin: 0px; margin-left: 15px; padding-bottom: 5px; font-size: 16px;}


.aboutcontent {
width:715px;
float: left;
margin-top: 23px;
}


.aboutcontent a {text-decoration: none; color: #000000;}
.aboutcontent a:hover {text-decoration: underline;}

.eventcontent {
width:600px;
float: left;
margin-top: 23px;
}

.eventcontent a {text-decoration: none; color: #000000;}
.eventcontent a:hover {text-decoration: underline;}

.eventcontent  li {
list-style: none;
margin: 0;
padding-left: 15px;
padding-bottom: 8px
}

.eventcontent ul {
list-style: none;
margin: 0;
padding: 0;
}

.blog_nav {
background: #e4e2e2;
margin-left: 15px;
padding: 10px;
margin-bottom: 20px;
}

.blog_nav ul li {list-style: none; margin-bottom: 5px; padding: 0;}
.blog_nav ul {list-style: none; margin: 0; padding:0;}
.blog_nav li {list-style: none; margin:0; padding:0;}
.blog_nav a { font-size: 14px; color: #000; text-decoration: none;}
.blog_nav a:hover {font-size: 14px; color: #a4c729; text-decoration: none;}








hr {margin:10px 0px;}


.clear {clear: both;}