/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
							{margin: 0;padding: 0; border: 0; vertical-align: baseline; background: transparent;}
html						{overflow-y: scroll;}
body						{ font-size: 62.5%; line-height: 1.3;}
ul							{list-style: none;}
ol							{ margin-left: 30px; }
blockquote, q				{quotes: none;}
a							{ text-decoration: none; }
a img						{ border: 0; }
/* remember to define focus styles! */
:focus						{outline: 0;}
/* remember to highlight inserts somehow! */
ins							{text-decoration: none;}
del							{text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table						{border-collapse: collapse;border-spacing: 0;}
/* =Clearfix (all browsers)--------------------------------*/
.clearfix:after				{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* IE6 */
* html .clearfix			{height: 1%;}
/* IE7 */
*:first-child+html .clearfix {min-height: 1px;}

/*Utility*/
 /** { outline: 1px solid #ddd; }*/ 

/*Basics*/
html						{ background: #000 url(../images/curtains.jpg) no-repeat 50% 0; }
body						{ width: 832px; margin: 0 auto; color: #ccc; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
body#home					{ padding-top: 302px; background: url(../images/road.jpg) no-repeat 50% 0; }
a							{ color: #ccc; }
a:hover, a:focus, a:active	{ color: #fff; }
h1, h2, h3					{ margin-bottom: 1em; }
h1,	h2						{ line-height: 1.2; }
h1							{ font-size: 2.4em; }
h2							{ font-size: 2.0em; }
h3							{ font-size: 1.6em; }
p, ul, ol					{ font-size: 1.4em; margin-bottom: 1.5em; }
em							{ font-style: italic; }
strong						{ font-weight: bold; }
code						{ font: 1.4em Consolas, “Lucida Console”, Monaco, monospace; }
p code						{ font-size: 1em; }
blockquote					{ padding-left: 1em; margin-left: 2em; margin-bottom: 0; margin-right: 0; margin-top: 0; border-color: #ccc; border-style: solid; border-left-width: 3px; font-style: italic; }

/*nav*/
#main-nav					{ width: 832px; height: 133px; position: relative; font-size: 1em; margin-bottom: 0; }
#main-nav ul				{ position: absolute; top: 55px; display: none; line-height: 1.1; width: 160px; padding: 5px 0; }
#main-nav li.top-li			{ float: left; position: relative; height: 133px; background: url(../images/marquee.jpg) no-repeat 0 0; }
#main-nav .top-a			{ height: 65px; text-indent: -9999px; }
#main-nav li li				{ padding: 0 15px; width: 130px; background: url(../images/drop-bg-middle.png) repeat-y 0 0; }
#main-nav a, #main-nav a:active, #main-nav a:visited, #main-nav a:hover
							{ display: block; color: #000; font-weight: bold; padding: 5px; }
#main-nav li li.first-a		{ background: url(../images/drop-bg-top.png) no-repeat 0 0; padding-top: 10px; }
#main-nav li li.last-a		{ background: url(../images/drop-bg-bottom.png) no-repeat left bottom; padding-bottom: 13px; }
#main-nav li li a:hover		{ background-color: rgb(210,0,0); color: #fff; }
#main-nav li li a:hover		{ background-color: rgba(255,0,0,0.65); color: #fff; }
#main-nav #home-li			{ width: 102px; }
#main-nav #about-li			{ width: 128px; background-position: -102px 0; z-index: 1000; }
#main-nav #ministries-li	{ width: 153px; background-position: -230px 0; z-index: 900; }
#main-nav #events-li		{ width: 111px; background-position: -383px 0; z-index: 800; }
#main-nav #life-li			{ width: 169px; background-position: -494px 0; }
#main-nav #resources-li		{ width: 169px; background-position: -663px 0; }
#main-nav #home-li:hover	{ width: 102px; background-position: 0 -133px; }
#main-nav #about-li:hover	{ width: 128px; background-position: -102px -133px; }
#main-nav #ministries-li:hover	{ width: 153px; background-position: -230px -133px; }
#main-nav #events-li:hover	{ width: 111px; background-position: -383px -133px; }
#main-nav #life-li:hover	{ width: 169px; background-position: -494px -133px; }
#main-nav #resources-li:hover	{ width: 169px; background-position: -663px -133px; }
#main-nav li:hover ul,
#main-nav li:hover ul li	{ display: block; }

#home #container			{ background: url(../images/welcome-bg.png) repeat-y 27px 0; overflow: hidden; width: 832px; }
#welcome					{ float: left; width: 618px; padding: 0 0 10px 30px; background: url(../images/welcome-curtains.jpg) no-repeat 0 0; }
#welcome h1					{ width: 214px; height: 71px; background: url(../images/welcome.jpg); text-indent: -9999px; }
#welcome p, #welcome h2		{ padding: 0 20px; }
.hand						{ background: url(../images/hand-welcome.png) no-repeat; text-indent: -9999px; width: 529px; height: 64px; margin-left: 20px; }
#sidebar					{ width: 184px; float: right; }
#services					{ background: url(../images/tickets.jpg) no-repeat 0 0; height: 151px; text-indent: -9999px; }
#player a					{ width: 184px; height: 223px; background: url(../images/radio.jpg) no-repeat 0 0; display: block; text-indent: -9999px; }
#player a:hover, #player a:active,
#player a:focus				{ background-position: 0 -223px; }
#footer						{ width: 769px; border: 6px solid #610001; margin: 0 0 0 27px; background-color: #000; overflow: auto; font-size: .75em; clear: both; }
#address					{ float: left; padding: 10px; margin: 0 20px 0 0; }
#footer p					{ line-height: 1.2em; }
ul#caps						{ float: right; padding: 10px 0; margin-top: 12px; font-size: 1.2em; width: 520px; text-align: center; }
ul#caps li					{ display: inline; padding: 0 5px; float: left; height: 80px; margin: 0 10px 0 0; }
ul#caps li a				{ background: url(../images/caps.jpg) no-repeat 0 0; display: block; width: 65px; height: 0; padding: 65px 0 0 0; overflow: hidden; }
ul#caps li a.enews			{ background-position: -92px 0; }
ul#caps li a.twitter		{ background-position: -184px 0; }
ul#caps li a.facebook		{ background-position: -276px 0; }
ul#caps li a.youtube		{ background-position: -368px 0; }
ul#caps li a.flickr			{ background-position: -460px 0; }
ul#caps li a.rss:hover			{ background-position: -0px -65px; height: 15px; }
ul#caps li a.enews:hover			{ background-position: -92px -65px; height: 15px; }
ul#caps li a.twitter:hover		{ background-position: -184px -65px; height: 15px; }
ul#caps li a.facebook:hover		{ background-position: -276px -65px; height: 15px; }
ul#caps li a.youtube:hover		{ background-position: -368px -65px; height: 15px; }
ul#caps li a.flickr:hover			{ background-position: -460px -65px; height: 15px; }
ul#caps li.last				{ margin: 0; }
ul#caps li a:hover			{ background: url(../images/caps.jpg) no-repeat 0 -65px; height: 15px; }
#footer-logo				{ background: url(../images/logo-footer.png) no-repeat top left; width: 150px; height: 29px; text-indent: -9999px; margin: 10px 0 8px; 0; }
#enews						{ float: right; }
#enews a					{ background: url(../images/enews.png) no-repeat left top; display: block; width: 187px; height: 111px; text-indent: -9999px; }
#enews a:hover, #enews a:active, #enews a:focus
							{ background-position: left bottom; }
#copyright					{ text-align: center; font-size: 1em; color: #777; padding: 10px; clear: both; }
#copyright a				{ color: #777; }
#copyright a:hover			{ color: #fff; }

/* Pages */
body.about #main-nav #about-li{ background-position: -102px -133px; }
body.ministries #main-nav #ministries-li{ background-position: -230px -133px; }
body.events #main-nav #events-li{ background-position: -383px -133px; }
body.life-groups #main-nav #life-li{ background-position: -494px -133px; }
body.resources #main-nav #resources-li{ background-position: -663px -133px; }
#inner-page #container		{ background: url(../images/container-bg.png) repeat-y 27px 0; padding: 0 27px 30px; overflow: hidden; width: 778px; }
#about-h					{ background: url(../images/about-us.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#contact-h					{ background: url(../images/contact.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#staff-h					{ background: url(../images/staff.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#mission-h					{ background: url(../images/mission.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#history-h					{ background: url(../images/history.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#values-h					{ background: url(../images/values.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#beliefs-h					{ background: url(../images/beliefs.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#events-h					{ background: url(../images/events.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#breakfast-h				{ background: url(../images/breakfast.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#coffee-h					{ background: url(../images/coffee.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#communion-h				{ background: url(../images/communion.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#baptism-h					{ background: url(../images/baptism.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#outlet-h					{ background: url(../images/outlet.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#life-groups-h				{ background: url(../images/life-groups.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#ministries-h				{ background: url(../images/ministries.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#worship-h					{ background: url(../images/worship.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#drama-h					{ background: url(../images/drama.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#tech-h						{ background: url(../images/tech.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#visual-h					{ background: url(../images/visual.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#youth-h					{ background: url(../images/youth.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#adult-h					{ background: url(../images/adult.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#outreach-h					{ background: url(../images/outreach.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#impressions-h				{ background: url(../images/first-impressions.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#resources-h				{ background: url(../images/resources.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#downloads-h				{ background: url(../images/downloads.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#readings-h					{ background: url(../images/daily.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#giving-h					{ background: url(../images/giving.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#archives-h					{ background: url(../images/archives.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#soap-h						{ background: url(../images/soap.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#apparel-h					{ background: url(../images/apparel.jpg) no-repeat; width: 781px; height: 228px; margin: 0 auto; text-indent: -9999px; }
#main-content				{ float: right; width: 570px; padding: 15px 15px 0; }
#main-content a				{ text-decoration: underline; }
#side-nav					{ float: left; width: 138px; font-size: 1em; padding: 0 0 0 25px; margin: 18px 0 0; }
#side-nav li a				{ display: block; padding: 5px 0; }
#side-nav li a:hover		{ color: #fff; }
.months-section				{ overflow: auto; font-size: .95em; text-decoration: none; }
.months-section	div			{ float: left; width: 270px; padding-left: 15px; }
.months-section a:hover		{ background-color: rgb(70,0,0); }
#main-content .months-section a{ text-decoration: none; }
.months-section h2			{ margin-bottom: 5px; }
.wallpaper					{ width: 190px; float: left; text-align: center; font-size: .85em; margin-bottom: 10px; }
.wallpaper a				{ font-weight: bold; }
.dummy						{ width: 170px; height: 130px; background-color: #000; margin: 0 auto; border: 2px solid #000; display: block; }
.screen-type				{ font-size: 1.2em; padding-top: 10px; text-transform: uppercase; }
#main-content img			{ float: left; margin: 0 1em 1em 0; }
#event						{ color: #a9a9a9; font-size: 15px; margin-top: -25px; letter-spacing: 4px; text-transform: uppercase; }
#listevent					{ word-break: loose; line-height: 20px; margin-right: 0px; font-style: italic; margin-left: 40px; list-style-position: outside; list-style-type: disc; }
#paypal						{ margin-bottom: 20px; }

/* Banner */
.banner						{ margin-left: auto; bottom: 3px; left: 14px; position: relative; clear: both; float: right; margin-bottom: 0; margin-right: auto; margin-top: 0; background: url(../images/lynn-cowell.jpg)  no-repeat; display: block; width: 573px; height: 157px; text-indent: -9999px; }




