/* ==============================================================
Filename: default.css
For: Green Bay Community Church
Site: http://www.gbcommunitychurch.com
Author: Chris Schmitz
Contact: chris@beperceived.com
Date Created: 9/25/2009
Media: Screen
-----------------------------------------------
Notes: The layout styles for the site.  For information on the 
typography and the CSS reset, please refer to their respective
stylesheets in the "css" folder.
============================================================== */

/*  General Styles  */
#container {
	margin: 0 auto;
	padding-top: 60px;
	position: relative;
	width: 960px; }

#footer { float: left; width: 335px; }
	#footer h1 { float: left; margin-right: 20px; }
	#footer h1 a:hover { background: transparent; }

/*  Search Styles  */
#container #search-form {
	display: block;
	position: absolute;
		top: 0;
		right: 0;
}

#container #search-form p { margin: 0; }
	#container #search-form p a {
		background: #B2D134;
		color: #fff;
		padding: 3px 6px;
		position: absolute;
			bottom: -24px;
			right: 0;
	}
	#container #search-form p a:hover { color: #fff; }

#container #search-form form#search { background: #B2D134; display: block; }
	#container #search-form form#search input#keywords {
		background: #fff;
		border: none;
		color: #555;
		font-family: "century gothic", verdana, arial, sans-serif;
		font-size: 11px;
		margin: 8px 0 10px 10px;
		padding: 3px;
		width: 175px;
	}
	
	#container #search-form form#search input.submit {
		background: #fff;
		border: none;
		color: #555;
		cursor: pointer;
		font-family: gothic, verdana, arial, sans-serif;
		font-size: 11px;
		margin: 8px 10px 10px 0;
		padding: 3px 5px;
	}
	#container #search-form form#search input.submit:hover { background: #eee; }

/*  Main Navigation  */
ul#main-nav {
	float: left;
	margin: 0;
	position: relative;
	width: 348px; }

ul#main-nav li {
	border-bottom: 9px solid #3b2314;
	float: left;
	height: 21px;
	margin-right: 4px;
	text-align: center;
	width: 109px; }

	ul#main-nav li a:hover { background: transparent; }

ul#main-nav div.inner-list {
	background: rgb(178, 209, 52);
	background: transparent url(http://www.gbcommunitychurch.com/images/interface/menu-bg.png) repeat;
	border-top: 3px solid #fff;
	display: none;
	height: 390px;
	padding: 0 20px 0 25px;
	position: absolute;
	  top: 30px;
	  left: 0;
	width: 290px;
	z-index: 1000; }

ul#main-nav li:hover div { display: block; }

ul#main-nav li:hover {
	border-color: #b2d134;
	cursor: pointer; }

	ul#main-nav li:hover a { color: #b2d134; }

	ul#main-nav li:hover ul li a {
		color: #fff;
		text-transform: lowercase; }

ul#main-nav li ul li a:hover { background: #3b2314; color: #fff; }

ul#main-nav li ul li {
	border: none;
	float: none;
	height: auto;
	text-align: left;
	width: 150px; }

ul#main-nav li ul.inner-left {
	background: transparent;
	float: left;
	width: 128px; }

ul#main-nav li ul.inner-right {
	background: transparent;
	float: right;
	width: 128px; }

/*  Homepage  */
p#home-blurb {
	float: right;
	margin: 9px 10px 0 8px; }

#home-image { height: 390px; margin: 3px 0; width: 960px; }


#front-columns {
	background: #3b2314;
	padding: 15px 0 0 38px;
	position: relative; }

.front-column {
	float: left;
	margin: 0 0 15px;
	padding: 0 35px 0 0;
	width: 238px; }

#front-columns .pad {
	border-left: 1px solid #6c5a4f;
	padding: 0 35px 0 50px; }

.front-column h3 {
	color: #fff;
	font-family: "trebuchet ms";
	font-size: 14px;
	line-height: 13px;
	text-transform: uppercase; }

	.front-column h3 span {
		color: #b2d134;
		display: block;
		font-size: 12px;
		margin: 0 0 10px;
		text-transform: none; }

.front-column p {
	color: #fff;
	line-height: 13px;
	margin: 0 0 3px; }

p.contact-info {
	border-top: 1px solid #6c5a4f;
	color: #fff;
	font-family: "trebuchet ms";
	padding: 4px 0 5px;
	width: 885px; }

	p.contact-info span { color: #b2d134; }
	
	/*  Links in top right  */
	ul#right-nav {
		float: right;
		margin: 3px 0 0;
		position: relative;
		width: auto; }

		ul#right-nav li { float: left; }

			ul#right-nav li a {
				border-bottom: 9px solid #3b2314;
				color: #3B2314;
				display: block;
				font-family: "trebuchet MS", Verdana;
				font-size: 14px;
				font-weight: bold;
				margin-left: 4px;
				padding: 0;
				text-align: center;
				text-transform: uppercase;
				width: 109px; }
			ul#right-nav li a:hover { 
				background: transparent;
				border-color: #b2d134;
				color: #b2d134; }

	

/*  Standard Sub-Page  */
#left-column {
	float: left;
	margin: 0 0 10px;
	width: 340px; }

	#left-column #footer { margin-top: 10px; }

div.sub-image { 
	display: block;
	height: 390px; 
	margin: 3px 0; 
	width: 335px; }

#under-image {
	background: #3B2314;
	color: #fff;
	margin: 0;
	padding: 10px 25px 30px 25px;
	width: 285px; }

#center-column {
	border-right: 1px solid #ccc;
	float: left;
	padding: 16px 25px 25px 35px;
	width: 395px; }

#right-column {
	float: left;
	padding: 16px 0 0 20px;
	width: 114px; }
	
	#right-column p { margin: 0; padding: 0; }
	#right-column hr { margin: 18px 0; }
	#right-column a.button {
		background: #b2d134;
		color: #fff;
		display: block;
		font-weight: bold;
		margin-bottom: 7px;
		padding: 3px 0;
		text-align: center;
		width: 114px;
	}
	#right-column a.button:hover { background: #c8dd74; }