/* CSS Document */

body {
	font-family:"Century Gothic","Apple Gothic",Helvetica,Arial,sans-serif;
	font-size: .9em;
	color:#371e0c;
	background-color: #FFFFFF;
	margin:0;
	padding:0;
}
p {
	line-height:1.8em;
}
a:link {
	color: #7441b1;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #5D328E;
}
a:hover {
	text-decoration: none;
	color: #5D328E;
}
a:active {
	text-decoration: underline;
	color: #5D328E;
}
h1 {
	font-size: 2.3em;
	color: #7341B4;
}
h2 {
	font-size: 2em;
	color: #7341B4;
}
h3 {
	font-size: 1.5em;
	color: #7341B4;
}
h4 {
	font-size: 1.2em;
	color: #7341B4;
}
h5 {
	font-size: 1.1em;
	color: #7341B4;
}
h6 {
	font-size: 1em;
	color: #7341B4;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
li {
margin-bottom:.5em;
line-height:1.4em;
}
.readingslist {
margin-top:0px;
margin-left:0px;
}
.readingslist li {
margin-bottom:.2em;
line-height:1.2em;
font-size:.8em;
width:170px;
list-style-type:none;
}
.readingslist li ul li {
font-size:1em;
}
.readingscolumn {
width:200px;
margin-right:1em;
float:left;
}
#container {
width:1000px;
margin:0 auto;
background:url(images/container_bg_woutgradient.jpg) no-repeat 650px 0px;
}
#logo {
height:70px;
width:700px;
overflow:hidden;
text-indent:-9000px;
padding-top:20px;
margin-bottom:0px;
background:url(images/reverend-shelley-fenwicklog.jpg) no-repeat top left;
display:block;
float:left;

}
.headerimage{
background:#FFFFFF;
border:1px solid #d6d5d5;
padding:10px;
}
#navigation {
width:872px;
margin-left:-35px;
font-size:.92em;
}

#navigation li{
list-style-type:none;
float:left;
line-height:1.4em;
text-align:center;

}

#navigation li a{
margin:10px 8px;
text-decoration:none;
font-weight:normal;
background:none;
display:block;
color:#371e0c;
}

#navigation li a:hover{
text-decoration:none;
display:block;
border-bottom:1px dotted #7441b1;
}

.current a {
text-decoration: none;
font-weight: bold;
color: #7341B4;
border-bottom:1px dotted #7441b1;
}
.menulink {
border:1px solid #9dc900; 
border-width:0 1px 0 0;
}
#content {
clear:both;
margin:1em .5em;
}
#left_column {
width:650px;
float:left;
margin:10px 0px;
}
#right_column {
width:210px;
float:left;
margin:10px 0 20px 20px;
}
.action_button {
background: #d9ed94;
border:1px solid #9dc900;
padding:7px;
font-size:1.5em;
text-align:center;
}
.action_button a {
background: #d9ed94;
border:1px solid #9dc900;
padding:7px;
display:block;
text-decoration:none;
}
.action_button a:hover {
background: #E4F79A;
border:1px solid #9dc900;
padding:7px;
display:block;
}
#footer {
clear:both;
font-size:.8em;
margin:20px auto;
text-align:center;
}
.clear {
clear:both;
}
.testimonial {
border-bottom:1px dotted #7441b1;
background:url(images/body_gradient.jpg) repeat-x bottom left;
padding: 2em 2em;
margin: 10px 0px;
}
.section {
border-bottom:1px dotted #7441b1;
}
.cssform {
}
.cssform fieldset{
border:none;
margin-bottom:1em;
padding:2em;
background:url(images/body_gradient.jpg) repeat-x bottom left;
}
.cssform legend {
background:#FFF;
	color: #7341B4;
border:1px dotted #9dc900;
border-width: 0 1px 0 1px;
padding:7px;
font-size:1.5em;
}
.cssform p{
clear: left;
margin: 0;
padding: 10px 0 8px 0;
padding-left: 205px; /*width of left column containing the label elements*/
border-top: 1px dotted #7441b1;
height: 1%;
}

.cssform label{
float: left;
margin-left: -205px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
margin-bottom:.5em;
line-height:1.4em;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 400px;
border:1px solid #9dc900;

margin-bottom:.5em;
}
.cssform input[type="submit"]{ 
background: #d9ed94;
border:1px solid #9dc900;
padding:7px;
display:block;
text-decoration:none;
font-size:1.5em;
text-align:center;
color: #7441b1;
}
.cssform input[type="submit"]:hover{ 
background: #E4F79A;
}
.form_action_button {
background: #d9ed94;
border:1px solid #9dc900;
padding:7px;
float:right;
margin-right:10px;
}
.cssform textarea{
width: 400px;
height: 150px;
border:1px solid #9dc900;


}
.cssform .form_info {
margin-left:-205px;
border-top:none;
}
.cssform .small_form_text {
font-size:.7em;
font-style:italic;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
.contentimage{
background:#FFFFFF;
border:1px solid #d6d5d5;
padding:7px;
margin: 10px 0;
}
.contentimageleft{
background:#FFFFFF;
border:1px solid #d6d5d5;
padding:7px;
margin:0px 10px 10px 0px;
float:left;
}
.contentimageright{
background:#FFFFFF;
border:1px solid #d6d5d5;
padding:7px;
margin:0px 0px 10px 10px;
float:right;
}
.subtitle {
	font-size: .75em;
}
#contactinfo {
float:left;
font-size:.8em;
margin-top:50px;
}
.smaller {
	font-size: .7em;
}