@charset "utf-8";
/* CSS Document */

/* copyright Web Impressions (http://www.webimpressionsdesign.com) */
/* created by Tracy Szappan  2009/05/14 */
/* last updated 2009/09/08 ts */

/* main */

body {
     margin: 0;
	 padding:0;
     background: #a45c3a url(images/bgtile_scroll2.jpg) top left repeat;
	 font: 1em Arial, Helvetica, sans-serif;
	 font-weight: bold;
	 color: #ffffff;
	 height: 100%;
	 }

a:link {
	color: #a45c3a;
	}
a:visited {
	color: #b95c36;	
	}
a:hover {
	color: #fff;
	}
a:active {
	color: #fff;
	}
	
img {
	border: 1px solid #a58036;
	}

h2 {
	margin: 0;
	padding: 0;
	height: 55px;
	}
h2 span {
	display: none;
	}
	
/* float clear fix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/*containers*/

#mainbox {
	margin: 0;
	padding: 0;
	width: 907px;
	margin-top: 0;
	min-height: 800px;
	height: 100%;
	padding-top:10px;
	margin-left: auto;
	margin-right: auto;
	background: #d1a140 url(images/bgtile_woven2.jpg) top left repeat-y;
	overflow: hidden;
	}

#header {
	margin: 0 1px 0 1px;
	padding: 0;
	width: 895px;
	height: 165px;
	background: url(images/banner.jpg) top left no-repeat;
	position: relative;
	left: 5px;	
	}
	
#header h1 {
	margin: 0;
	padding: 0;
	margin-left: 30px;
	display: none;
	}
	
#content {
	margin: 40px;
	width: 782px;
	height: auto;
	min-height: 300px;
	padding: 20px;
	background: #d1a140;
	opacity: .9;
	filter: alpha(opacity=90);
	border: 4px solid #923811;
	clear: both;
	}

/* horizontal menu - drop downs */
#topmenu {
	width: 897px;
	height: 22px;
	background: url(images/menubar.jpg) top left repeat-x;
	position: relative;
	z-index: 10000;
	left: 5px;
	border-top: 1px solid #62260b;
	}
	
#topmenu ul {
	margin: 0;
	padding: 0;	
	list-style: none;
	}
	
.dropdown {
	position: relative;
	left: 40px;
	}

#topmenu ul li {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	float: left;
	width: 140px;
	}

#topmenu a {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	display: block;
	text-decoration: none;
	font: 1em "Times New Roman", Times, serif;
	font-weight: bold;
	}
#topmenu a:link {
	color: #d1a140;
	}
#topmenu a:visited {
	color: #d1a140;
	}
#topmenu a:hover {
	color: #ffffff;
	}
#topmenu a:active {
	color: #ffffff;
	}

#topmenu li ul {
	display: none;
	position: absolute;
	list-style: none;
	background-color: #923811;
	}

#topmenu li:hover ul {
	display: block;
	overflow: hidden;
	position: absolute;
	}
	
#topmenu li:hover li {
	float: none;
	border-top: 1px solid #62260b;
	height: 22px;
	width: 150px;
	}

/* side menus */

#sidemenu {
	margin: 0;
	padding: 20px 20px 100px 60px;
	width: 200px;
	height: auto;
	float: right
	}
#sidemenu ul {
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
	}
#sidemenu li {
	padding: 15px 0 15px 0;
	border-bottom: 2px solid #923811;
	text-align: right;
	}
	
#sidemenu a {
	text-decoration: none;
	font: 1.2em "Times New Roman", Times, serif;
	letter-spacing: .1em;
	font-weight: bold;
	line-height: .9em;
	}
#sidemenu a:link {
	color: #923811;
	}
#sidemenu a:visited {
	color: #923811;
	}
#sidemenu a:hover {
	color: #fff;
	}
#sidemenu a:active {
	color: #fff;
	}


/* footer */
#footer {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	height: 23px;
	width: 897px;
	background: url(images/menubar.jpg) top left repeat-x;
	position: relative;
	left: 5px;
	clear: both;
	display: block;
	}
#footer a {
	margin: 0;
	padding-right: 15px;
	font: 1em "Times New Roman", Times, serif;
	font-weight: bold;
	text-decoration: none;
	float: right;
	}
#footer a:link {
	color: #d1a140;
	}
#footer a:visited {
	color: #d1a140;
	}
#footer a:hover {
	color: #fff;
	}
#footer a: active {
	color: #fff;
	}
	



/* splash page */
#splashcontent {
	margin: 0px 65px 30px 95px;
	width: 897px;
	padding: 0;
	position: absolute;
	top: 200px;
	}

#slideshow {
	margin: 0;
	padding: 0;
	height: 227px;
	width: 325px;
	position: absolute;
	top: 274px;
	left: 394px;
	}
	
#services {
	display: block;
	margin: 0px auto 0px auto;
	width: 1600px;
	clear: both;
	}	
.servicesched {
	margin: 0px auto 0px auto;
	display: block;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	letter-spacing: .13em;
	position: relative;
	top: -15px;
	left: -413px;
	}

#splashcontent #footer {
	position: relative;
	left: -90px;
	top: 20px;
	}
/* --------------------------------------------- */
/* splash page linked images */

#splashlinks {
	list-style-type: none;
	margin:0;
	padding: 0;
	}
#splashlinks .linkpic {
	float: left;
	display: block;
	width: 150px;
	margin: 10px;
	display: inline;
	padding: 0;
	border: 1px solid #a58036;
	height: 225px;
	}
#splashlinks img {
	border: none;
	}

/* mouseovers */
.splashlinklist .over {
	display: block;
	height: 225px;
	width: 150px;
	}
.splashlinklist .imglinks {
	height: 0;
	overflow: hidden;
	}
.splashlinklist li:hover .imglinks {
	cursor: pointer;
	height: 225px;
	width: 150px;
	}
.splashlinklist li:hover .over {
	height: 0;
	overflow: hidden;
	}

/* link menus on images */		
.imglinks {
	position: relative;
	left: -30px;
	}
.imglinks li {
	padding-top: 20px;
	display: block;
	width: 130px;
	text-align: right;
	}
.imglinks li a {
	font: 1.1em "Times New Roman", Times, serif;
	text-decoration: none;
	text-align: right;
	}
.imglinks a:link {
	color: #fac55b;
	}
.imglinks a:visited {
	color: #fac55b;
	}
.imglinks a:hover {
	color: #fff;
	}
.imglinks a:active {
	color: #fff;
	}

/* background images and adjust link menu positions */
#wellink {
	background: url(images/welcome_bw.jpg);
	}
#wellink .imglinks {
	top: 145px;
	}
#aboutlink {
	background: url(images/about_bw.jpg);
	}
#aboutlink .imglinks {
	top: 0px;
	}
#minlink {
	background: url(images/ministries_bw.jpg);
	}
#minlink .imglinks {
	top: 145px;
	}
#callink {
	background: url(images/calendar_bw.jpg);
	}
#callink .imglinks {
	top: 125px;
	}
#conlink {
	background: url(images/connections_bw.jpg);
	}
#conlink .imglinks {
	top: 145px;
	}
#contactlink {
	background: url(images/contact_bw.jpg);
	}
#contactlink .imglinks {
	top: 105px;
	}




/* ------------------------------------------------------- */
/* page headers and other changes - all other pages */


#desk h2 {
	background: url(images/deskheader.png) top left no-repeat;
	}


#webelieve h2 {
	background: url(images/believeheader.png) top left no-repeat;
	}
#webelieve .list {
	list-style: url(images/bullet.png);
	}
#webelieve .list li {
	padding: 10px 0 0 0;
	}

#vtpastors h2 {
	background: url(images/vtpastors.png) top left no-repeat;
	}
	
#churchfamily h2 {
	background: url(images/churchfamily.png) top left no-repeat;
	}

#history h2 {
	background: url(images/historyheader.png) top left no-repeat;
	}

.ministries #content {
	min-height: 850px;
	}		
#ministries h2 {
	background: url(images/ministriesheader.png) top left no-repeat;
	}	
#biblestudy h2 {
	background: url(images/biblestudy.png) top left no-repeat;
	}
#elevate h2 {
	background: url(images/elevate.png) top left no-repeat;
	}	
#sundayschool h2 {
	background: url(images/sundayschool.png) top left no-repeat;
	}
#womensministry h2 {
	background: url(images/womensministry.png) top left no-repeat;
	}	
#collegecareer h2{
	background: url(images/collegecareer.png) top left no-repeat;
	}		
#daughtersofzion h2 {
	background: url(images/daughtersofzion.png) top left no-repeat;
	}
#mensministry h2 {
	background: url(images/mensministry.png) top left no-repeat;
	}
#outreach h2 {
	background: url(images/outreach.png) top left no-repeat;
	}	
#helpinghand h2 {
	background: url(images/helpinghand.png) top left no-repeat;
	}	
#musicministry h2 {
	background: url(images/musicministry.png) top left no-repeat;
	}	
#soundmultimedia h2 {
	background: url(images/soundmultimedia.png) top left no-repeat;
	}	
#cadetministry h2 {
	background: url(images/cadetministry.png) top left no-repeat;
	}

#announcements h2 {
	background: url(images/announcements.png) top left no-repeat;
	}

#connections h2 {
	background: url(images/connections.png) top left no-repeat;
	}

#directions h2 {
	background: url(images/directions.png) top left no-repeat;
	}
	
#contact h2 {
	background: url(images/contact.png) top left no-repeat;
	}
	
/*------------------------------------------------------------------*/
/* IE hacks */



/* float clear fix */
.clearfix {
    zoom: 1;     /* triggers hasLayout */
	}

/* adjust slideshow, service schedule, and footer for all ie */
#home #ieonly #splashcontent {
	top: 220px;
	}
#ieonly #slideshow {
	position: relative;
	top: 10px;
	left: 10px;
	}
#ieonly #services {
	position: relative;
	top: 0;
	left: 0;
	}

#webelieve #ieonly .list p {
	position: relative;
	top: -15px;
	}

/* ie8 */

#home #ie8 #splashcontent {
	top: 200px;
	}
#ie8 #slideshow {
	position: relative;
	top: -237px;
	left: 396px;
	}
	
/* remove mouseover for ie6 */	
#ie6lte .over {
	display: none;
	}
#ie6lte .imglinks {
	height: 225px;
	width: 150px;
	margin: 0;
	position: relative;
	left: 15px;
	}

/*change backgrounds for ie6 */
#ie6lte #wellink {
	background: url(images/welcome_bw.jpg);
	}
#ie6lte #aboutlink {
	background: url(images/about.jpg);
	}
#ie6lte #minlink {
	background: url(images/ministries_ie.jpg);
	}
#ie6lte #callink {
	background: url(images/calendar.jpg);
	}
#ie6lte #conlink {
	background: url(images/connections.jpg);
	}
#ie6lte #contactlink {
	background: url(images/contact.jpg);
	}

/* adjust fonts and link menu positions in ie6 */
#ie6lte .imglinks li a {
	font: 1em "Times New Roman", Times, serif;
	font-weight: bold;
	}
#ie6lte #aboutlink .imglinks {
	top: 30px;
	}
#ie6lte #topmenu ul {
	margin-left: 50px;
	}

#ie6lte #mainbox {
	height: auto;
	}	
#home #ie6lte #mainbox {
	height: 800px;
	}
	
#ie6lte h2 {
	background: none;
	font: 2.5em "Times New Roman", Times, serif;
	font-weight: bold;
	color: #923811;
	}
#ie6lte h2 span {
	display: inline;
	}
