/*GRID*/
body {
	text-align:center;
	margin:0;
	padding:0;}
#limiter {
	position:relative;
	text-align:left;
	margin:auto;
	width:772px;
	z-index:10;}
#header {
	position:absolute;
	height:90px;
	width:772px;}
#home #header {height:535px;}
#origin {
	width:593px;
	height:1%;
	position:relative;
	z-index:2;}
#content {
	position:relative;
	float:left;
	width:592px;
	margin:83px 0 0 0;
	z-index:2;}
#main {padding:81px 25px 50px 15px;}
#home #main {
	float:left;
	width:412px;
	padding:228px 0 50px 0;}
* html #home #main {padding-top:243px;}
#related {
	position:relative;
	float:right;
	margin-top:114px;
	padding:24px 0 0 0;
	width:180px;
	z-index:3;}
#primary {
	position:absolute;
	left:592px;
	height:190px;
	top:-46px;
	width:180px;
	z-index:2;
	clear:both;}
#home #primary {
	left:412px;
	height:160px;
	top:-24px;}
#secondary {
	position:relative;
	z-index:10;
	float:right;
	width:181px;
	margin:220px -180px 30px 0;}
#home #secondary {margin:17px -180px 0 0;}
#footer {
	position:relative;
	width:772px;
	height:78px;
	clear:both;
	z-index:1;}


/*TYPOGRAPHY*/
body {font:76% Arial, Helvetica, sans-serif;}
* {margin:0;padding:0;list-style:none;}
a:hover {text-decoration:underline !important;}
#related h2 {
	height:28px;
	margin-top:10px;}
#footer p {
	position:absolute;
	top:50px;
	left:24px;
	font-size:x-small;
	color:#cdd5be;}

/*IMAGES*/
body {background:url(newimages/ramp-massive.jpg) 50% 0 repeat-y;}
#header {background:url(newimages/ramp-masthead.jpg) 100% 0 no-repeat;}
#limiter {background:#fff url(newimages/columns-bg.gif) 100% 0 repeat-y;}
#home #limiter {background:#fff url(newimages/home-columns-bg.gif) 100% 0 repeat-y;}
#main h1 {background:url(newimages/h1-bg.gif) no-repeat;}
#tagline {background:url(newimages/tagline-bg.jpg) no-repeat;}
#tagline h1 {background:url(newimages/tagline-text.gif) no-repeat;}
#primary {background:url(newimages/prinav-bg.gif) -1px 100% repeat-y;}
#home #primary {background:url(newimages/prinav-bg.gif) 0 100% repeat-y;}
#primary ul {background:url(newimages/prinav-top.gif) no-repeat;}
#home #primary ul {background:url(newimages/prinav-top-home.gif) no-repeat;}
#related {background:url(newimages/related-top.gif) no-repeat;}
#secondary {background:url(newimages/secnav-bg.gif) repeat-y;}
#secondary ul {background:url(newimages/secnav-top.gif) no-repeat;}
#home #secondary ul {background:url(newimages/secnav-top-home.gif) no-repeat;}
#primary .id3 a {background-image:url(newimages/pri-a.gif);}
#primary .id11 a {background-image:url(newimages/pri-b.gif)}
#primary .id12 a {background-image:url(newimages/pri-c.gif)}
#secondary .id14 a {background-image:url(newimages/sec-a.gif);}
#secondary .id15 a {background-image:url(newimages/sec-b.gif)}
#secondary .id16 a {background-image:url(newimages/sec-c.gif)}
#secondary .id17 a {background-image:url(newimages/sec-d.gif)}
#secondary .id18 a {background-image:url(newimages/sec-e.gif)}
#secondary .id179 a {background-image:url(newimages/sec-photos.gif)}
#secondary .id231 a {background-image:url(newimages/sec-missiodei.gif)}
#footer {background:url(newimages/footer-home.gif) no-repeat;}

/*MASTHEAD*/
#logo {
	position:absolute;
	left:0;
	z-index:5;}
a#logo {
	overflow:hidden;
	left:12px;
	height:123px;}
#logo img {
	position:relative;
	left:-24px;}
#home #logo {top:-113px;}
#tagline {
	position:relative;
	z-index:-1;
	width:412px;
	height:343px;
	z-index:2;
	margin-top:113px;}
#tagline h1 {
	height:263px;
	visibility:visible !important;
	text-indent:-999em;}
/*MAIN*/
#main h1{
	position:relative;
	height:64px;
	margin:0 0 0 -15px;}
#main h1 strong {
	display:block;
	height:42px;
	position:relative;
	top:-1px;}
h1 span {
	position:absolute;
	left:1px;
	top:45px;
	font:.7em Tahoma, Geneva, sans-serif;}
#main h2 {
	display:block;
	position:relative;
	margin:10px 0 10px -15px;
	width:65%;
	}
/*homepage headlines*/
#headlines {margin:0 1px 0 19px;}
#message {
	position:relative;
	z-index:3;
	left:25px;
	top:79px;
	margin-right:52px;
	color:#5c7792;}
* html #message {top:65px;}
/*homepage sermon*/
#message h2 {
	position:absolute;
	top:-12px;
	font:normal x-small Arial, Helvetica, sans-serif !important;
	text-transform:uppercase;}
#message h3 {font:26px Georgia, "Times New Roman", Times, serif;}
/*NAVIGATION*/
#secondary ul {
	top:-15px;
	padding:34px 0 0 9px;
	position:relative;
	z-index:99;}
#home #secondary ul {
	top:0;
	margin-top:0;
	padding:24px 0 0 9px;}
#primary ul {padding:35px 0 0 10px;}
#secondary ul ul {
	top:0;
	background:none !important;
	padding:0;}
.prisec .nav {
	position:relative;
	z-index:3;
	overflow:hidden;
	padding-bottom:10px;}
#home .nav {padding-bottom:0;}
.prisec .nav a {
	background-position:0 -36px;
	background-repeat:no-repeat;
	position:relative;
	z-index:4;
	overflow:hidden;
	display:block;
	height:36px;
	text-indent:-999em;}
.prisec .nav a:hover {background-position:0 -1px;}
#home #primary a:hover {background-position:0 0;}
.prisec .nav ul {
	position:relative;
	top:-10px !important;
	left:10px;
	width:140px;
	z-index:6;
	padding-top:0 !important;}
.prisec .nav li, #related li {
	background:url(newimages/bullet-secnav.gif) 0 0 no-repeat;
	overflow:visible;
	margin:3px 0;}
#home .prisec .nav #id18 li {margin:8px 0 0 0;}
.prisec .nav li a, #related li a {
	height:100% !important;
	background-image:none !important;
	padding-left:10px;
	color:#fff !important;
	text-decoration:none;
	text-indent:0 !important;}
#related li {height:1% !important;background:url(newimages/bullet-content.gif) 0 0 no-repeat;}
#related li a {
	display:block;
	height:1% !important;
	color:#00f !important;
	text-decoration:underline;
	position:relative;
	z-index:2;}
/*MISC*/
img {border:none;}
.textonly {display:none !important;}
.ir {
	position:absolute;
	left:-999em;}
#piping {
	position:absolute;
	top:17px;
	left:412px;
	z-index:2;}
#piping div {
	position:absolute;
	top:0;
	left:0;
	width:8px;
	height:497px;}
#piping #left {
	width:9px;
	background:url(newimages/piping-left.jpg) no-repeat;}
#piping #middle {
	height:476px;
	left:180px;
	top:38px;
	background:url(newimages/piping-middle.jpg) 0 -1px no-repeat;}
#piping #right {
	height:439px;
	left:352px;
	top:4px;
	background:url(newimages/piping-right.jpg) no-repeat;}
#home #piping #middle, #home #piping #right {top:0;}
#leaves {
	position:relative;
	overflow:hidden;
	z-index:1;
	width:100%;
	height:382px;
	margin:-195px auto 0 auto;
	background:url(newimages/leaves.gif) 50% 0 no-repeat;
	float:left;
	clear:both;}
	
#login {
	position:absolute;
	bottom:-91px;
	left:112px;
	height:15px;
	width:50px;
	text-indent:-99em;
	overflow:hidden;
	z-index:999;}
	
/*Keepers from the previous design*/
blockquote {
	text-indent:1.5em;
	font:italic 1.0em/1.5em Georgia, serif;
	color:#49492C;
	margin:15px 20px;}
blockquote.quotes {
	width:300px;
	color:#1E2B42;
	margin:30px 0;
	padding:10px 0 0 15px;
	background:url(http://www.lakeforest.org/images/quote-l.gif) no-repeat;}
blockquote.quotes div {
	padding:0 10px 0 0;
	background:url(http://www.lakeforest.org/images/quote-r.gif) right bottom no-repeat;}
cite {
	font:normal .9em Arial, sans-serif;
	white-space:nowrap;
	color:#49492C;}
blockquote cite {
	display:block;
	text-align:right;}
a.top{
	position:relative;
	top:15px;
	display:block;
	text-align:right;
	color:#7A725B !important;
	font-size:.9em;
	letter-spacing:1px;
	text-decoration:none !important;
	font-variant:small-caps;
	background:url(http://www.lakeforest.org/images/hsep.gif) right top no-repeat;}
#login a {
	text-decoration:none;
	color:#7A725A;}
/*lists*/
#main ul, #content ol {margin:0 0 0 8px;}
#main li {margin-bottom:5px;}
#main ul li {
	list-style-type:none;
	padding-left:10px;
	margin:3px -10px 6px -10px;
	/*\*/height:1%;/**/
	background:url(http://www.lakeforest.org/images/bullet.gif) 0 0 no-repeat;}
#main #subnav ul li {background-image:url(http://www.lakeforest.org/images/bullet-links.gif);}
/*subnav*/

#subnav{
	position:relative;
	border-left:solid 1px #b7c2a0;
	margin:13px 0 45px 3px;
	padding:0 0 20px 10px;
	float:right;
	width:30%;
	height:1%;}
#subnav h2 {
	height:26px;
	position:relative;
	width:175px;
	left:5px;
	}
* html #subnav h2 {font-size:24px !important;height:20px !important;}
#subnav li.header {
	color:#1E2B42;
	font:normal 1.2em Tahoma, Geneva, sans-serif;
	padding-left:0;
	background:none !important;}
#subnav li.header a {
	color:#1E2B42;
	text-decoration:none;}
#subnav li.header li {
	margin-left:0;
	font:normal .85em Arial, sans-serif;}
#subnav li.header li a	{
	color:#00c;
	text-decoration:underline;}
#subnav li.header li.current_page_item {background-position:0 -200px;}
#subnav li.header li.current_page_item a { 
	color:#1E2B42;
	text-decoration:none; }
/*breadcrumbs*/
.utility a:link, .utility a:visited {
	color:#35352d;
	text-decoration:none;}
.utility a:hover {text-decoration:underline;}
.utility ul, .utility li {
	display:inline;
	margin-right:0px;}
.utility li {
	font-size:8pt;
	padding:0 0 0 5px;
	background:url(http://www.lakeforest.org/images/pipe.gif) no-repeat;
	text-decoration:none;
	white-space:nowrap;}
.utility li.first {
	padding:0;
	background:none !important;}
#breadcrumbs li {
	padding:0 0 0 7px;
	background:url(http://www.lakeforest.org/images/gt.gif) no-repeat;
	text-decoration:none;}
#breadcrumbs li.first {
	padding:0;
	background:none !important;}
#breadcrumbs {
	position:absolute !important;
	width:570px;
	top:130px;
	left:15px;
	color:#778a98;
	z-index:10;
	letter-spacing:1px;}
#breadcrumbs a {color:#778a98 !important;}
#main li ul li {background-position:0 -200px;}
#main ol li {
	list-style-type:decimal;
	margin-left:20px;}
#main dt {
	margin:10px 0 0 0;
	color:#55554D;
	font-weight:bold;}
#main dt a {font-weight:normal;}

/*typography*/

a	{text-decoration:none;}
#main a	{text-decoration:underline;}
a:link {color:#009 !important;}
a:hover	{
	color:#00f !important;
	text-decoration:underline;}
a:visited {color:#436588 !important;}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd {
	margin:0;
	padding:0;
	list-style:none;}
h2, h3, h4, h5, h6 {
	font:1.5em Tahoma, Geneva, sans-serif;}
h4, h5 {
	font-size:1.0em;
	color:#000;
	margin-top:5px;}
h5, h6 {font-style:italic;}
h3 {
	font:normal 1.2em Arial, sans-serif;
	color:#1E2B42;}
h6 {
	font:1.0em Arial, sans-serif;
	color:#55554D;}
h1 {
	font:1.8em Georgia, serif;
	color:#930;}
h1 span {
	position:absolute;
	left:15px;
	top:45px;
	font:.7em Tahoma, Geneva, sans-serif;}
#main h2 {
	color:#1E2B42;
	font:normal 1.4em Tahoma, Geneva, sans-serif;
	margin-top:20px;}
#main h3 a {font-family:Georgia, serif;}
p {margin:4px 15px 8px 0;}
strong {color:#333;}

/*Forms*/
.forms1 {clear:both;}
.forms1 span {
	float:left;
	width:150px;
	padding-left:20px;
	font-size:1.2em;}
.forms1 label.wide textarea, .forms1 label.wide input {
	display:block;
	margin:8px 0 0 150px;}
.forms1 label.wide span {
	float:none;
	display:block;
	width:auto;
	padding-left:0;}
.forms1 span.wide-inline {
	float:none;
	padding-left:0;
	width:auto;}
.forms1 fieldset {
	padding:20px;
	position:relative;
	border:none;}
.forms1 fieldset * {
	position:relative;
	left:-20px;}
.forms1 fieldset span {
	padding-left:40px;
	left:0;
	font-size:1em;}
.forms1 legend {
	position:absolute;
	top:0;
	left:20px;}
.forms1 label {
	display:block;
	clear:both;
	margin:10px 0;}
h3.note  {
	font: italic normal 1.3em Georgia, "Times New Roman", Times, serif;
	color:#485c73}
h3.note span  {
	float:none;
	display:block;
	width:auto;
	font: normal normal .8em Arial, sans-serif;
	padding-left:0;
	margin:0;
	color:#485c73}