* {
	padding:0;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
html { height:100.1%; line-height:0.9em }
img { border:0 }
BODY {
	font-size:77%;
	background:#A3A8AD url(../images/bg.jpg) top repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#676A6D
}
#wrapper { width:866px; margin:auto }
#logo { width:534px; height:116px; float:left;  }
#topButtons { float:right; position:relative; margin:35px 20px 0 0 }

/* TOP NAVIGATION TAB STYLES */
#nav { background:url(../images/nav-bar.gif) no-repeat; width:866px; height:115px; margin:5px auto } 
.menu { font-size:13px; line-height:normal; padding:45px 0 0 0; margin:0 auto; width:790px }
.menu ul { list-style:none }
.menu li { list-style:none; margin:0; padding:0; float:left }
.menu li2 {padding-left: 10px}
.menu a { color:#3A4F6A; text-decoration:none; font-weight:bold }
.dv { margin:0 28px }
/* END TOP NAVIGATION TAB STYLES */

/* HOME PAGE STYLES */
#home { height:355px; width:850px; margin:20px auto 9px auto }
#pics { width:425px; float:left; position:relative }
#content { width:390px; float:right; position:relative }
#contactForm { width:340px; float:right; position:relative }
#btColumn { height:280px; width:860px; margin:0 auto; background:url(../images/bt-column.gif) repeat-y; border-bottom:1px solid #fff }
#events, #address { width:319px; height:250px; overflow:auto; float:left; position:relative; padding:15px; color:#fff }
#events b {
	background:url(../images/bullet.gif) no-repeat left;
	padding:2px 0 0 0px
}
#services { width:200px; float:left; margin:0 0 0 25px; padding:15px 0; color:#333  } 
#connect { width:250px; float:right; position:relative; padding:15px 0; margin:0 10px 0 0; display:inline }
#footer { margin:0 auto; color:#fff; font-size:.8em; background:#A3A8AD; width:835px; padding:10px }
#footer a { color:#fff }

/* INTERIOR PAGE STYLES */
#interior { background:#F5F6FA; width:820px; margin:5px auto; padding:15px; border:3px double #F5F6FA; overflow:hidden }


/* LINKS, TEXT, BUTTONS & CONTENT STYLES */
a { color:#2E4F7E; text-decoration:underline }
a:hover, .active a {
	color: #B70000
} 
h2.title {
	font-weight:bold;
	font-size:1.3em;
	color:#72601E;
	background:url(../images/subhead.gif) no-repeat;
	height:30px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 35px;
}
.sm { font-size:0.8em }
.lt { float:left; position:relative }
.rt { float:right; position:relative }
.highlight { background:#FBF1D0; color:#333 }
.audio ul, .resources ul, .ministries ul { list-style:none; margin:0; padding:0 }
.audio li, .resources li { background:url(../images/list.gif) left no-repeat; padding:0 0 0 12px; list-style:none }
.resources { border:1px dotted #5375A1; padding:10px; background:#DBE5F3; line-height:2em }
.ministries li { border:1px dotted #5375A1; padding:10px; background:#DBE5F3; margin-bottom:10px }
#events a,  #address a { color:#fff }

/* MISC & FORM STYLES */
.calendar { width:800px; margin:0 auto }
.divBar { background:url(../images/div-bar.gif) repeat-x; width:100%; height:35px; margin:10px 0; clear:both }
.rightImg {
	float:right;
	position:relative;
	border:1px solid #ccc;
	margin:0 0 10px 25px
}
.rightImg2 {
	float:right;
	position:relative;
	margin:0 0 10px 25px;
	padding-bottom: 75px;
}
.leftImg { float:left; position:relative; border:1px solid #ccc; margin:0 15px 0 0 }
.readmore { float:right; position:relative; border:0; margin:5px 10px 0 0 }
.cellStaff { width:100%; margin:0 0 20px 0; overflow:hidden; clear:both } 
.cellStaff img { float:left; margin:0 15px 0 0; border:4px double #C5C1AE } 
.form { 
	border:1px solid #7F9DB9;
	height:15px; 
	width:240px; 
	background: #fff; 
	font-size:90%;
	padding:2px 0 0 5px
}
.clear { clear:both }
.spacer { height:10px; clear:both }
.style6 {
	font-size: 16px;
	color: #004080;
	font-style: italic;
}
.sytle7 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}
.sytle8 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 19px;
}

.style9 {color: #9F0000; font-size: 14px}

.green {color: #2F882B}

.directions {
   font: 12px/14px Verdana;
   margin: 0px;
   color: #33460D;
   text-align: center;
}

.style11 {
	font-size: 13px;
	color: #782814;
	font-weight: bold;
	font-weight: bold;
}

.style15 {
	font-size: 13
}

.style50 {
	font-size: 13
	margin: 5px
	margin: 5px;
	padding: 10px;
}

h1 {
	font-size:20px;
	color:#00428A
}

h2 {
	font-size:16px;
	color:#666
}

h3 {
	font-size:16px;
	color:#008040
}

h4 {
	font-size:15px;
	color:#422100
}

h5 {
	font-size: 16px;
	color: #5EAD43;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}

h6 {
	font-size: 18px;
	color: #5EAD43;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}

.image5 {
	float: left;
	margin-bottom: 5px;
	margin-left: 200px;
}

#interior ul {padding-left:35px}
#interior li {padding-left: 15px}
#interior ol {padding-left:40px}
#interior h1 {font-size: 19px; color: #00428A}
#bio {
	width: 650px;
	margin-left: 100px;
	margin-right: 25px;
}

#bio h2 {
	font-size: 15px
}

#bio h3 {
	font-size: 14px
}

#bio2 {
	width: 675px;
	margin-left: 80px;
	margin-right: 25px;
}

#bio2 h2 {
	font-size: 15px
}

#bio3 {
	width: 720px;
	margin-left: 70px;
	margin-right: 25px;
}

#bio3 h2 {
	font-size: 15px
}

#bio5 {
	width: 650px;
	margin-left: 100px;
	margin-right: 25px;
	background-color: #FDF1C8;
	border: 1px solid #9F0000;
}

#bio5 h2 {
	font-size: 15px
}

#bio5 h3 {
	font-size: 14px
}

.image-outer {border:2px solid #fff; margin-right:5px; margin-bottom:4px;} 

#content2 {
	float: right;
	width: 740px;
}

.boxed {
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
}

.boxed h1 {font-size:25px}


.boxed p, .boxed ul, .boxed ol {
	line-height: 150%;
	font-size: 13px;
}

.boxed h2 {
	font-size: 16px;
	color: #008040;
}

.boxed h3 {
	font-size: 18px;
	color: #800000;
}

.boxed h4 {
	padding: 0px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 16px;
	margin-left: 25px;
	color: #0000FF;
}

.gray {
	margin: 25px 5px 5px 5px;
	color: #000000;
	background:#F5F6FA;;
}

.gray a {
	color: #000000;
}

.col-seven {
	float: left;
	width: 300px;
	line-height: 30px;
	color: #000000;
	padding-bottom: 10px;
}


.col-eight {
	float: right;
	width: 290px;
	line-height: 30px;
	padding-left: 15px;
	padding-bottom: 10px;
}



/*begin #rightContent div*/

/* === form footers for #rightContent ======================================= */

#bio4 {
	width: 650px;
	margin-left: 110px;
	margin-right: 25px;
	border: 1px solid #999999;
	padding: 5px;
}

#bio4 ol {margin-left: 35px}

#bio4 li {margin-left: 10px}

#bio4 ul, #bio4 ol {
	line-height: 150%;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	margin-left: 5px}

#bio4 p.form-footer {
  margin : -35px 2px 20px 13px;
 }

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

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

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

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

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

/*Div for #rightContent */


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

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

#bio4 a:focus, #bio4 a:active { 
  background-color : #eee; 
}

#bio4 form2 {margin-left: 40px}

#bio4 h1 {font-size:20px}


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

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


#bio4 h1 {
	font-size: 16px;
	font-weight:bold;
	color: #000000;
	padding: 5px;
}


#bio4 h2 {
	font-size: 16px;
	font-weight:bold;
	color: #000000;
	padding: 5px;
}

#bio4 h3 {
	font-size: 14px;
	color: #800000;
}

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

#bio4 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 ======================= */

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

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

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

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

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


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

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

#bio4 legend.main-legend span { }
#rightContent legend.main-legend { }

#bio4 legend.req-legend span { }
#bio4 legend.req-legend {
  margin-left : -2px;
}

#bio4 legend.opt-legend span { }
#bio4 legend.opt-legend { 
  margin-left : -2px;
}

#bio4 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;
}

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

#bio4 legend { 
  font-weight : bold;
}

#bio4 legend span { }

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

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

#bio4 p.error {
	font-size: 19px;
	color: #EDE810;
	font-style: italic;
	background-color:##800000;
	padding: 20px;
	border : 1px solid #000;
	margin : 10px 3px;
}
	
#bio4 p.error, #rightContent 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;
}

#bio4 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*/
}

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

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

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


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


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

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

#bio4 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*/
}

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

#bio4 input.text-short, 
#bio4 input.text-med, 
#bio4 input.text-long,
#bio4 select.select,
#bio4 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*/
}

#bio4 select.select {
  padding : 1px 0;
}

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

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

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

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

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

#bio4 input.text-long {
  width : 300px; 
}

#bio4 textarea.textarea {
  width : 400px;
  height : 100px;
} /*big Box for messages*/

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

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

#bio4 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;
}

#bio4 input.button:hover, #bio4 input.button.hover,
#bio4 input.button:focus, #bio4 input.button.focus {
	color : #0055B3;
}

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


/*end of #rightContent */