/* CSS Church 2 by Nadia - DreamweaverResources.com */
body{
	color:#993333;
	text-align:center;
	margin:0;
	padding:0px;
	background-image:url(../images/pagebck2.jpg);
	background-repeat:repeat-x;
	background-color:#AA9780;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* BASIC STYLES */
h1{
font-size:16px;
color:#806C55;
}
h2{
font-size:14px;
color:#806C55;
}
h3{
font-size:12px;
color:#806C55;
}
ul{
margin:20px;
padding:0;
list-style:square;
}
ul li{
padding: 0 0 0 15px;
line-height:1.5em;
}

/* WRAPPER DIV THAT HOLDS THE CONTENT AREA */
#contentwrap{
width:700px;
margin:0 auto;
text-align:left;
padding:20px 0 0 0;
background-color:transparent;
}

/* FOOTER DIV */
#footer{
clear:both;
font:11px Verdana,Arial,Helvetica,sans-serif;
padding:10px 0px 20px 20px;
text-align:left;
border-top:1px solid #806C55;
}
/* STYLES FOR THE FOOTER LINKS */
#footer a,#footer a:link,#footer a:visited,#footer a:active{
color:#806C55;
text-decoration:underline;
}
#footer a:hover, #footer a:focus {
color:#8C775E;
text-decoration:none;
}

/* HEADER DIV - BE CAREFUL WHEN MODIFYING YOUR HEADER IMAGE
 MAKE SURE IT IS THE SAME SIZE OR YOU WILL HAVE PROBLEMS WITH THE DIVS NOT LINING UP CORRECTLY */
#header{
margin:0;
padding:0;
height:238px;
background:url(../images/header.jpg) no-repeat;
background-position:center;
}

/* THIS IS THE LEFT SIDE DIV */
#left{
width:500px;
margin:0px;
float:right;
background-color:transparent;
padding-right:10px;
padding-left:10px;
}
#left a,#left #left a:link,#left a:hover,#left a:visited,#left a:active{
color:#993333;
}
#left p{
text-align:left;
}

/* NAV BAR LINK STYLING - GIVES THE IMPRESSION OF USING BUTTONS */
#nav{
width:160px;
padding :0;
margin-left:10px;
float:left;
border-right:1px solid #806C55;
background-color:transparent;
background-image:url(../images/doveback.gif);
background-repeat:no-repeat;
background-position:bottom center;
}
#nav a,#nav #nav a:visited{
padding:4px 10px 4px 14px;
font-size:11px;
font-weight:bold;
color:#806C55;
display:block;
width:100px;
text-decoration:none;
border:1px solid #806C55;
background-color:#C4B7A7;
}
#nav a:hover{
border:1px solid #806C55;
background:transparent;
color:#806C55;
}
#nav li{
margin:0 0 10px 0;
padding:0;
list-style-type:none;
background:none;
}
#nav ul{
margin:0;
padding:0;
}

/* THIS STYLES THE DATE DIV */
#pagedate{
font:11px Verdana,Arial,Helvetica,sans-serif;
color: #999999;
text-align:center;
padding-bottom:20px;
}

/* THIS IS THE WRAPPER DIVE THAT HOLD THE WHOLE PAGE TOGETHER */
#wrapper{
width:700px;
margin:auto auto;
padding:0;
background:url(../images/wrapperbg.jpg);
background-repeat:repeat-y;
background-position:center;
background-color:transparent;
border-right:1px solid #806C55;
border-left:1px solid #806C55;
}
.imgright {	
	float:right;
	padding: 4px;
}
.imgleft {
	float: left;
	padding: 4px;
}

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

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

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

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

label{
	color: #8C775E;
	font-weight: bold;
}
legend{
padding:10px;/*gives a bit of padding between the border and the test*/
color: #71482A;
font:16px Verdana,Geneva,Arial,Helvetica,sans-serif;
font-weight: bold;
}
.submitbutton {
	border: 1px solid #806C55;
	background-color: #C4B7A7;
}
/*end of form styles */