@charset "utf-8";
/* CSS Document */
/* Standard CSS Layout Template (Fripp Island Chapel www.frippicc.com) */
/* Copyright 2008-2015 : Virtual Marketing Concepts, LLC. All Rights Reserved. */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {font-family:Arial, Helvetica, sans-serif; color:#2a3a3a; font-size:12px; background:url(images/page_back.jpg) top no-repeat #2a3a3a; background-position:50% 0%; *background-attachment:fixed;}

a {text-decoration:none; color:#000;}

/*#background {background:url(images/page_back.jpg) top no-repeat #2a3a3a; position:absolute; width:100%; z-index:0; top:0; left:0; right:0;}*/

#container {width:960px; height:auto; margin:0px auto; padding:0; position:relative; background:url(images/container.jpg) no-repeat; border:0; z-index:1;}

#header {margin:0; padding:0; position:relative; width:960px; height:160px; background:url(images/header.jpg) top right no-repeat;}
#header h1 {margin:0; padding:0; position:absolute; font-size:14px; color:#fff; top:0; right:0; text-indent:-999999px;}
#header h2 {margin:0; padding:0; position:absolute; font-size:12px; color:#fff; top:0; right:0; text-indent:-999999px;}
#header img {position:absolute; top:25px; left:20px;}

#subheader {background:url(images/body_top.png) top left no-repeat; height:20px; width:960px;}
#subheader h2 {margin:0; padding:0; position:absolute; font-size:; color:; top:; right:; text-indent:;}

#scroll {margin:0; padding:0; position:absolute; top:110px; right:0; height:100px; width:630px; background:url(images/scroll.png) top left no-repeat; z-index:5;}

#navigation {margin:35px 8px 80px 8px; padding:0; position:relative; width:260px; height:auto; background:url(images/Nav_Bar.jpg) top left no-repeat; _margin:20px 8px;}
#navigation ul {list-style:none; margin:0; padding:0px 10px; width:230px; font-size:16px;}
#navigation li {list-style:none; margin:0; padding:0px; width:auto; text-align:left;}
#navigation a {display:block; color:#2a3a3a; text-decoration:none; text-transform:none; border-bottom:2px solid #2a3a3a; line-height:22px; padding:2px 5px; margin:0; _padding:0px; _margin:0px;}
#navigation a:hover {color:#9FAC84; background:#2a3a3a;}

/* Place most style attributes in the content section. Only put div specific items in the contentLeft or contentRight styles. */

#content {margin:0; padding:0px 30px; position:relative; background:url(images/content_back.png) top repeat-y; min-height:730px;}
#content h1 {margin:0; padding:0; }
#content h3 {margin:0; padding:0; color:#9AA77E; font-size:16px;}

#content h5 {margin:0; padding:0; color:; font-size:; font-family:;}
#content p {margin:15px 8px; padding:0; font-size:14px; line-height:20px;}

.clearfix:after {content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

#contentLeft {margin:0; padding:40px 10px; position:relative; width:550px; float:left; _display:inline;}
#contentLeft h2 {font-size:20px; margin:10px 0px 30px 20px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif;}
#contentLeft h3 {margin:20px 10px; font-family:Georgia, "Times New Roman", Times, serif; border-bottom: 2px dotted #9AA77E;}
#contentLeft ul {margin:20px 30px; font-size:14px; line-height:20px;}
#contentLeft a {cursor:pointer; font-weight:bold; text-decoration:none;}
/* Only add specifications if you want the same object looking different in this area of the page. */

#contentLeft h4 {margin:0 30px; padding:40px 50px; width:365px; color:#3b1e16; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif;background:url(images/history_scroll.jpg) top left no-repeat; line-height:25px; /*text-transform:uppercase;*/ font-style:italic;}

#highlight {width:520px; margin:20px auto; padding:15px; height:185px; background:url(images/highlight.jpg) top left no-repeat #DAE2CA;}
#highlight img {margin:0 0px 0 20px; border:1px solid #000;}
#highlight p {padding:13px 0px; margin:0px; font-size:13px; text-align:center; line-height:20px;}

#highlight2 {width:520px; margin:20px auto; padding:15px 10px; height:115px; background:url(images/highlight.jpg) top left no-repeat #DAE2CA;}
#highlight2 img {margin:3px 2px 0 2px; width:165px; border:1px solid #000;}

/*.scroll {width:420px; margin:20px auto; padding:20px 25px; height:195px; background:url(images/history_scroll.jpg) top left no-repeat ;}*/

#contentRight {margin:0; padding:40px 10px; position:relative; width:280px; float:right; _display:inline; background:url(images/nav_back.png) top left no-repeat;}
#contentRight h2 {margin:10px 6px; padding:15px 10px; text-align:right; color:#9FAC84; font-family:Georgia, "Times New Roman", Times, serif; background:url(images/nav_heading.png) top left no-repeat; width:240px; height:20px;}
#contentRight p {text-align:center; margin:15px 10px; font-size:13px; line-height:16px}
#contentRight p a {color:#2a3a3a; text-decoration:underline;}

#imagesRight {postion:absolute; bottom:-25px; left:-10pxpx; margin:0; padding:0;}
#imagesRight img {width:270px; margin-top:50px; border:1px solid#000;}

.hide {display: none;}

/* Only add specifications if you want the same object looking different in this area of the page. */

/* hide from ie on mac \*/
#flashcontent {margin:0; padding:0px 20px; position:relative; background:url(images/content_back.png) top repeat-y; height:200px; z-index:30;}
/* end hide */

#footer {margin:0; padding:0; padding-top:165px; position:relative; width:960px; background:url(images/footer_back.png) top left no-repeat; text-align:center; color:#fff;}
#footer p {margin:20px 0px; padding:0; color:#fff; font-size:12px; text-align:center; line-height:;}
#footer a {color:#fff; text-decoration:underline; font-weight:bold;}