/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Common Styles
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/*
-------
General
-------
*/
body { margin: 0; padding: 0; font: 12px/19px Arial; color: #484848; background-color: #EFEFE7; }
body.mceContentBody { background-color: #ffffff; }

img { border: 0; }
a { color: #000099; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #6666CC; }
#wrap { width: 800px; margin: 0 auto; background-image: url(/images/wrapbg.gif); background-color: #ffffff; }
#page { width: 780px; margin: 0 auto; margin-bottom: 10px; background-color: #fff; border: 0px solid #f00; }

blockquote { color:#666666; font-size:88%; line-height:1.5em; margin:0pt 15pt 0pt 15px; padding:10px 0pt 0pt 20px; background:transparent url(/images/quotes.gif) no-repeat scroll left top; }

/*
------
Header
------
*/

#header { width: 780px; margin: 0 auto; }
  #header .logo { float: left; padding-top: 7px; padding-left: 7px;; }
  #header .banner { float: right; padding-top: 0px; }

#scripture { width: 780px; margin: 0 auto; }

/*
--------------------
Top Level Navigation
--------------------
*/

#nav { width: 780px; margin: 0 auto; background-color: #F3F2ED; font-size: 11px; }
#nav ul { margin: 0; padding: 0; list-style: none; margin-left: 10px; }
#nav li { float: left; margin: 0; padding: 0; }
#nav li a { float: left; margin: 0 1px 0 0; font-size: 100%; font-weight: normal; text-decoration: none; padding: 5px 9px; color: #484848; }
#nav li a:hover { color: #fff; background: #3B345E; }
#nav .menu-expand { margin: 0 0 0 5px; }
#nav .sub-nav-bar { width: 780px; background-color: #DCDAD3; margin: 0 auto; }

/*
------
Footer
------
*/

#footer { width: 770px; margin: 0 auto; margin-top: 15px; padding: 5px; padding-bottom: 10px; font-size: 11px; background-color: #F7F5F0; color: #222; clear: both; }
  #footer a { color: #222; }
  #footer a img { margin-right: 5px; vertical-align: text-bottom; }
  #footer a:hover { color: #ca1717; background-color: #F7F5F0; }
  #footer .left { float: left; width: 60%; }
  #footer .right { float: right; width: 40%; text-align: right; }

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Home Page Styles
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

#headroom { width: 780px; margin: 0 auto; height: 15px; background-color: #fff; }
#banner { width: 780px; height: 90px; margin: 0 auto; margin-bottom: 15px; }

/*
----------------------
Front Page Top Section
----------------------
*/

#fp-top { width: 780px; margin: 0 auto; margin-bottom: 10px; background-color: #fff; border: 0px solid #f00; }

/*
---------------
Front Page News
---------------
*/

#news-fp-container { width: 510px; padding: 5px; margin-right:10px; float: left; border: 0px solid #0f0; }
  #news-fp-container .head { background-image: url(/images/LATEST_NEWS.gif); background-repeat: no-repeat; height: 40px; width: 100%; }

#news-fp-main { width: 260px; float: left; margin-top: 0px; margin-right: 10px; border: 0px solid #0f0; }
  #news-fp-main h2 { font-size: 18px; margin-top: 0px; margin-bottom: 0px; font-weight: normal; display: block; }
  #news-fp-main p { font-size: 14px; margin-top: 5px; line-height: 20px; }

#news-fp-main-wide { width: 480px; float: left; margin-top: 0px; margin-right: 10px; border: 0px solid #0f0; }
  #news-fp-main-wide h2 { font-size: 18px; margin-top: 0px; margin-bottom: 0px; font-weight: normal; display: block; }
  #news-fp-main-wide p { font-size: 14px; margin-top: 5px; line-height: 20px; }

#news-fp-sub { width: 210px; margin-top: 0px; margin-right: 10px; float: right; border: 0px solid #00f; }
  #news-fp-sub h3 { font-size: 12px; margin-bottom: 0px; font-weight: normal; display: block; margin-top: 0px; font-weight: bold; line-height: 16px; }
  #news-fp-sub p { font-size: 12x; margin-top: 5px; line-height: 16px; }

/*
-----------------
Front Page Events
-----------------
*/

#events-fp-container { width:240px; padding: 5px; float: right; border: 0px solid #00f; }
  #events-fp-container .head { background-image: url(/images/UPCOMING_EVENTS.gif); background-repeat: no-repeat; height: 40px; width: 100%; border: 0px solid #0f0; }
  #events-fp-container h3 { font-size: 12px; margin-bottom: 0px; font-weight: normal; display: block; margin-top: 0px; font-weight: bold; line-height: 16px; }
  #events-fp-container p { font-size: 12px; margin-top: 0; margin-bottom: 15px; }
  #events-fp-container .event-fp-image { float: left; margin-right: 1em; border: 1px solid #000; }
  #events-fp-container .event-fp-calendar { width: 147px; padding: 0px; margin-right: 0px; float: right; }

/*
-------------------------
Front Page Bottom Section
-------------------------
*/

#fp-bottom { width: 780px; margin: 0 auto; background-color: #fff; }
  #fp-bottom .inline-image { float: left; margin-right: 1em; margin-top: 0.5em; margin-bottom: .5em; border: 1px solid #000; clear: both; }
  #fp-bottom .inline-image-no-border { float: left; margin-right: 1em; margin-top: 0.5em; margin-bottom: .5em; clear: both; }

/*
-------------------
Front Page Programs
-------------------
*/

#programs-fp-container { width: 380px; padding: 5px; float: left; }
  #programs-fp-container .head { background-image: url(/images/PROGRAMS.gif); background-repeat: no-repeat; height: 30px; width: 100%; }
  #programs-fp-container .program { width: 360px; padding: 5px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; background-color: #fff; margin-bottom: 2px; }
  #programs-fp-container .program:hover { background-color: #f1f1f1; }
  #programs-fp-container p { margin: 0px; }
  #programs-fp-container .close { width: 360px; padding-left: 5px; padding-right: 5px; background-color: #F4F4F2; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }


/*
-------------------
Front Page Features
-------------------
*/

#features-fp-container { width: 380px; padding: 5px; float: right; }
  #features-fp-container .staff-head { background-image: url(/images/STAFF.gif); background-repeat: no-repeat; height: 30px; width: 100%;}
  #features-fp-container .galleries-head { background-image: url(/images/LATEST_GALLERIES.gif); background-repeat: no-repeat; height: 30px; width: 100%;}
  #features-fp-container .featured-head { background-image: url(/images/FEATURED.gif); background-repeat: no-repeat; height: 30px; width: 100%;}
  #features-fp-container .jobs-head { background-image: url(/images/JOBS.gif); background-repeat: no-repeat; height: 30px; width: 100%;}
  #features-fp-container p { margin: 0 0 10px 0; }
  #features-fp-container h2 { font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; }
  #features-fp-container .feature-stone { width: 360px; padding: 5px; border: 1px solid #ddd; background-color: #EFEFE7; margin-bottom: 2px; clear: both; }
  #features-fp-container .feature-stone:hover { background-color: #F3F3EF; }
  #features-fp-container .feature-red { width: 360px; padding: 5px; border: 1px solid #B61818; background-color: #EABCBC; margin-bottom: 2px; clear: both; }
  #features-fp-container .feature-red:hover { background-color: #EBC7C7; }
  #features-fp-container .feature-yellow { width: 360px; padding: 5px; border: 1px solid #FFD324; background-color: #FFF6BF; margin-bottom: 2px; clear: both; }
  #features-fp-container .feature-yellow:hover { background-color: #FEF8CC; }
  #features-fp-container .feature-green { width: 360px; padding: 5px; border: 1px solid #C7E42C; background-color: #EDF7C0; margin-bottom: 2px; clear: both; }
  #features-fp-container .feature-green:hover { background-color: #F1F7CD; }
  #features-fp-container .feature-blue { width: 360px; padding: 5px; border: 1px solid #9DBFD0; background-color: #E9EFF3; margin-bottom: 2px; clear: both; }
  #features-fp-container .feature-blue:hover { background-color: #F1F5F7; }
  #features-fp-container .feature-purple { width: 360px; padding: 5px; border: 1px solid #302955; background-color: #E2D9EF; margin-bottom: 2px; clear: both; }
  #features-fp-container .feature-purple:hover { background-color: #E8E2F2; }

#speakout {
width: 770px;
padding: 5px;
margin: 0 auto;
font-size: 14px;
border-top: 1px solid #ffd324;
border-bottom: 1px solid #ffd324;
background-color: #fff6bf;
margin-bottom: 10px;
}