* { margin:0; padding:0 }
div { margin:0; padding:0 }
html { height:100.1%; line-height:.9em}
BODY {
	font-size: 13px;
	background: #f7f8f4 url(images/bg.png) repeat-x;
	font-family: Tahoma, Arial, Geneva;
	color: #ecebe4;
	margin:0px auto 0 auto;
	text-align:left;
	line-height:1.2em
}

a { color:#5c7462; text-decoration:underline}
a:hover  { color:#a5510e; text-decoration:underline} 

#wrapper { width:956px; margin:0 auto; overflow:hidden}

#top-section {width:956px; height:123px}
#logo {width:410px; height:123px; float:left}

#nav-buttons {width:546px; height:123px; float:right}
#top-row {width:546px; height:64px; float:right}
#nav-buttonA {background:url(images/nav-buttonA.png) no-repeat; width:140px; height:64px; float:left}
#nav-buttonB {background:url(images/nav-buttonB.png) no-repeat; width:135px; height:64px; float:left; position:relative}
#nav-buttonC {background:url(images/nav-buttonC.png) no-repeat; width:135px; height:64px; float:left; position:relative}
#nav-buttonD {background:url(images/nav-buttonD.png) no-repeat; width:136px; height:64px; float:right}

#bottom-row {background:url(images/bottom-row.png) no-repeat; width:546px; height:59px; float:right}

#photo-section {background:url(images/photo-section.png) no-repeat; width:956px; height:358px}

#upper-slice {background:url(images/upper-slice.png) no-repeat; width:956px; height:18px}
#headers {background:url(images/headers.png) no-repeat; width:956px; height:48px}

#home-top-slice {background:url(images/home-top-slice.png) no-repeat; width:956px; height:13px}

#home-stretch-slice {background:url(images/mid-stretch.png) repeat-y; width:956px; height:100%; overflow:hidden}

#home-bottom-slice {background:url(images/home-top-slice.png) no-repeat; width:956px; height:13px}

#int-top {background:url(images/upper-slice.png) no-repeat; width:956px; height:18px}

#buttons-top {width:285px; height:61px}
#buttons-bottom {width:285px; height:81px}

.details {color:#91918f; font-size:12px; font-weight:bold; padding-top:16px}
.welcome-heading {color:#fff; font-size:18px; font-weight:bold; padding-bottom:10px; line-height:1.4em}
#welcome-text {color:#fff; font-size:15px; font-family:"Times New Roman", Times, serif; padding-top:22px; padding-right:10px; padding-left:18px; line-height:1.4em}

#footer {background:url(images/footer.png) no-repeat; width:956px; height:26px}

.nav-area {font-size:17px}

a.nav-link:link{color:#885f49; text-decoration:none; line-height:24px}
a.nav-link:visited{color:#885f49; text-decoration:none; line-height:24px}
a.nav-link:hover{color:#717555; text-decoration:none; line-height:24px}

.green {color:#5c7462}

.home-content1 {color:#8e8e8d; padding-top:6px; padding-left:20px; width:290px; float:left}
.home-content2 {color:#8e8e8d; padding-top:6px; padding-left:20px; width:290px; float:left; position:relative}
.home-content3 {color:#8e8e8d; padding-top:6px; padding-left:20px; width:290px; float:left; position:relative}

a.alter-link:link{color:#9e7158; text-decoration:underline}
a.alter-link:visited{color:#9e7158; text-decoration:underline}
a.alter-link:hover{color:#60634e; text-decoration:none}

a.alter-link2:link{color:#0e83a5; text-decoration:underline}
a.alter-link2:visited{color:#0e83a5; text-decoration:underline}
a.alter-link2:hover{color:#79991e; text-decoration:none}

a.alter-link3:link{color:#f8bd00; text-decoration:underline}
a.alter-link3:visited{color:#f8bd00; text-decoration:underline}
a.alter-link3:hover{color:#fff; text-decoration:none}

a.footer-link:link{color:#daba94;  text-decoration:underline}
a.footer-link:visited{color:#daba94;  text-decoration:underline}
a.footer-link:hover{color:#ccc; text-decoration:none}

.image-outer {border:1px solid #e5decb; margin-left:4px; margin-bottom:2px;}
.image-outer2 {border:2px solid #e5decb; margin-right:4px; margin-bottom:2px}
.image-outer3 {border:2px solid #ccc; margin-right:6px; margin-bottom:2px}

.headline {color:#7a7f67; font-size:16px; font-weight:bold}

.events-list {color:#fff; font-size:.9em; padding-top:38px; padding-right:24px; padding-left:28px}

.section-title {color:#5c7462; font-size:14px; font-weight:bold}

.events-date {color:#62876b}

.events-title {color:#937253}

.events-details {color:#6a6a6a}

.ministries-list {color:#fff; font-size:.9em; padding-top:18px; padding-right:24px; padding-left:28px}

.newcomers-list {color:#72941e; font-size:.9em; padding-top:10px; padding-left:15px; width:272px}

.newcomers-title {color:#877905}

.interior-box {background:#f7f6e9; color:#686253; border:solid 1px #bbb89a; padding-top:5px; padding-right:5px; padding-bottom:5px; padding-left:5px; line-height:1.2em; width:606px}

.footer-text {color:#979a8a; font-size:.85em; padding-left:22px}

.int-content {color:#7b7b7b; padding-right:10px; padding-bottom:2px; padding-left:19px; width:917px}

.int-content ul, .int-content li {
	line-height: 150%;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	padding-left: 15px;
}

.int-content ol, .int-content li {
	line-height: 150%;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	padding-left: 15px;
}

.gallery-frame {background:url(images/gallery-frame.png) no-repeat; width:721px; height:404px}

.category-left {background:#7b7e68; padding:10px; width:432px; border:#6f725e 2px solid; height:100%; color:#fff; float:left}
.category-right {background:#7b7e68; padding:10px; width:432px; border:#6f725e 2px solid; height:100%; color:#fff; float:right}

#dropmenudiv{
position:absolute;
border:1px solid gray;
border-bottom-width: 0;
font:normal 12px Arial Geneva, Helvetica, sans-serif;
color:#ACA39A;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
background-color: #fff;
color:#646753;
border-bottom: 1px solid gray;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #95796a;
color:#fff;
}

.contactus {border: none}

.style18 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	color: #313893;
	font-style: italic;
}

.style14 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #9B370D;
	font-weight: normal;
}

.desc-table {
	font-size: 0.9em;
	padding: 7px;
	background-color: #EEEFAF;
}
.desc-table2 {
	background: #F4F4F4;
	border: 1px solid #ccc;
	padding: 10px;
}

.desc-table2 ul, .desc-table2 li {
	line-height: 150%;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	padding-left: 15px;
}

.desc-table2 ol, .desc-table2 li {
	line-height: 150%;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	padding-left: 15px;
}

.desc-table4 {
	background: #F4F4F4;
	border: 1px solid #ccc;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}

.desc-table4 ul, .desc-table4 li {
	line-height: 150%;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	padding-left: 15px;
}

.desc-table4 ol, .desc-table4 li {
	line-height: 150%;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	padding-left: 15px;
}

.desc-table4 p {
	padding: 5px;
	font-weight: bold;
}

/*begin .int-content div*/

/* === form footers for .int-content ======================================= */

.int-content p.form-footer {
  margin : -35px 2px 20px 13px;
 }

.int-content p.form-footer a { 
  color : #669900; 
}

.int-content p.form-footer a:hover, .int-content p.form-footer a:focus, .int-content p.form-footer a:active { 
  color : #000; 
  text-decoration : none; 
}

.int-content p.form-footer a:focus, .int-content p.form-footer a:active { 
  background-color : #eee; 
}

/* Borders around Form */
 
.int-content fieldset.req-set,
.int-content fieldset.opt-set { 
  border : 1px solid #669900;
  padding : 10px; /*this is the border outlines of the form*/
}

.int-content fieldset.main-set { 
  border : 0px solid #669900;
  padding : 15px; /*this is the border outlines of outside form*/
}

/*Div for .int-content */


.int-content ul {margin-left: 5px}

.int-content a {
	color: #800000;
	font-size: 12px;
	font-weight: bold; /*this is the success headings and dialog of email sent to client color*/
}

.int-content a:hover, .int-content a:focus, .int-content a:active { 
  color : #000; 
  text-decoration : none; 
}

.int-content a:focus, .int-content a:active { 
  background-color : #eee; 
}

.int-content form2 {margin-left: 40px}

.int-content h1 {font-size:20px}


.int-content p {
	line-height: 150%;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 5px;
	padding-right: 5px;
	color: #000000;
}

.int-content p.center {
	text-align : center;
	background-color : #edbaba;
	color : #333333;
	margin-top : -3px;
	padding : 0px 4px;
}

.int-content ul, #rightConten ol {
	line-height: 150%;
	font-size: 13px;
	font-family: "Times New Roman", Times, serif;
	padding-left: 7px;
}

.int-content h2 {
	font-size: 13px;
	color: #000000;
	padding: 5px;
}

.int-content h3 {
	font-size: 14px;
	color: #800000;
}

.int-content h4 {
	padding: 0px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 16px;
	color: #800000;
	margin : 0 5px 0 5px;
}

.int-content h5 {
	padding: 0px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 18px;
	color: #294F8D;
	margin : 0 5px 0 5px;
}

/* === Label Options ======================= */

.int-content label.opt-label.main-label {
  margin : 0 2px;
  font-weight : bold;
  font-size: 13px;
  font-style: italic;
  color: #B74220;
  margin-left: 255px;
} /* this is the "Enter your info below to send us an email" label */

.int-content label.opt-label.main-label span {
  font-weight : normal;
  color : #666;
}

.int-content label.opt-label.main-label span.req, .int-content label span.req  {
  font-weight : bold;
  color : #c70000;
}

.int-content label.req-label.explain {
	color : #666666;
	font-size : 0.85em;
	font-style: italic; /*This is the spam message explaination*/
}

.int-content label.req-label.explain:hover {
	color : #800000; /*This is the spam message explaination hover*/
}


.int-content legend.req-legend {
	color : #800000;
	text-size: 9px;
	font-style: italic;
	padding: 5px; /*this is the"Required" headings*/
}

.int-content legend.opt-legend {
	color : #315CA4;
	text-size: 9px;
	font-style: italic;
	padding: 5px; /*this is the"Optional" headings*/
}

.int-content legend.main-legend span { }
.int-content legend.main-legend { }

.int-content legend.req-legend span { }
.int-content legend.req-legend {
  margin-left : -2px;
}

.int-content legend.opt-legend span { }
.int-content legend.opt-legend { 
  margin-left : -2px;
}

.int-content label.req-label, label.opt-label { /*this is the labels for "Name" "email address" etc. */
	color : #1C791A;
	font-size: 13px;
	font-weight:bolder;
	margin-top: 5px;
}

.int-content label.opt-label.check {
  float : right;
  padding : 0;
  margin : 1px 4px;
  cursor : pointer;
}

.int-content legend { 
  font-weight : bold;
}

.int-content legend span { }

.int-content legend.main-legend {
	color : #14370B;
	font-size : 150%;
	font-weight:bolder;
	padding-bottom: 15px;
	margin-left: 350px;
} /* this is for the "Contact Form" title*/

/* === success and error message/results box ======================= */

.int-content p.error {
	font-size: 19px;
	color: #EDE810;
	font-style: italic;
	background-color:##800000;
	padding: 20px;
	border : 1px solid #000;
	margin : 10px 3px;
}
	
.int-content p.error, .int-content p.center {
	color : #EDE810;
	/* color : #000; (lite colors option - uncomment to use) */
  padding : 20px;
  font-size: 19px;
	border : 1px solid #000;
	background-color : #800000;
	/* background-color : #d6e3ba; (lite colors option - uncomment to use) */
  margin : 10px 3px;
	text-align : center;
}

.int-content p.success {
	font-size: 19px;
	color: #EDE810;
	background-color:#11591B;
	padding: 20px;
	text-align : center;
	font-style: italic;
	margin-bottom: 10px; /*this is the "Thank you for Submitting your Info" color*/
}

.int-content p.error a {
	color : #00FFFF;
	Font-size: 14px; /*this is the error message for the error text*/
}

.int-content p.success a {
	color : #FFFFFF;
	font-size: 16px; /*this is the "A copy was forwarded to your email account"*/
}

.int-content p.error a:hover, .int-content p.error a:focus, .int-content p.error a:active, 
.int-content p.success a:hover, .int-content p.success a:focus, .int-content p.success a:active {
	color : #FFFFFF; /*this is the highlighted hover*/
}


.int-content p.success a:hover, .int-content p.success a:focus, .int-content p.success a:active {
  background-color : #669900;
}


 /* Input Information */
 
.int-content input.text-long.address, .int-content input.text-long.address:hover, .int-content input.text-long.address:focus,
.int-content input.text-long.address.hover, .int-content input.text-long.address.focus {
  border-bottom : 0;
  margin-bottom : 0;
  padding-bottom : 2px;
  padding-top: 5px;
  border-bottom : 1px dotted #bbb;
}

.int-content input.text-long.address2, .int-content input.text-long.address2:hover, .int-content input.text-long.address2:focus,
.int-content input.text-long.address2.hover, .int-content input.text-long.address2.focus {
  border-top : 0;
  margin-top : 0;
  padding-top : 2px;
  border-top : 1px dotted #bbb;
}

.int-content input.checkbox {
  border : 1px solid #999;
  width : 1.6em;
  height : 1.6em;
  padding : 0;
  margin : 10px 0 0 0;
  cursor : pointer;  /*this is the checkbox for getting a copy*/
}

.int-content input.checkbox:hover, .int-content input.checkbox.hover,
.int-content input.checkbox:focus, .int-content input.checkbox.focus {
  border : 1px solid #666;
}

.int-content input.text-short, 
.int-content input.text-med, 
.int-content input.text-long,
.int-content select.select,
.int-content textarea.textarea {
	font : 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	border : 1px solid #999;
	background-color : #fffffe;
	cursor : text;
	color: #333333;
	padding : 1px 2px;
	margin-bottom: 5px; /*text in pull-down box areas*/
}

.int-content select.select {
  padding : 1px 0;
}

.int-content input.text-short {
  width : 100px; /*This is the anti-spam box*/
}

.int-content select.select {
  width : 150px; /*length of text of "I prefer to meet at" box*/
}

.int-content input.text-med {
  width : 250px; /*length of boxes for "Name" "Email" & "Phone Number"*/
}

.int-content input.text-med#org {
  width : 100px; /*length of box for "Can we leave a message?"*/
}

.int-content select.select#subject {
  width : 350px; /*length of "type of counseling" drop-down box*/
}

.int-content input.text-long {
  width : 300px; 
}

.int-content textarea.textarea {
  width : 400px;
  height : 100px;
} /*big Box for messages*/

.int-content select.select, .int-content select.select option {
  	cursor : pointer;
	margin : 10px; /*this is the "check if you want a copy" box*/
}

.int-content input.text-short:focus, .int-content input.text-short.focus, 
.int-content input.text-med:focus, .int-content input.text-med.focus,
.int-content input.text-long:focus, .int-content input.text-long.focus,
.int-content select.select:focus, .int-content input.select.focus,
.int-content textarea.textarea:focus, .int-content textarea.textarea.focus {
  border : 1px solid #666;
  background-color : #ffe;
}

.int-content input.button {
	font : 1em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
	font-weight : bold;
	margin-top : 12px;
	margin-left: 15px;
	padding : 1px 10px;
	cursor : pointer;
	float : inherit;
	clear : both;
	color : #800000;
}

.int-content input.button:hover, .int-content input.button.hover,
.int-content input.button:focus, .int-content input.button.focus {
	color : #0055B3;
}

/* because IE6 sucks - if you have a conditionally served IE6 style sheet add this to it */
* html .int-content input.button {
  border : 1px solid #666;
}


/*end of .int-content */