/*-------------------------------------------------------------------------------
                                >>> 1. Global <<<
------------------------------------------------------------------------------*/		
/* Default-value of the font-size is 16px; applying the rule, you’ll get one Em standing for roughly ten pixels (16 x 62.5% = 10). “I tend to put a font-size on the body tag with value: 62.5%. This allows you to use EMs to specify sizes while thinking in PX terms, e.g. 1.3em is approximately 1.3px. */
body {
	font:62.5%/140% "Lucida Grande", arial, verdana, sans-serif;
	background: #4d6d71 url(/assets/images/layout/sideIMG.gif) 805px 0px no-repeat;
  text-align: left;
	margin: 0;
	padding:0;
	color: #333;
}	
	
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	color: #154e9b;
}
 
h1 {
  font-size: 2.4em;
	padding:20px 0 10px 0;
}

h1 a{
	text-decoration: none;
}
 
h2 {
  font-size: 1.8em;
	line-height: 1em;
	padding-bottom: 10px;
}

h2 a{
	text-decoration: none;
}

#mainContent h2 {
  font-size: 2.0em;
	line-height: 1em;
	padding: 10px 0;
}

#mainContent h2 a{
	text-decoration: none;
}
 
h3 {
	font-size: 1.8em;
	line-height: 1em;
}

h3 a{
		text-decoration: none;
}
 
 
h4 {
	font-size: 1.8em;
	line-height: 1em;
}

h4 a{
  color: #154e9b;
	text-decoration: none;
}

h4 a:visited {
	text-decoration: none;}
 
p, ul, ol, dt, dd {
	font-size: 1.4em;
	 margin:0;
}

p {
	line-height: 1.4em;
	padding-bottom: 1em;
}

p em {
	background: #fff8cc;
  border-bottom: 1px solid #fff1a3;
  padding: 0.1em 0.3em;
}

li strong {
	color: #679B31;
	font-size: 1.2em;
}


small {
	font-size:0.85em;
}

ul, ol {
	list-style:none;
	padding:0px;
}

ol {
	padding: 0x;
	font-size: 85%;
}

dl{

}

dt{
border-top: 1px dotted #ccc;
padding: 15px 0;
line-height: 25px;
}

.dlspan:hover{
background: #666666;
}

dd{
	padding-bottom: 18px;
		color: #4D4C4C;
}

img {
	border:0;
}

sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}

sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}

acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

hr {
	clear:both;
	visibility:hidden;
	height: 20px;
}
	
/*------------------------------------------------------------------------------
                                >>> 2. Links <<<
------------------------------------------------------------------------------*/
a{
	text-decoration: underline;
	color: #679B31;
}

a:link {
	text-decoration: underline;
	color: #679B31;
}

a:hover {
	text-decoration: none;
	color: #154e9b;
}
/*
a:visited {
	text-decoration: underline;
	color: #b7d099;
}
*/
a:active {
	text-decoration: underline;
	color: #F3BD61;
}

a.read-more {
  font-size: 1em;
  color: #314F11;
  background: #deeed6;
  text-decoration: none;
  padding: .1em .25em;
  border-bottom: 1px dotted #b9d092;
  white-space: nowrap;
}
a.read-more:hover {
  background: #b9d092;
}

h2 > a:link,
h3 > a:link,
h4 > a:link {
  text-decoration: none;
}	

a.apply-now {
  display: block;
  width: 126px;
  height: 36px;
  margin: .5em;
  margin-left: 0;
  background: transparent url(/assets/images/btn-apply-now.jpg) no-repeat 0 0;
  text-indent: -999em;
}
a.apply-now:hover {
  background-position: 0 100%;
}
/*------------------------------------------------------------------------------
                                   3. Layout
--------------------------------------------------------------------------------
                                 3A. Foundation
------------------------------------------------------------------------------*/
#wrapper {
	width: 812px;
	background: transparent url(/assets/images/layout/greyBG.png) top right repeat;
}

#subWrapper {
	width: 805px;
  margin: 0;
	background-color: #fff;

}

/*	----------------------------------------------------------------------------
	(3B) Header
	--------------------------------------------------------------------------*/	

/*	----------------------------------------------------------------------------
	(3C) Content
	--------------------------------------------------------------------------*/
#content {	
	clear: both;
	width: 765px;
	background: #fff;
	padding: 25px 20px;
}
#content:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#content {display: inline-block;}
/* Hides from IE-mac \*/
* html #content {height: 1%;}
#content {display: block;}
/* End hide from IE-mac */

/*Sub Pages Styles*/
#subNav { 
	float: left;
	width: 180px;
	margin-top: 18px;
}

#subNav ul {
	border-top:solid 1px #BCBEC0;
}

#subNav li {
	border-bottom:solid 1px #BCBEC0;
	padding: 5px 20px;
}

#subNav li a{
	text-decoration: none;
}

#sidePanel { 
	float: left;
	width: 190px;
	margin-top: 18px;
}
  		
		#bibleQuote {
			padding: 20px 0 0 0;
			background: #EEEEEF;
		}
	
div.box {
  background: #deeed6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 10px 10px 10px 23px;
}
#content .leftCol > .box {
  margin-left: -20px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
  .box > *:first-child {
    padding-top: 0;
    margin-top: 0;
  }
	.box h2, .box h3 { color: #679B31; }	
	
/*	----------------------------------------------------------------------------
	(3D) Footer
	--------------------------------------------------------------------------*/
	
#footer {
  clear: both;
  padding: 5px 20px;
  background-color: #deeed6;
  color: #314f11;
}

#footer p{
	text-align: center;
	font-size: 1.1em;
}

#contentFooter {
  background: #b9d092;
  border-top: 4px solid #deeed6;
  color: #314f11;
	padding: 20px 17px
}
  #contentFooter * { 
    color: #314f11; 
  }
  #contentFooter p {
    font-size: 1.2em;
  }
  #contentFooter h2, #contentFooter h3 { 
    padding-top: 0; 
    padding-bottom: .5em;
    font-size: 1.4em;
  }
  #contentFooter:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
  }
  #contentFooter {display: inline-block;}
  /* Hides from IE-mac \*/
  * html #contentFooter {height: 1%;}
  #contentFooter {display: block;}
  /* End hide from IE-mac */

  #contact {
    width: 300px;
    float: left;
  }
  #affiliates {
    width: 200px;
    float: right;
  }
    #affiliates img {
      border: 1px solid #deeed6;
      -webkit-box-shadow: 2px 2px 5px #314F11;
      -moz-box-shadow: 2px 2px 5px #314F11;
      box-shadow: 2px 2px 5px #314F11;
    }

	#quickLinks h2 {
	  padding-left: 22px;
	  background: transparent url(/assets/images/icon-list.png) no-repeat 0 20%;
	}
	#quicklink ul {
		margin: 0;		
		list-style: none;
	}
	#quicklink li {
		padding: 0 0 .5em;
	}
	#quicklink a:link {
	  text-decoration: none;
	}
	
	
/*	----------------------------------------------------------------------------
(4) STYLING
--------------------------------------------------------------------------------
	(4A) Extras
--------------------------------------------------------------------------*/		
.skipLink {
	display: none;
}

img.left {
  float: left;
  width: auto;
  white-space: nowrap;
  margin-right: 1em;
}
.calendar {
  padding-left: 22px;
  background: transparent url(/assets/images/icon-calendar.png) no-repeat 0 40%;
}

/*	----------------------------------------------------------------------------
	(4B) Hacks/Fixes
--------------------------------------------------------------------------*/		

/* Removes dotted borders around links */
a:focus {
outline: none;
}