body {
background: #181818;
margin:0;
padding: 0;
line-height: 24px;
color: #555;
font: normal 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */
}

.header {
width: 100%;
height: 114px;
background: url('http://jbirdmedia.org/fourpoints/images/site/header_bg.jpg') repeat-x;
}

.header_wrap {
width:950px;
margin: 0 auto;
padding: 10px 0px;
position: relative;
}

.search {
width:350px;
position: absolute;
right: 0px;
}

.searchbox {
width:216px; 
height: 44px; 
background: url('http://jbirdmedia.org/fourpoints/images/site/search_bg.jpg') no-repeat;
padding:6px 8px;
float: left;
}

.search_input .input {width:212px; height:25px; border: none; margin-top: 3px; font-size: 16px; color: #999; padding-left: 5px;}


a.browse_button {
width:101px; 
height: 44px;
float:left;
background: url('http://jbirdmedia.org/fourpoints/images/site/browse_button.jpg')
}

.dropnav {display:block;}

.searchnav br {clear: left;}

.searchnav li.dropmain {  position: relative; list-style: none; }	
.searchnav li.dropmain ul.dropsub {
display: none; 
position: absolute; top: 41px; right: 0px; z-index: 99; 
background: #51b1d0; 
padding-right: 0px; 
margin-top: 0px; 
padding-top: 0px;
}
	
.searchnav li.dropmain ul.dropsub li { width: 310px; margin: 0px; padding:0px 0px; border-bottom: 1px solid #99c2d0; font-size: 12px; color: #fff;}	
.searchnav ul.dropsub li a em { text-decoration: none; color: #222; font-size: 14px; font-style: normal;}
.searchnav ul.dropsub li a { text-decoration: none; color: #fff; font-size: 12px; padding:5px 8px;}
.searchnav ul.dropsub li a:hover { text-decoration: none; color: #222; font-size: 12px; background: #fff; width: 298px;}


.searchnav li:hover ul.dropsub { 
display: block; 
width: 313px; 
margin: 0px;
padding: 10px; 
-moz-border-radius: 0px 0px 15px 15px; -webkit-border-radius: 0px; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px;
}

.searchnav ul.search_drop {list-style: none; float: left; margin: 0px 20px 0px 0px; padding: 0;}
.searchnav ul.search_drop li a {display:block; float:left;	list-style: none; color: #fff; text-decoration:none;}

.logo {
width: 330px;
height: 70px;
float: left;
}

/*TopNav*/

div.topnav { width:570px; height:40px; margin: 27px auto 0px auto; float: right; position: relative; z-index: 3000;}
#nav, #nav li { list-style: none; float: left; margin: 0px 35px 0px 0px; padding: 0;}
#nav li a { display:block;	list-style: none; float: left; color: #fff; text-decoration:none;}
.topnav #nav li.mainnav a {font-size: 18px;}





/*Drop Down Menu CSS */

.topnav li.mainnav {  position: relative; list-style: none;}	
.topnav li.mainnav ul.subnav {
display: none; 
position: absolute; top: 20px; left: 0; z-index: 99; 
background: #181818; 
padding-right: 0px; 
margin-top: 10px; 
padding-top: 5px;
text-transform: uppercase;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
	
.topnav li.mainnav ul.subnav li { width: 150px; margin: 0px; padding: 0px;}	
.topnav li.mainnav ul.subnav li a { background: none; padding: 5px 2px; color: #fff; font-size: 12px; clear: left;}
.topnav li.mainnav ul.subnav li a:hover { background: none; padding: 5px 2px; color: #f7b80f; font-size: 12px;}
.topnav li:hover ul.subnav { display: block; width: 135px; margin: 0px;padding: 10px;}
.topnav #nav li.mainnav ul.subnav  li a { text-decoration: none; color: #fff; font-size: 13px; padding: 5px;}
.topnav #nav li.mainnav ul.subnav li a:hover { text-decoration: none; color: #f7b80f;}
	
/*End Drop Down Menu CSS */
/*End TopNav*/


.content { width: 100%; background: #e5e4e4; padding-top: 25px;}
.wrapper_bg { width: 942px; min-height: 375px; margin: 0 auto; background: url('http://jbirdmedia.org/fourpoints/images/site/wrapper_bg.jpg') no-repeat; padding-top: 30px;}
.wrapper { width: 888px; background: #fff; margin: 0px auto; padding: 3px 15px; padding-bottom: 30px;}

#slideshow {width: 547px; float: left; position: relative; z-index:0;}
.welcome {width: 300px; float: right;}

#learn_more_button {
	width: 155px; 
	height: 35px; 
	background: url('http://jbirdmedia.org/fourpoints/images/site/learn_more_button.jpg') no-repeat;
	float: right;
	margin-top: 20px;
	text-indent: -999em;
}

.learn_more_button  {
	width: 155px; 
	height: 35px; 
	background: url('http://jbirdmedia.org/fourpoints/images/site/learn_more_button.jpg') no-repeat;
	float: right; 
	text-indent: -999em;
}

a:hover.learn_more_button  {
	width: 155px; 
	height: 35px; 
	background: url('http://jbirdmedia.org/fourpoints/images/site/learn_more_button_over.jpg') no-repeat;
	text-indent: -999em;
}


/*MiddleNav*/

div.middlenav { 
width:893px; 
height:111px; 
background: url('http://jbirdmedia.org/fourpoints/images/site/middlenav_bg.jpg') no-repeat; 
margin: 15px auto; 
font-size: 12px; 
line-height: 20px;
padding-bottom: 5px;
}

.middlenav ul {list-style: none; margin: 0; padding: 0;}
.middlenav li {list-style: none; margin: 0; padding: 0; float: left; width: 297px; height: 111px;}
.middlenav li a {text-decoration: none; color: #818181;}
.middlenav li a:hover {text-decoration: none; color: #fff;}


.middlenav span {font-size: 22px; color: #181818; font-weight: 300; line-height: 26px;}
.middlenav a:hover span  {font-size: 22px; color: #fff; font-weight: 300; }


.groups { 
background: url('http://jbirdmedia.org/fourpoints/images/site/groups_bar_bg.jpg') no-repeat; 
width: 227px; 
height: 76px; 
float: left; 
padding: 20px 0px; 
padding-left: 70px;
}

a:hover.groups { 
background: url('http://jbirdmedia.org/fourpoints/images/site/groups_bar_over.jpg') no-repeat; 
width: 227px; 
height: 76px; 
float: left; 
padding: 20px 0px; 
padding-left: 70px;
}

.believe { background: url('http://jbirdmedia.org/fourpoints/images/site/believe_bar_bg.jpg') no-repeat; 
width: 227px; 
height: 76px; 
float: left; 
padding: 20px 0px; 
padding-left: 70px;
}

a:hover.believe { 
background: url('http://jbirdmedia.org/fourpoints/images/site/believe_bar_over.jpg') no-repeat; 
width: 227px; 
height: 76px; 
float: left; 
padding: 20px 0px; 
padding-left: 70px;
}

.archive { 
background: url('http://jbirdmedia.org/fourpoints/images/site/archive_bar_bg.jpg') no-repeat; 
width: 223px; 
height: 76px; 
float: left; 
padding: 20px 0px; 
padding-left: 75px;
}

a:hover.archive { 
background: url('http://jbirdmedia.org/fourpoints/images/site/archive_bar_over.jpg') no-repeat; 
width: 223px; 
height: 76px; 
float: left; 
padding: 20px 0px; 
padding-left: 75px;
}

span.page_subtitle { 
width: 560px; 
height: 63px; 
background: url('http://jbirdmedia.org/fourpoints/images/site/subtitle_bg.jpg') no-repeat; 
color: #fff; 
float: left; 
font-size: 18px; 
padding-top: 15px; 
padding-left: 15px;}


/*End MiddleNav*/




/*About Page*/

.content_left {width: 240px; min-height: 380px; float: left; }
.content_left ul {list-style: none; margin: 0; padding: 0; background: url('http://jbirdmedia.org/fourpoints/images/site/sidebar_bg.jpg') no-repeat; width: 240px; height: 380px; }
.content_left li {list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #ddd; padding:10px 5px; width: 200px; height: 25px;
}


.content_left li a {text-decoration: none; color: #555; font-size: 20px; font-weight: 300; }
.content_left li a:hover {text-decoration: none; color: #60adc5; font-size: 20px; font-weight: 300; }
.content_left li a.active {list-style: none; margin: 0; padding: 0; padding:10px 5px; width: 200px; height: 25px; background: #000;}


.content_right {width: 600px; float: right; }

.content_video { width: 560px; margin-bottom: 20px; background: #ddd; padding: 5px;}

/* End About Page*/








/*MediaPlayer Page*/

.mediaplayer_left { width: 575px; float: left;}
.videoinfo  {margin: 20px 0px;}

.videoinfo ul {list-style:none; margin:20px 0px; padding:0;}
.videoinfo li {list-style:none; float:left; margin:0; padding:0;}

.videoinfo h3 {font-size: 24px; color: #60adc5; font-weight: 300; margin: 0px 10px; padding-top: 0px; }
.videoinfo h4 {font-size: 30px; color: #181818; font-weight: 300; margin: 10px 10px; padding-bottom: 5px; }
.content_right h4 {font-size: 22px; color: #181818; font-weight: 300; margin: 10px 0px; padding: 0; }


.videoinfo p {padding-left: 10px; padding-top: 0px;}

.mediaplayer_right {width: 300px; float: right;}


/*Playlist Buttons*/
ul.tabs {list-style: none; margin: 0; padding: 0;}
ul.tabs li {list-style: none; margin: 0; padding: 0;}

ul.tabs li a { 
float: left; text-decoration: none; color: #181818; background: #ebe8e8; width: 95px; height: 15px; text-transform: uppercase; margin-right: 5px; padding: 10px 0px;
text-align: center;
}

ul.tabs li a:hover { color: #fff; background: #60adc5; width: 95px; height: 15px; margin-right: 5px; padding: 10px 0px;}


.video_button {
 	line-height: 1;
    text-decoration:none;
    display: inline-block;
    padding: 8px 12px;
    font-family: Arial, sans-serif;
    text-transform:uppercase;
    font-size:14px;
    color:#fff;
    cursor:pointer;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.15);
}

/*End Playlist Buttons*/


/* Start Media Playlists*/
.tab_content ul {list-style: none; margin: 0; padding: 0; margin-top: 10px;}
.tab_content ul li {list-style: none; margin: 0px 0px; padding: 10px 0px; width: 300px; height: 75px; border-bottom: 1px dashed #ddd;}
.tab_content ul li a {text-decoration: none; color: #181818; width: 295px; height: 75px; float: left;}
.tab_content ul li a:hover {text-decoration: none; color: #181818; background: #ebe8e8; width: 295px; height: 75px; float: left;}
/* End Media Playlists*/

.video_thumb {width: 110px; height: 75px; float: left; clear: both; margin-bottom: 10px; padding-right: 10px;}
span.series_title {font-size: 14px; font-weight: bold; padding-top: 10px; }
span.sermon_title {font-size: 13px; }

/*End MediaPlayer Page*/










/* Start Events Page*/

.events_left {width: 600px; float: left; font-size: 12px;}
.events_left ul {list-style: none; margin: 0; padding: 0;}
.events_left ul li {list-style: none; margin: 0; padding: 0; padding: 10px 0px; clear: both; }
.events_left ul li h2 {margin: 0; padding: 0px; color: #222; font-size: 16px;}
.events_left li p {width: 525px; float: right; margin-bottom: 20px;}

span.event_date { 
width: 60px; 
height: 55px; 
background: #9dcbd9; 
text-align: center; 
color: #fff; 
font-size: 14px; 
font-weight: bold; 
line-height: 24px; 
float: left; 
margin-right: 15px;
}

span.event_number {font-size: 28px; font-weight: 300;}


span.page_subtitle  { width: 556px; height: 63px; background: url('http://jbirdmedia.org/fourpoints/images/site/subtitle_bg.jpg') no-repeat; color: #fff; float: left; font-size: 18px; padding-top: 15px; padding-left: 15px;}

/* End Events Page */








/* Start Bottom*/

.bottom {width: 920px; margin: 10px auto; }
.bottom_left {width: 475px; float: left; padding-bottom: 25px;}
.bottom_left ul {list-style: none; margin: 0; padding: 0;}
.bottom_left li {list-style: none; margin: 0; padding: 0; float: left; margin-right: 20px;}

.bottom_left li a { font-size: 12px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 500;}
.bottom_left li a:hover { font-size: 12px; color: #60adc5; text-decoration: none; text-transform: uppercase; }


.copyright {color: #666;}

#login_button {
 width: 155px; 
height: 40px; 
margin-top: 10px;
background: url('http://jbirdmedia.org/images/sitelogin_button.jpg') no-repeat;

}

.login_button  { width: 155px; height: 40px; background: url('http://jbirdmedia.org/fourpoints/images/site/login_button.jpg') no-repeat; float: left; text-indent: -999em;}
a:hover.login_button  { width: 155px; height: 40px; background: url('http://jbirdmedia.org/fourpoints/images/site/login_button_over.jpg') no-repeat; text-indent: -999em;}
.bottom_right { width: 325px; float: right;}


/* Social Network Bar */
.network { width: 950px; height: 50px;}

.icon_links { width:315px; height:25px; background: url('http://jbirdmedia.org/fourpoints/images/site/social_bar.jpg') no-repeat; margin-bottom: 10px; }
#icons li a { text-indent:-999em; display:block; list-style: none; float: left;}
#icons,#icons li { list-style: none; float: left; margin: 0; padding: 0;}


#icons li a.facebook			{ background: url('http://jbirdmedia.org/fourpoints/images/site/social_bar.jpg') no-repeat 0px 0px; width: 117px; height: 25px }
#icons li a:hover.facebook	   	{ background: url('http://jbirdmedia.org/fourpoints/images/site/social_bar_over.jpg') no-repeat 0px 0px; width: 117px; height: 25px }

#icons li a.itunes				{ background: url('http://jbirdmedia.org/fourpoints/images/site/social_bar.jpg') no-repeat -117px 0px; width: 97px; height: 25px }
#icons li a:hover.itunes	   	{ background: url('http://jbirdmedia.org/fourpoints/images/site/social_bar_over.jpg') no-repeat -117px 0px; width: 97px; height: 25px }

#icons li a.twitter				{ background: url('http://jbirdmedia.org/fourpoints/images/site/social_bar.jpg') no-repeat -214px 0px; width: 101px; height: 25px }
#icons li a:hover.twitter		{ background: url('http://jbirdmedia.org/fourpoints/images/site/social_bar_over.jpg') no-repeat -214px 0px; width: 101px; height: 25px }

/* End Social Network Bar */

#jbirdmedia { width: 140px; height: 20px; background: url('http://jbirdmedia.org/fourpoints/images/site/jbird_logo.jpg') no-repeat; float: right; text-indent: -999em; margin: 0px 8px;}
a.jbirdmedia  { width: 140px; height: 20px; background: url('http://jbirdmedia.org/fourpoints/images/site/jbird_logo.jpg') no-repeat; float: right; text-indent: -999em;}
a:hover.jbirdmedia  { width: 140px; height: 20px; background: url('http://jbirdmedia.org/fourpoints/images/site/jbird_logo_over.jpg') no-repeat; text-indent: -999em;}

/* End Bottom */





/*Blog*/



.blog_content {
width: 530px;
float: left;
background: #fff;
padding: 10px 15px;
line-height: 22px;
}

.blog_content span {padding: 0px 0px; width: 170px; font-size: 14px; color: #282828; font-weight: 400; }

.blog_line {background: #ddd; height: 1px; margin: 25px 0px;}

.blog_sidebar {float: right; color: #fff;}
.blog_about { width: 255px; background:#282828; padding: 0px 15px;}
.blog_about p {padding-bottom:15px;}

.blog_about h2 {width: 210px; height: 50px; text-indent: -999em; background: url('http://rivercitywc.com/images/blog/logo.jpg') no-repeat; margin:0; padding:0; }

.blog_recent_posts { width: 255px; background:#eeeeee; padding: 15px; margin-top: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.blog_sidebar ul {list-style:none; margin:0; padding: 0; margin-top: 10px;}
.blog_sidebar li {list-style:none; margin0px; padding: 5px 0px; border-bottom: 1px dashed #666;}
.blog_sidebar li a {text-decoration: none; color: #181818; font-size: 12px;}
.blog_sidebar li a:hover {text-decoration: underline; color: #181818;}
.blog_sidebar h2 {font-size: 16px; font-weight: bold; color: #000; margin: 0px 0px; padding:0;}

.categories { width: 255px; background:#eeeeee; padding: 15px; margin-top: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

.blog_subscribe {background: #eee; padding: 15px; margin-top: 15px; color: #282828; width: 255px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.subscribe_input input {border: 1px solid #ddd; height: 30px; width: 245px; margin: 15px 0px; font-size: 18px; padding-left: 5px; color: #444;}
.signup_button {margin-top: 0px;}

.links {margin-top: 20px;}
.links ul li {border:none;}


.author_pic {float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ddd; padding: 3px;}

.blog_content h1 { font-size: 24px; font-weight: 300; color: #51b1d0; margin: 0px 0px; padding:0; padding-bottom: 0px; line-height: 30px; }
.blog_content h1 a {text-decoration: none; color: #51b1d0;}
.blog_content h1 a:hover {text-decoration: none; color: #51b1d0;}


.blog_content h2 { font-size: 18px; font-weight: bold; color: #181818; margin:5px 0px; padding:0; }
.blog_content p img {padding: 5px; }
.blog_content span {font-size:12px; color: #666; font-weight: bold;}

.paginate { margin-top: 20px;}

.comments {margin-top: 50px;}

.comment_form {background: #ececec; border: 1px solid #ddd; padding: 10px; width: 510px; font-size: 12px; margin-top:30px; margin-bottom: 15px;}
.comment_form textarea {border: 1px solid #ddd; font-size: 14px; width: 505px; height: 125px;}


.comment_input input {border: 1px solid #ddd; width: 500px; height: 30px;}
.captcha_input input {border: 1px solid #ddd; width: 137px; height: 30px; }

.comments textarea {width: 500px;}

.comment_form h6 {font-size: 16px; color: #51b1d0; font-weight: bold; margin:0; padding:0; margin-top: 0px;}
.submit_button {float:left; padding-top: 5px;}
.notify_me {float:left;}

.comment_display {background: #ececec; border: 1px solid #ddd; padding: 10px; width: 510px; font-size: 12px; margin-top: 10px;}
.comment_display a {color:#333; text-decoration: underline;}
.comment_display a:hover {color:#264975; text-decoration: underline;}

.comment_total {
width:65px; 
height:65px; 
background: url('http://myideateam.com/images/site/idea_total_bg.jpg') no-repeat; 
float:right; 
font-size: 14px;
text-align:center;
padding-top: 10px;
font-weight:bold;
}

.comment_title {font-size: 14px;}

b {font-weight: bold; color: #000;}

.comment_total h6 {color:#264975; font-size: 24px; text-align:center; margin-top:0; margin-bottom: 5px;}
h6.no_comments {margin-top: 50px; text-align: center; padding-right: 10px; font-size: 14px;}
h6 {margin-top: 50px; padding-right: 10px; font-size: 14px; }
a {text-decoration: underline; color: #000;}
a:hover {text-decoration: none; color: #d2630f;}


/* End Blog */


dl {border-bottom: 1px solid #ddd;}
dt {margin:0; padding:0; font-size: 14px;}
dd {margin:0; padding:0; list-style:none; padding-bottom:5px;}

.search_results_title {font-size:20px;}



h2 {margin: 0; padding: 0px; color: #222;}
h3 {font-size: 30px; color: #60adc5; font-weight: 300; margin: 10px 0px; padding: 0; padding-bottom: 15px; }
h4 {font-size: 30px; color: #181818; font-weight: 300; margin: 10px 0px; padding: 0; }
.content_right h4 {font-size: 22px; color: #181818; font-weight: 300; margin: 10px 0px; padding: 0; }
p {margin: 3px 0px;}
.clear {clear:both;}

.staff {float: left; width: 125px;}
.staff_pic {width: 100px; border: 3px solid #ddd; margin: 0px 0px 0px 10px;}
p.staff_name {text-align:center; font-size: 12px;}

.staff_bio {
}