/* Church Blue Template CSS by Nadia - dreamweaverresources.com */
body{
font:12px Verdana,Arial,Helvetica,sans-serif;
color:#666666;
text-align:center;
margin:0;
padding:0px;
background-image:url(../images/pagebck2.jpg);
background-position:center;
background-repeat:repeat-y;
background-color:#7B919B;
}
/* Heading styles */
h1{
font-size:16px;
color:#53646C;
}
h2{
font-size:14px;
color:#53646C;
}
h3{
font-size:12px;
color:#53646C;
}

/* sytles the unordered list */
ul{
margin:20px;
padding:0;
list-style:square;
}
ul li{
padding:0 0 0 25px;
line-height:1.5em;
}
/* content div - holds the header, content and footer areas - 
be careful when changing graphic widths that you change the widths in the relevant styles */

/* this is the outer wrapper div that surrounds the whole page */
#wrapper{
width:700px;
margin:auto auto;
padding:0;
background:url(../images/wrapperbg.jpg);
background-repeat:repeat-y;
background-position:center;
background-color:transparent;
}
#contentwrap{
width:700px;
margin:0 auto;
text-align:left;
padding:20px 0 0 0;
background-color:transparent;
}
#contentwrap a:link, #contentwrap a:visited{
color:#52656D;	}

#contentwrap a:hover{
color:#BFBBCA;
}

#contentwrap a:active{
color:#53646C;
}

/* footer styles */
#footer{
font:11px Verdana,Arial,Helvetica,sans-serif;
padding: 20px 0px 20px 20px;
text-align:left;
width:680px;
border-top:1px solid #A0AFB8;
}
#footer a:link{
color:#52656D;
text-decoration:underline;
}

#footer a:visited {color:#52656D;}
#footer a:hover, #footer a:focus {
color:#A29CB2;
text-decoration:none;
}
#footer a:active {
color:#53646C;
}
/*Header Div - if you change the header graphic width, you will need to adjust the height here*/
#header{
margin:0;
padding:0;
height:225px;
background:url(../images/header.jpg) no-repeat;
background-position:center;
}
/* this is the left column div */
#left{
width:490px;
margin:0px;
float:left;
background-color:transparent;
padding-right:10px;
padding-left:10px;
background-image:url(../images/doveback.gif);
background-repeat:no-repeat;
background-position:bottom right;
}
#left p{
text-align:justify;
}
/* this is the navbar div */
#nav{
width:170px;
padding:0;
margin:0;
float:right;
background-color:transparent;
}
#nav a,#nav a:visited{
padding:4px 10px 4px 14px;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
display:block;
width:100px;
text-decoration:none;
border:1px solid #7B919B;
background-color:#A0AFB8;
}
#nav a:hover{
border:1px solid #52656D;
background:transparent;
color:#A0AFB8;
}
#nav li{
margin:0 0 10px 0;
padding:0;
list-style-type:none;
background:none;
}
#nav ul{
margin:0;
padding:0;
}
/* styles the date div */
#pagedate{
font:11px Verdana,Arial,Helvetica,sans-serif;
color:#53646C;
text-align:center;
padding-bottom:20px;
}


/* FORM STYLES */
form {width: 500px; 
font-size: 12px;}

fieldset{
	padding:10px;
	border: 1px solid #67735D;
	margin-bottom:15px;
	margin-left: 25px;
	
width: 450px;
}

.textarea2{
background-color: #E4E9EB;
background-image: none;
border: 1px solid #006666;
margin: 4px;
padding: 6px;
}

/*styles the input fields*/
input,textarea{
background-color: #E4E9EB;
background-image:url(tutorial_pics/shadeform.jpg);
border: 1px solid #006666;
margin: 4px;
font: 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
}

label{
	color: #67735D;
	font-weight: bold;
}
legend{
padding:10px;/*gives a bit of padding between the border and the test*/
color: #67735D;
font:16px Verdana,Geneva,Arial,Helvetica,sans-serif;
font-weight: bold;
}
.submitbutton {
	border: 1px solid #003366;
	background-color: #E4E9EB;
}
/*end of form styles */