* {
	margin:0;
	padding:0
}
div { margin:0; padding:0 }
html { line-height: .9em }
BODY {
	font-size: 78%;
	background: #666666 url(images/bg.jpg) top repeat-x;
	font-family: Tahoma, Arial, Geneva;
	color: #506054;
	margin:2px auto 0 auto;
	text-align:left
	
}
#wrapper  {width:836px; margin:0 auto; height:100%}

.top-banner { background:url(images/logo.jpg) no-repeat; width:836px; height:104px; }

.red { color:#4B1509 }

.nav-bg { background:url(images/nav-bg.gif) no-repeat; width:836px; height:33px; }

.church-info { background:url(images/church-info1.jpg) no-repeat; width:836px; height:143px; }
.church-info2 { background:url(images/church-info2.jpg) no-repeat; width:836px; height:143px; }
.church-info3 { background:url(images/church-info3.jpg) no-repeat; width:836px; height:143px; }
.church-info5 { background:url(images/church-info5.jpg) no-repeat; width:836px; height:143px; }
.church-information { background:url(images/church-information.jpg) no-repeat; width:836px; height:143px; }

.main-box { background:url(images/main-box.gif) no-repeat; width:522px; height:250px; overflow:auto}

.events-box { background:url(images/events-box4.gif) no-repeat; width:314px; height:396px; }

.home-content {color:#666; overflow:auto}

.headline {color:#7A2916; font-size:1.1em; font-weight:bold;}


.int-main-box 
{background:#fff; width:836px; margin:0 auto; }

.int-main-box h2
{font-size: 14px; color: #00002F;}

.interior-headers
{color:#4B1509;
font-size:1.1em;
font-weight:bold;
text-align:left;
padding:2px;
width:auto;
background-color:#DAE4EF;
border:1px solid #999;
}

.church-address {color:#7A2916; font-size:1.1em; font-weight:bold;}

.event-date {color:#1E71BD; font-size:.90em; font-weight:bold;}

.event-title {color:#9D3921; font-size:.90em; font-weight:bold;}

.event-details {color:#666; font-size:.90em;}

.get-involved {
	width:522px;
	height:146px;
	margin:0 auto;
	overflow:auto;
	background-image: url(images/get-involved1.jpg);
	background-repeat: no-repeat;
}

a:hover {
	color:#0C3EE9;
	text-decoration:underline
}
a { color:#1C7EE3; margin:0 }


.image-outer {
	border:2px solid #ccc;
	margin-top:2px;
	margin-right:8px;
	margin-bottom:15px;
}
.image-outer2 {border:1px solid #ffffff; margin-top:2px; margin-right:5px; margin-bottom:4px;}
.image-outer3 {border:1px solid #ccc; margin:10px; background-color:#fff; padding:10px; overflow:hidden}

.inner {width:90%; overflow:hidden}

.quotefield {padding:10px; background: #ACABAC; color:#FFFFFF; } 

a.lowlinks:link{color:#EAEBEB; text-decoration:none; }
a.lowlinks:visited{color:#EAEBEB; text-decoration:none;}
a.lowlinks:hover{color:#FBC30C; text-decoration:underline; }

a.toplinks:link{color:#034D94; text-decoration:none; }
a.toplinks:visited{color:#034D94; text-decoration:none;}
a.toplinks:hover{color:#034D94; text-decoration:underline; }

.footer-info {color:#ccc; font-size:.9em; float:left}

a.footer-links:link{color:#ccc; font-size:.9em; text-decoration:none;}
a.footer-links:visited{color:#ccc; font-size:.9em; text-decoration:none;}
a.footer-links:hover{color:#fff; font-size:.9em; text-decoration:underline;}

.image3 {
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.image4 {
	margin-right: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.image5 {
	padding-top: 6px;
	margin-left: 30px;
}

.image6 {
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: middle;
	padding-right: 35px;
}

.style11 {
	margin-left: 20px;
	color: #008000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}

.style3 {color: #711A04}

.style12 {color:#9D3921; font-size: 13px; font-weight:bold;}

.style13 {
	color: #966418;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.interior-headers2
{color:#4B1509;
font-size:.8em;
font-weight:bold;
text-align:left;
padding:2px;
width:auto;
background-color:#DAE4EF;
border:1px solid #999;
}

.int-main-text {
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px; 
font-size:.95em;
background:#F3F6F8;
border:1px solid #999999;
padding:8px;
color:#666666;
}

.int-main-text p {font-size: 13px}

.int-main-text h1 {font-size: 18px; color: #433C86}

.int-main-text h2 {font-size: 14px; color: #00002F}

.int-main-text ul, li {
	line-height: 150%;
	font-size: 13.5px;
	font-family: "Times New Roman", Times, serif;
	padding-left: 20px;
}

.int-main-box2 
{
	width:836px;
	margin:0 auto;
	background-color: #fff;
}

/*begin Contact Us script*/

/* === form footers for .int-main-text2 ======================================= */

.int-main-text2 {
margin: 30px 75px; 
font-size:1.3em;
background:#F3F6F8;
border:1px solid #999999;
padding:8px;
color:#666666;
}

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

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

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

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

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

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

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

/*Div for .int-main-text2 */


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

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

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

.int-main-text2 form2 {margin-left: 40px}


.int-main-text2 h1 {font-size: 20px; color: #433C86}


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

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

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

.int-main-text2 h2 {
	font-size: 14px;
	color: #000000;
	padding: 5px;
}

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

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

.int-main-text2 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-main-text2 label.opt-label.main-label {
  margin : 0 2px;
  font-weight : bold;
  font-size: 13px;
  font-style: italic;
  color: #B74220;
  margin-left: 150px;
} /* this is the "Enter your info below to send us an email" label */

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

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

.int-main-text2 label.req-label.explain {
	color : #666666;
	font-size : 0.75em;
	font-style: italic; /*"This eliminates computer spam"*/
}

.int-main-text2 label.req-label.explain:hover {
	color : #800000; /*hover for "This eliminates computer spam"*/
}


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

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

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

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

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

.int-main-text2 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-main-text2 label.opt-label.check {
  float : right;
  padding : 0;
  margin : 1px 4px;
  cursor : pointer;
}

.int-main-text2 legend { 
  font-weight : bold;
}

.int-main-text2 legend span { }

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

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

.int-main-text2 p.error {
	font-size: 19px;
	color: #EDE810;
	font-style: italic;
	background-color:##800000;
	padding: 20px;
	border : 1px solid #000;
	margin : 10px 3px;
}
	
.int-main-text2 p.error, .int-main-text2 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-main-text2 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-main-text2 p.error a {
	color : #00FFFF;
	Font-size: 14px; /*this is the error message for the error text*/
}

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

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


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


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

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

.int-main-text2 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-main-text2 input.checkbox:hover, .int-main-text2 input.checkbox.hover,
.int-main-text2 input.checkbox:focus, .int-main-text2 input.checkbox.focus {
  border : 1px solid #666;
}

.int-main-text2 input.text-short, 
.int-main-text2 input.text-med, 
.int-main-text2 input.text-long,
.int-main-text2 select.select,
.int-main-text2 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-main-text2 select.select {
  padding : 1px 0;
}

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

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

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

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

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

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

.int-main-text2 textarea.textarea {
  width : 450px;
  height : 100px;
} /*big Box for messages*/

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

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

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

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

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


/*end of .int-main-text2 */

/*below is for the specialties webpage only */

.desc-table2 {
	background: #F4F4F4;
	border: 0px 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: 150px;
}

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

.desc-table4 {
	background: #F4F4F4;
	border: 0px 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;
}

.desc-table3 {
	background: #F4F4F4;
	border: 0px solid #ccc;
	padding: 10px;
}

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

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