/*@charset "utf-8";*?
/* CSS Document */

body {
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
     }


.bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	padding: 4px;
	}

.whitefont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	}
.links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-decoration: underline;
	color: #CC0000;
}
.links:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	color: #CC0000;
	text-decoration: underline;
}
.links:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #CC0000;
}
	
.smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	}

.emaillinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
	}
.emaillinks:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC0000;
	}
	
.small-links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
	text-decoration: none;
	}
	
.small-links:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC0000;
	}

.phototable {
	font-size: 12px;
}

#Container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 840px; /*changed width from 730 to 840 here*/
	
	}

#top {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 840px; /*changed width from 730 to 840 here*/
	margin: 0px 0px 0px 0px;
	height: 75px;
	padding: 0px 0px 24px 0px;
	background-image: url(banner-template2D840png.png); /*inserted the large background image*/
	} 

#churchtitle {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 840px; /*changed width from 730 to 840 here*/
	margin: 0px 0px 0px 0px;
	height: 26px;
	padding: 0px 0px 0px 0px;
	font-size: 26px;
	text-align: center;
	color: #FFFFFF;
		} 

#photo {
	float:left;
	width:170px;
	height: 750px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 10px;
}
/*this is a div I am adding for the news feed*/
#newsfeed {
	float: right;
	width: 120px;
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 15px;
}
	
#maincontent {
	position: absolute;
	top: 75px;
	left: 0px;
	width: 810px; /*probably need to change this to other widths but not shure how much */
	padding: 0px 15px 0px 15px;
	margin: 0px 0px 0px 0px;
	background-image: url(background-template2840.jpg);/*changed bg image to larger one*/
	}
#bottom {
	width: 840px; /*changed width from 730 to 840 here*/
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(bottom-template2840.jpg);/* changed to larger image, original images were .png*/
	position:relative;
    left:-15px;
	}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	
    }
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	color: #000000;
	list-style-type: disc;
	font-weight: normal;
	margin-bottom: 5px;
	list-style-position: inside;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
    }
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
    }	
	
#navcontainer
{
margin: 0 0 0 0;
padding: 0;
height: 20px;
align: center;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #800000;
width: 137px; /*anoher width I probably need to change */
height: 18px;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
padding: 0;
margin: 0 0 0 0;
color: #ffffff;
text-decoration: none;
display: block;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
}

#navcontainer ul li a:hover
{
color: #000000;
background: #ffffff;
border-top: 1px solid #800000;
border-left: 1px solid #800000;
border-bottom: 1px solid #800000;
border-right: 1px solid #800000;
font-weight: bold;
}

#navcontainer a:active
{
background: #800000;
color: #fff;
}

#navcontainer li#active a
{
background: #800000;
border: 1px solid #c60;
color: #fff;
}
#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
color: black;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #800000;
color:#FFFFFF;
}
.style2 {
	color: #FFFFFF;
	font-weight: bold;
}