/* @override 
	http://gracecommunitybible.cpmpreview.com/css/home.css
*/

.col {
	float: left;
}

#container {
	min-height: 50px;
}

#mainContent {
	background: url(/images/home_maincontent_bg.jpg) no-repeat left 184px;
}

#home #banner {
	display: block;
	width: 492px;
	height: 294px;
	margin: 2px 0 12px 2px;
	float: none;
	background: none;
	position: relative;
	top: 0px;
	left: 0px;
}

/* @group PRIMARY CONTENT */

#primaryContent {
	float: left;
	position: relative;
	width: 516px;
	background: url(/images/home_banner_bg.jpg) no-repeat left top;
}

#text {
	padding-left: 11px;
	margin-top: 0px;
}

#primaryContent p {
	font-size: 1.4em;
	color: #474436;
	line-height: 1.5em;
	margin: 0 0 14px 2px;
}

#primaryContent h2 {
	margin: 0;
	margin-top: -2px;
}

/* @end */

/* @group SECONDARY CONTENT */

#home #secondaryContent {
	float: left;
	margin: 0;
	left: 0;
	position: relative;
	width: 381px;
}

#message {
	padding: 3px 3px 25px 23px;
	background: url(/images/secondarycontent_bg.gif) no-repeat left bottom;
	min-height: 142px;
	_height: 142px;
}

#message .inner {
	background: url(/images/inner_bg.gif) no-repeat left top;
	display: block;
	padding: 19px 19px 16px 22px;
	margin-top: -3px;
	margin-left: -3px
}

#message h3 {
	font: italic normal 1.5em Georgia, Times, serif;
	color: #785943;
	background: url(/images/latest_message_h3.gif) repeat-x left bottom;
	padding: 15px 0 9px 3px;
	margin: 2px 0 13px;
}

#message a.play {
	position: absolute;
	top: 16px;
	right: 97px;
	display: block;
	width: 75px;
	height: 25px;
	text-indent: -999em;
	background: url(/images/listen_btn.gif) no-repeat;
}

#message a.download {
	position: absolute;
	top: 16px;
	right: -1px;
	display: block;
	width: 101px;
	height: 25px;
	text-indent: -999em;
	background: url(/images/download_btn.gif) no-repeat;
}

#message a:focus {
	outline: none;
}

#message h5 {
	font: normal 1.9em georgia, times, serif;
	margin-bottom: 5px;
}

#message h5 a {
	color: #914a26;
	text-decoration: none;
}

#message h5 a:hover {
	text-decoration: underline;
}

#message h5 span {
	font: normal 12px "Lucida Grande", arial, sans-serif;
	color: #8c8c77;
	margin-left: 10px;
}

#message p {
	font-size: 1.2em;
	font-family: "Lucida Grande", arial, sans-serif;
	color: #746f59;
	line-height: 19px;
	margin: 0;
}

/* @end */

/* @group QUESTIONS */

#questions {
	display: block;
	width: 486px;
	height: 80px;
	margin: 0 0 0 -5px;
	background: url(/images/questions_bg.gif) no-repeat left top;
}

#questions ul {
	margin: 0 -30px 0 0;
	padding: 0;
	list-style: none;
}

#questions li {
	float: left;
	display: inline;
	margin: 0;
}

#questions li a {
	text-decoration: none;
	font: italic 14px georgia, times, serif;
	color: #91896b;
	display: block;
	margin-right: 25px;
	line-height: 40px;
	width: 231px;
	text-align: center;
	background: url(/images/questions_bg.gif) no-repeat left bottom;
}

#questions li strong {
	font-weight: normal;
	font-style: normal;
	font-size: 17px;
	color: #868678;
}

#questions li:hover {
	background: url(/images/home_links_bg.gif) no-repeat left top;
}

#questions li a:hover {
	color: #727247
}

#questions li:hover strong {
	color: #3f3f37;
}

/* @end */

/* @group GET TO KNOW */

#get-to-know {
	background: url(/images/starbucks_bg.jpg) no-repeat;
	position: relative;
	width: 308px;
	height: 104px;
	padding: 20px 0 0 78px;
	margin-bottom: 0;
}

#get-to-know h3{
   font-size: 2em;
   font-weight: normal;
   color: #565647;
   font-style: italic;
}

#get-to-know span{
   display: block;
   line-height: 1.5;
}

#get-to-know p {
	font-style: italic;
	font-size: 1.4em;
	color: #8a7e4c;
	margin-top: -8px;
	margin-bottom: 1.5em;
	padding-left: 13px;
}

#get-to-know a {
	color: #84816a;
	text-decoration: none;
}

#get-to-know a:hover {
	text-decoration: underline;
}

#get-to-know div {
	position: absolute;
	left: 25px;
	top: 17px;
}

#get-to-know img {
	border: 0;
}

/* @end */

/* @group QUICKLINKS */

#quicklinks {
	width: 134px;
	margin-left: 15px;
	margin-right: -30px;
}

#quicklinks ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#quicklinks div,
#quicklinks li {
	position: relative;
}

#quicklinks span {
	display: block;
	width: 135px;
	height: 120px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	background: url(/images/ql_overlay.png) no-repeat;
}

#quicklinks img {
	margin-bottom: 15px;
	border: 0;
	position: relative;
	z-index: 1;
}

/* @end */

#calendar {
	padding-left: 22px;
}

/* @group ROTATOR CONTROLS */

#controls {
	height: 29px;
	background: url(/images/controls_container_bg.png) no-repeat left top;
	padding-left: 2px;
	position: absolute;
	bottom: 35px;
}

#controller {
	background: url(/images/controls_bg.png) no-repeat right top;
	padding-right: 3px;
}

#controls ul {
	margin: 0;
	padding: 3px 0;
	list-style: none;
	height: 23px;
	position: relative;
}

#controls li {
	display: inline;
}

#controls li a {
	float: left;
	display: block;
	line-height: 23px;
	font-size: 11px;
	color: #bbb7b1;
	text-decoration: none;
	padding: 0 9px;
}

#controls li a.current {
	background: #4D6B37;
	color: #fff;
}

#controls li#controls-previous {
	position: absolute;
	left: -34px;
	top: 0
}

#controls li#controls-previous a {
	display: block;
	width: 29px;
	height: 29px;
	background: url(/images/controls_prev_btn.png) no-repeat;
	text-indent: -999em;
	padding: 0;
}

#controls li#controls-next {
	position: absolute;
	right: -35px;
	top: 0;
}

#controls li#controls-next a {
	display: block;
	width: 29px;
	height: 29px;
	background: url(/images/controls_next_btn.png) no-repeat;
	text-indent: -999em;
	padding: 0;
}

#controls li a:focus {
	outline: none;
}

/* @end */
