/* -------------------------------------------
project:	MMPC
author:		CSSNinjas.com
date:		2008/10/24
------------------------------------------- */

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { margin: 0; padding: 0 0 10px; background: #fff; color: #555; font: 62.5%/1.25 Arial,Helvetica,sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em Arial,Helvetica,sans-serif; }

* html body { behavior:url("styles/csshover.htc"); }

/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption {
	font-size: 1.2em;
	line-height: 1.6em;
}
ul, ol, dl {
	margin-bottom: 12px;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
p { margin-bottom: 12px; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

a { color: #630707; text-decoration: underline; }
a:hover, a:focus, a:active { color: #630707; text-decoration: none; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 12px; color: #600; font: bold 2.4em Arial,Helvetica,sans-serif; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

/* HELPERS
------------------------------------------- */
.wrapper { width: 100%; overflow: hidden; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; }

legend.offset { display: none; }

/* LAYOUT
------------------------------------------- */
#root { width: 930px; margin: 0 auto; }
 #top { position: relative; height: 200px; }
  #logo { position: absolute; left: 0; top: 10px; height: 130px; padding: 65px 0 0 230px; background: url(../images/photo-church-a.png) no-repeat; }
  * html #logo { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/photo-church-a.png", sizingMethod="crop"); }
  #message { position: absolute; right: 25px; top: 65px; width: 90px; height: 108px; background: url(../images/message-a.png) no-repeat; text-indent: -10001px; }
  #top-nav { overflow: hidden; width: 910px; padding: 7px 0; border: 10px solid #e9e9e9; border-width: 0 10px 10px; background: #8b2727 url(../images/bg-top-nav-a.gif) 0 100% repeat-x; }
   #top-nav ul { float: right; list-style: none; margin: 0; padding: 0 15px 0 0; }
    #top-nav ul li { display: inline; float: left; margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px solid #fff; color: #fff; font-size: 1.2em; line-height: 1; font-weight: bold; text-transform: uppercase; }
    #top-nav ul li.first { margin-left: 0; padding-left: 0; border-left: none; }
     #top-nav ul li a { float: left; padding: 2px 5px; color: #fff; text-decoration: none; }
     #top-nav ul li a:hover,
     #top-nav ul li a:focus { background: #fff; color: #7c1717; }
 #nav { float: right; list-style: none; width: 675px; margin: 0 0 -29px; padding: 0; }
  #nav li { display: inline; position: relative; z-index: 100; float: left; margin: 0 0 0 4px; line-height: 26px; font-weight: bold; text-transform: uppercase; text-align: center; }
  #nav li.first { margin: 0 -1px 0 0; }
   #nav li a { float: left; width: 132px; padding: 3px 0 0; background: url(../images/bg-nav-a.png) no-repeat; color: #999; text-decoration: none; }
   #nav li a:hover,
   #nav li a:focus { background-position: 0 -58px; color: #fff; }
   #nav li a.active { background-position: 0 0 !important; color: #333 !important; }
   #nav li em { position: absolute; left: -10001px; top: -10001px; }
   #nav li ul { display: none; position: absolute; left: 0; top: 29px; list-style: none; width: 132px; margin: 0; padding: 0; border-bottom: 2px solid #fff; }
   #nav li:hover ul { display: block; }
    #nav li ul li { width: 132px; margin: 0; padding: 0; border-top: 2px solid #fff; font-size: 0.92em; line-height: 1; font-weight: normal; text-align: left; }
     #nav li ul li a { width: 112px; margin: 0; padding: 6px 10px; background: #e9e9e9; color: #555; }
     #nav li ul li a:hover,
     #nav li ul li a:focus { background: #d7d7d7; color: #555; }
 #content { overflow: hidden; width: 100%; }
  #primary { float: right; width: 675px; margin: 29px 0 10px; padding: 0 0 5px; background: url(../images/content-inner.png) 0 100% no-repeat; }
   #primary div.primary-outer { width: 675px; padding: 5px 0 0; background: url(../images/content-inner.png) 0 0 no-repeat; }
    #primary div.primary-inner { width: 625px; padding: 25px 25px 13px; background: url(../images/content-inner-middle.png) repeat-y; min-height: 500px; }
  #secondary { float: left; width: 240px; }
  #footer { float: right; width: 655px; padding: 0 10px; }
   #footer ul { list-style: none; width: 100%; margin: 0; padding: 0; }
    #footer ul li { float: left; margin: 0 0 0 5px; padding: 0 0 0 5px; border-left: 1px solid #ccc; color: #aeadad; font-size: 1.1em; line-height: 1; }
    #footer ul li.first { margin-left: 0; padding-left: 0; border-left: none; }
     #footer ul li a { color: #aeadad; text-decoration: none; text-transform: lowercase; }
     #footer ul li a:hover,
     #footer ul li a:focus { color: #444; }
   
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10021px; top: 4px; z-index: 10001; width: 250px; padding: 2px 0; color: #fff; font-size: 1.2em; text-align: center; }

/* GENERAL
------------------------------------------- */
img.image-a { padding: 1px; border: 1px solid #777; }
img.right { float: right; margin: 0 0 5px 10px; }
img.left { float: left; margin: 0 10px 5px 0; }

ul.featured-a { overflow: hidden; list-style: none; margin: 0 0 20px; padding: 0; border: 10px solid #e9e9e9; }
* html ul.featured-a { height: 1%; }
 ul.featured-a li { float: left; width: 100%; padding: 14px 0 10px; background: url(../images/bg-featured-a.gif) repeat-x; font-size: 1.4em; line-height: 45px; }
 ul.featured-a li.first { padding: 10px 0; background: none; }
  ul.featured-a li a { display: block; height: 45px; margin: 0 5px 0 15px; padding: 0 0 0 55px; background: url(../images/icons-featured-a.png) no-repeat; color: #777; text-decoration: none; }
  ul.featured-a li a:hover,
  ul.featured-a li a:focus { color: #000; }
  ul.featured-a li.calendar a { background-position: 0 0; }
  ul.featured-a li.newsletter a { background-position: 0 -45px; }
  ul.featured-a li.sermon a { background-position: 0 -90px; }
  
div.box-a { margin: 0 0 20px; border: 10px solid #e9e9e9; }
 div.box-a h2 { margin: 0; padding: 5px 0; border-bottom: 1px solid #fff; background: #666; color: #fff; line-height: 1; text-align: center; }
 div.box-a p { margin: 0; padding: 5px 10px; border-top: 1px solid #fff; background: #666; color: #fff; text-align: right; }
 div.box-a ul { list-style: none; margin: 0; padding: 0; }
  div.box-a ul li { padding: 5px 5px 5px 15px; border-top: 1px solid #8d4b4a; background: #600404 url(../images/bg-box-a-li.gif) 0 100% repeat-x; color: #fff; }
  div.box-a ul li.first { border-top: none; }
 div.box-a a { color: #fff; text-decoration: none; }
 div.box-a a:hover,
 div.box-a a:focus { color: #fff; text-decoration: underline; }
  
div.quote-a { margin: 0 0 20px; color: #600; }
 div.quote-a h2 { margin: 0 0 7px; font-size: 1.6em; text-transform: uppercase; text-decoration: underline; }
 div.quote-a blockquote { margin: 0; padding: 0; }
 div.quote-a p { margin: 0 0 7px; }
 div.quote-a p.source { padding: 0 0 0 70px; }
 
/* ELEMENTS
------------------------------------------- */
#image_right {
	float: right;
	padding-bottom: 15px;
	padding-left: 15px;
}