body 	{
		     	background-color: #333333;
		     	color: #000000;
				font-family: "Trebuchet MS", verdana, arial, "Times New Roman";
				font-size: 0.85em;
				margin-top: 5px;
				}
	
	#wrapper 	{
				width: 890px;
				border: 5px solid #000;
				background-color: #393F5F;
				color: #fff;
				margin-left: auto;
				margin-right: auto;
				}
			
	#leftcol 	{
				width: 260px;
				padding: 5px;
				float: left;
				}
			
	#rightcol	{
				width: 610px;
				padding: 5px;
				float: right;		
				}
			
	#footer		{
				width: 890px;
				height: 116px;
				background-image: url(../site-images/footer-background.jpg);
				background-repeat: no-repeat;
				margin-top: 20px;
				padding-top: 70px;
				background-color: #393F5F;
				}
			
.footercontent	{
				float: left;
				margin-right: 20px;
				margin-left: 5px;
				}
			
	h1			{
				font-size: 1.4em;
				}
			
	h2			{
				font-size: 1.1em;
				color: #FF690B;
				margin: 0px;
				margin-bottom: 8px;
				padding: 0px;
				}
			
	p			{
				margin-top: 0px;
				line-height: 23px;
				}
			
	.clear		{
				clear: both;
				}
				
.item			{	
				border-bottom: 1px solid #FFA975;
				float: left;
				width: 300px;
				height: 100px;
				}


a:link, a:visited, a:active
				{
				color: #ffffff;
				text-decoration: none;
				font-weight: bold;
				background-color: transparent;
				}

a:hover
				{
				background-color: #393F5F;
				color: #FF690B;
				font-weight: bold;
				text-decoration: none;
				}


/* MENU STYLE	 */			
#vertmenu {
width: 240px;
padding: 0px;
margin: 0px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}

#vertmenu li ul {
list-style: none;
margin-bottom: 10px;
padding: 0px;
width: 260px;
border: none;
}

#vertmenu ul li {
margin: 0px;
padding: 0px;
}

#vertmenu ul li a {
font-size: 1.1em;
display: block;
border-top: 1px solid #FFA975;
padding: 10px;
text-decoration: none;
color: #fff;
width: 240px;
font-weight: bold;
background-color: transparent;
}

#vertmenu ul li.homepage a {
border: none;
}

#vertmenu li ul li a {
font-size: 1.1em;
display: block;
border: none;
padding-left: 45px;
padding-top: 0px;
padding-bottom: 0px;
text-decoration: none;
color: #fff;
width: 205px;
font-weight: normal;
background-color: transparent;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}


table{ 
width: 100%;
border-collapse: collapse;
border-spacing: 0px; 
}

th
{ 
background-color: #FFA975;
color: #000; 
border: 0px;
text-align: left;
border-bottom: 1px solid #000;
padding-left: 10px;
padding-right: 10px;
height: 20px;
font-weight: bold;
}

td
{ 
background-color: transparent;
color: #fff; 
border: 0px;
text-align: left;
border-bottom: 1px solid #fff;
padding-left: 10px;
padding-right: 10px;
height: 20px;
}



/* Style the forms */
.stokenchurchform p{
width: 450px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
}

.stokenchurchform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.stokenchurchform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.stokenchurchform textarea{
width: 250px;
height: 150px;
}

/*.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;
}