html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
body { font-family:  Arial, Helvetica, sans-serif; font-size: 62.5%; text-align: center; background-color: #c6c6c6; background-image: url(images/nav/body_bg.jpg); background-repeat: repeat-x;}
img {border:none;}
ul, li {list-style: none;}
.right {float: right;}
.left {float: left;}
h2, h3, strong {font-weight: bold;}
h3, .email, .green {color:#7A9311}
a {color: #799411;}
#header {width:960px; height: 97px; margin: 46px auto 0 auto; padding: 0px; background-image: url(images/nav/header_bg.jpg); background-repeat: no-repeat;}
#logo {float:left; display:inline; margin:25px 0 0 42px; border:0;}
#topnav { float: right;	display: inline; height: 25px; margin: 70px 40px 0px 0px; padding: 0px;}
#topnav li { float: left; font-size: 1.1em; color: #799411;	display: inline; word-spacing: .15em; padding: 5px 4px 0 0;}
#topnav li a {color: #799411; text-decoration: none; text-transform: uppercase;}
#topnav li a:hover { color: #686868;}
#topnav li img {margin: -5px 0 0 0;}

#outer-wrapper {width: 960px; position:relative; top: 0px; margin: 0 auto; padding: 0px; text-align: left; display:block; overflow: hidden;}
#outer-wrapper {background-image: url(images/nav/outer2_bg.png); background-repeat: repeat-y;}


#sidebar {width:193px; position:absolute; top: -1px; left: 41px; display:inline; background-color:#D6DFB2; float: left; padding-bottom: 999px; margin-bottom: -999px; 
background-image: url(images/nav/sidebar_bottom.jpg); background-position:0px 378px; background-repeat:no-repeat; } 
#sidenav {float:right; width:193px; height:378px; margin: 0;}
#sidenav li {display:block; float: right; }
#sidenav li a {z-index:999; text-indent: -999px; display: block; overflow: hidden; width:193px;  background-image: url(images/nav/side_nav.jpg); background-repeat: no-repeat; }

/* BUTTONS */
#sidenav li#nav_new a { background-position: 0 0; height: 80px;}
#sidenav li#nav_give a { background-position: 0 -80px; height: 74px; }
#sidenav li#nav_involved a { background-position: 0 -154px; height: 77px; }
#sidenav li#nav_blog a { background-position: 0 -231px; height: 70px; }
#sidenav li#nav_podcast a { background-position: 0 -301px; height: 77px; }

/* OVER STATES */
#sidenav li#nav_new a:hover { background-position: -197px 0; }
#sidenav li#nav_give a:hover { background-position: -197px -80px; }
#sidenav li#nav_involved a:hover { background-position: -197px -154px; }
#sidenav li#nav_blog a:hover { background-position: -197px -231px;  }
#sidenav li#nav_podcast a:hover { background-position: -197px -301px; }

/*SELECTED STATE */
body#new #sidenav li#nav_new a { background-position: -390px 0; }
body#give #sidenav li#nav_give a{ background-position: -390px -80px; }
body#sundays #sidenav li#nav_involved a, body#wednesdays #sidenav li#nav_involved a, 
body#events #sidenav li#nav_involved a, body#workshops #sidenav li#nav_involved a { background-position: -390px -154px; }
body#blog #sidenav li#nav_blog a { background-position: -390px -231px;  }
body#podcast #sidenav li#nav_podcast a { background-position: -390px -301px; }

#inner-wrapper {margin: -1px 0 0 232px; min-height: 378px; width: 689px; position:relative;}

body#new #inner-wrapper {height: 378px; background-image: url(images/nav/wrapper_new.jpg); background-repeat: no-repeat; }  
body#blog #inner-wrapper {height: 378px; background-image: url(images/nav/wrapper_blog.jpg); background-repeat: no-repeat; } 
body#sundays #inner-wrapper, body#wednesdays #inner-wrapper, body#events #inner-wrapper, body#workshops #inner-wrapper {height: 378px; background-image: url(images/nav/wrapper_involved.jpg);  background-repeat: no-repeat; }	
body#give #inner-wrapper {height: 378px; background-image: url(images/nav/wrapper_give.jpg); background-repeat: no-repeat;  }
body#podcast #inner-wrapper {height: 378px; background-image: url(images/nav/wrapper_podcast.jpg);  background-repeat: no-repeat; }
body#contact #inner-wrapper {height: 378px; background-image: url(images/nav/wrapper_contact.jpg); background-repeat: no-repeat; }

#content {padding: 15px; font-size:1.20em; color:#777; z-index:3; line-height:1.4em; position:relative; }
#bannertitle {position: absolute; top: 0px; right: -40px; _right: -31px; z-index:8;}
body#contact #bannertitle {_right: -40px;}
#bannerimage {margin: -10px 0 0px -10px;}

#video {float: right; padding:10px;}
#video-box {width:230px; float: left; text-align:right; display:inline; margin:30px 10px 0px 20px;  padding: 40px 10px 60px 10px; border-right: solid 1px #7A9311;}
#video-box strong {font-size:1.1em; line-height:1.2em; clear:left;}

body#give #content {padding:50px 280px 25px 50px;}
body#give #content img {margin:15px 0px 0px 25px;}
body#blog #content {padding:50px 325px 25px 50px;}
body#sundays #content, body#wednesdays #content, body#events #content, body#workshops #content {padding:25px 40px 10px; line-height: 1.2em; color: #444;}
#buttoncontainer  {position: absolute; top: 325px; height: 20px;}
#buttoncontainer .btn {display:inline;}

#iphone {position: absolute; top: 25px; left: 35px; z-index:3;}
#playbox {width:374px; height: 221px; position: absolute; top: 65px; left: 135px; background-image: url(images/playbox.png); background-repeat:no-repeat; z-index:2;}
#player {position: absolute; top: 60px; left:110px;}
#playlist {width:150px; height: 284px; position: absolute; top: 40px; left: 515px; background-image: url(images/playlist_bg.jpg); background-repeat:no-repeat; overflow:hidden; z-index:3; padding: 10px 0 0 0;}
#playlist li {height:70px; width: 150px; padding: 0px 0px 0px 10px; color: #FFF; line-height:1.0em;}
#playlist li a {color: #000; text-decoration:none;}
#playlist li a h3 {font-size: 1.1em; color:#000; font-weight: bold; margin:0px;}
#playlist li a:hover {color: #444;}
#subscribe {position: absolute; top: 290px; left: 350px;}
#listen {position: absolute; top: 43px; left: 360px;}
#videoTitle {position: absolute; top:170px; left:110px; color:#FFF; font-size:0.9em; line-height:1.0em; font-weight: bold;}

body#contact #content {padding-top:50px; color: #777; text-align: right;}
body#contact #content p {margin: 0 0 15px 0}

.map {width:144px; height: 67px; float: right; clear: right; background-image: url(images/btn_map.jpg); background-repeat: no-repeat; margin: 10px 0 5px 5px; overflow: hidden;}
.map:hover {background-position: -146px 0px; }

#content p {margin: 0 0 7px 0;}
#content h2 {margin: 10px 0 ; font-size: 1.4em; color: #555;}
#content h3 {margin: 0 ; font-size: 1.2em;}
#new-caption {padding:25px 15px 0 0; color:#666;}
#footer { clear:both; height: 60px; width:960px; margin: 0 auto; background-image: url(images/nav/footer_bg.jpg); background-repeat: no-repeat; }