body {
background: #000 url('http://jbirdmedia.org/newhope/images/site/bg.jpg') repeat-x ;
margin:0;
padding: 0;
color: #fff;
font: normal 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */
}

.stripes {
width: 100%;
min-height: 766px;
background: url('http://jbirdmedia.org/newhope/images/site/stripes.jpg') no-repeat top center;
margin: 0 auto;
}


.header {
width: 950px;
margin: 0 auto;
}

.logo {
width: 300px; float: left;
}


/*TopNav*/

div.topnav { width:590px; height:40px; margin: 0px auto; margin-top: 60px; float: right; font-family: 'Cantarell', arial, serif; text-transform: uppercase; }
#nav li a { display:block;	list-style: none; float: left;  padding: 0px 12px; font-size: 16px;}
#nav, #nav li { list-style: none; float: left; margin: 0; padding: 0;}






/*Drop Down Menu CSS */

.topnav li.mainnav {  position: relative; list-style: none;}	
.topnav li.mainnav ul.subnav {
display: none; 
position: absolute; top: 22px; left: 0; z-index: 99; 
background: #000; 
padding-right: 0px; 
margin-top: 10px; 
padding-top: 5px;
text-transform: uppercase;
}
	
.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: 14px; margin: 3px 2px; }
.topnav li.mainnav ul.subnav li a:hover { background: none; padding: 5px 2px; color: #2aa9fa; font-size: 14px;}
.topnav li:hover ul.subnav { display: block; width: 135px; margin: 0px; padding: 10px 3px;}
.topnav ul li a { text-decoration: none; color: #fff; font-size: 18px;}
.topnav ul li a:hover { text-decoration: none; color: #000;}
	
/*End Drop Down Menu CSS */
/*End TopNav*/



.middle {
width: 100%;
min-height: 360px;
background: url('http://jbirdmedia.org/newhope/images/site/trans_bg.png') repeat;
padding-bottom: 15px;
}


.middle_wrap {
width: 950px;
margin: 0 auto;
padding: 20px 0px;
}


.slideshow {
width: 610px;
float: left;
}

.slideshow img { width: 600px; height: 310px; border: 5px solid #fff;}


.upcoming_events {
width: 310px;
float: right;
font-size: 12px;
font-family: Georgia;
font-style: italic;
}

.upcoming_events ul {width: 285px;}
.upcoming_events ul li {border-bottom: 1px dashed #fff; padding: 10px 5px;}

.upcoming_events a span { font: normal 15px 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */
 color: #2aa9fa;  }
 
.upcoming_events a:hover span { text-decoration: underline; color: #2aa9fa; }
 
h2.events_head { width: 285px; height: 57px; background: url('http://jbirdmedia.org/newhope/images/site/events_head.png') no-repeat; text-indent:-999em;}


.events {
width: 550px;
font-size: 16px;
font-family: Georgia;
font-style: italic;
font-weight:bold;
line-height:30px;
}

.events ul {width: 550px;}
.events ul li {border-bottom: 1px dashed #fff; padding: 15px 5px;}

.events span.event_title { font: normal 18px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #2aa9fa; padding-bottom:10px; }
 
.events a:hover span { text-decoration: underline; color: #2aa9fa; }
 
.events_summary {font: normal 14px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 24px; }

.view_events_button {
font: italic 16px 'Georgia', Helvetica, Arial, sans-serif; padding-top: 15px;
}







.content_left {
width: 550px;
float: left;
}

.content_left h2 {
text-transform: uppercase;
color: #2aa9fa; 
font-size: 20px;
font-weight: 300;
margin-bottom: 10px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */
}


.welcome_text {
width: 450px;
float:left;
}

.welcome_video {
width:500px;
float:right;
}


.homepage_bottom {
width: 950px;
margin: 0 auto;
}

.homepage_bottom li {display:inline;}

.homepage_bottom li a {
width: 210px;
height: 130px;
border: 3px solid #fff;
float: left;
margin: 20px 10px;
position: relative;
}

.homepage_bottom li a:hover {
width: 210px;
height: 130px;
border: 3px solid #2aa9fa;
float: left;
margin: 20px 10px;
position: relative;
text-decoration: none;
}






.button_label {
width: 200px; 
height: 10px;
padding: 5px 5px;
padding-bottom: 15px;
background: url('http://jbirdmedia.org/newhope/images/site/trans_bg.png') repeat;
text-align: right;
font-size: 16px;
font-family: 'Cantarell', arial, serif;
text-transform: uppercase;
position: absolute;
z-index: 1;
bottom:0;
right:0;
}


.twitter {
width: 620px;
height: 80px;
background: url('http://jbirdmedia.org/newhope/images/site/twitter_bg.png') no-repeat;
padding: 15px 0px 0px 160px;
margin-top: 20px;
float: left;
}


.twitter ul {
list-style: none;
margin: 0;
padding: 0px;
width: 570px;
}

.twitter ul li {
padding: 0px;
}

.twitter ul li a {
font: italic 14px/30px Georgia, Times, Serif;
color: #ccc;
margin:0;
padding:0;
float: none;
border: none;
}

.twitter ul li a:hover { 
color: #1b2f6f; 
margin:0;
padding:0;
float: none;
border: none;
}

.twitter ul li span {
font: 16px/24px Helvetica, Arial, Sans-Serif; 
color: #fff;
}

.twitter ul li span a {
font: 16px/30px Helvetica, Arial, Sans-Serif;
}

/*End Recent Tweets*/



.social_links { height: 45px; float: left; padding-top: 35px; }

.social_links li {
width: 42px;
height: 42px;
float: left;
border: none;
margin:0px 3px;
}

.social_links li a {
margin: 0;
padding: 0;
float:none;
border: none;
}

.social_links li a:hover {
margin: 0;
padding: 0;
float:none;
border: none;
}

.map {width:500px; height: 250px; border: 5px solid #fff;}

.contact_left {width: 200px; float: left;}

.input {width: 300px; height: 25px; border:none; font-size: 16px; margin-bottom: 10px;}
textarea {width: 300px; height: 150px; border:none;}

.contact_right {width: 300px; float: left;}

.footer {
width: 950px;
margin: 20px auto;
font-size: 12px;
padding-bottom: 30px;
}

.footer_left {float: left;}


.footer_left ul li {
float: left;
padding-right: 15px;
}

.footer_left ul li a {
color: #2aa9fa;
}


.credits {font-size: 12px; }

.footer_right {
float: right;
}

.footer_right a {
color: #fff;
}

.footer_right a:hover {
color: #2aa9fa;
}

h2 {margin: 0; padding: 0; font-size: 20px; font-weight: 200;}
.welcome_text h2 {margin: 0px 0px 10px 0px;}

ul {list-style: none; margin: 0; padding: 0;}
ul li {list-style: none; margin: 0; padding: 0;}
a {text-decoration: none; color: #fff;}
a:hover {text-decoration: underline; }
p {margin: 3px 0px;}
.clear {clear:both;}



.ie_body {
width: 853px;
font-size: 16px;
line-height:30px;
padding: 20px;
background: #000;
margin: 50px auto;
}

ie_body h4 {
font-size: 34px;
margin: 0;
padding: 0;
}

ul.browsers {
list-style: none;
margin: 50px 30px;
padding: 0;
}

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