html {
	margin: 0;
	padding: 0;
	}
	
body {
	margin: 0;
	padding: 0;
	background: #333333 url(graphics/body-back-image.jpg) top left;
	background-repeat: repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	padding-top: 0px;
	}
	
#header {
	width:900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-bottom: 0;
	background: url(graphics/wrap.gif) top center;
	background-repeat: no-repeat;
	/*
	background: transparent url(graphics/colesello.gif) bottom right;
	background-repeat: no-repeat;
	*/
	min-height: 100%;
	}
	
#head {
	margin: 4px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #582764;
	background-repeat: repeat-x;
	}
#head h1 {font-size: 1.7em;}
#head a img{border: none;}
	
/*---------------------
/* link styles */
#container2 {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	background-color: #35406d;
	}
	
.nav a {
	text-decoration: none;
	display: block;
	padding: 5px 5px 4px 15px;
	color: white;
	width: 9em;
	font-weight: bold;
	font-size: .89em;
	background-color: #35406d;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
 	margin: 0;
}

.nav li li a {
  width: 12em;/* style for links on pop-up menus */
}

.nav li li li a {
	/* style for second level menu links */
}

.nav a:hover{
	background-color: #2f3b6f;
	color: #FFF;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;

}

/* main nav bar */
.nav {
	margin: 0;
	padding: 0;
	line-height: 1;
	border-right:1px solid #ffffff;
}

/* all list items */
.nav  li {
	margin:0 !important;
	padding:0 !important;
	list-style: none; /* remove bullets */
	float: left; /* place buttons side by side */
  	position: relative;
}


/* pop-up subnav */
.nav ul {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
    top: 1.72em; /* change when you change height of links */
	display: none;
}


/* list items in pop-up subnav */
.nav ul li {
	float: none; /* so links line up one above the other for drop-downs */
}

/*3rd level menu position*/
.nav ul ul {
	position: absolute;
  	left: 12em; /* change when you change width of links */
  	top: -1px;
  	z-index: 99;
  	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

.nav ul ul li {
	z-index: 100;
}




/* look for buttons that have menus */
.nav .sub {
	background-image: url(graphics/arrow_down.png);
  	background-repeat:no-repeat;
  	background-position: 2px 3px;
}

.nav .subsub {
	background-image: url(graphics/arrow_left.png);
  	background-repeat: no-repeat;
  	background-position: 4px 7px;
}

 ul {
	list-style-type: none; margin: 0px; padding-top: 10px; padding-bottom: 15px;
	}
#top-nav ul {
	list-style-type: none; margin: 0px; padding-top: 10px; padding-bottom: 15px;
	}
	
#top-nav ul li {display: inline;}

#top-nav ul a {
	color: #391346;
	
	padding: 5px 24px;
	margin-top: 7px;
	margin-right: 10px;
	text-decoration: none;
	}
	
#top-nav a:link {color: #582764;}
#top-nav a:visited {color: #582764;}
#top-nav a:hover {color: #582764; font-weight: bold;}
.hm {color: #582764; font-weight: bold;}

#wrap {background: url(graphics/wrap.gif) top center;
	background-repeat: repeat-y; padding-top: 20px;}

#wrapper {
	width: 900px;
	margin: -30px auto 0px auto;
	background-color: #333333;
	height: auto;
	}
	
#presentation {
	width:900px;
	height: 318px;
	margin-top: 78px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:0px;
	padding-top: 22px;
	padding-bottom: 0;
	padding-left: 2px;
	background: url(graphics/images/stripe.gif) top center;
	background-repeat: no-repeat;
	padding-top: 20px;
	}
	
#photodiv {
	float: right;
	padding: 0;
	padding-right: 8px;
	margin-top: -281px;
	background-repeat: no-repeat;
}

#flash2 {margin-top:-4px;}

#quick {
	width: 255px;
	height: 265px;
}
#quick img{
	margin: -12px 15px 0 -45px;
}
#quick a {
	text-decoration: none;
	padding: 5px 5px 5px 15px;
	margin: 5px;
	color: white;
	font-weight: bold;
	font-size: 1em;
	}
	
#quick ul {list-style-type: none;}

#quick li {padding: 10px 0px;}

#quick a:link {color: white;}
#quick a:visited {color: #582764;}
#quick a:hover {color: #582764; font-weight: bold;}
#side .sideblue img {
	margin: 6px 0 0 13px;
}
#inside {background-image:url(graphics/side-blue-bg.gif);}
#main {
	width: 900px;
	height:auto;
	padding: 20px 0 0 0;
	margin-top: -20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	font-family: Verdana, Geneva, sans-serif;
	background-color: white;
	background-image: url(graphics/main-bg.gif);
	color: 333333;
}
#maincontent {
	margin-left:270px;
	padding-right:15px;
	padding-bottom: 10px;
	font-size: small;
	padding-left: 10px;
	margin-top: 90px;
	border-left: 1px solid #35406d;
}
#maincontent .foto {
	float: right;
	margin:7px;
	border: 2px solid #333333;
}
#news {
	width:295px;
	font-size: 0.75em;
	margin: 0px0px 0px 0px;
	padding-right: 5px;
}
#welcome {
	float: right;
	width: 305px;
	font-size: 0.75em;
	margin: 0px 0px 0px 10px;
	padding-left: 10px;
	border-left: 1px solid c7c7c7;
}

#side {
	float: left;
	width: 250px;
	background-color: 35406d;
	clear: both;
	color: white;
}
#side a img {border: none;}
#side ul {
	margin: 0;
	padding: 0;
}

#big {
	float: right;
	width: 630px;
	margin-bottom: 20px;
	background-color: transparent;
}
#big ul {margin: 0; padding: 0;}
.wy {float: left; width: 200px; margin: 0; padding: 0;}
.ev {float: left; width: 200px;margin-left: 15px; padding: 0;}
.st {float: right; width: 200px;margin: 0; padding: 0;}

#big a img {border: none;}

/*Footer: Logo, copyright, address and phone number | contact info, giving, knowing Christ, privacy statement, site credits*/
#container3 {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 10px 0 0 0;
	width: 100%;
	background-color: #2f3b6f;
	clear: both;
	}

#footer {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	min-height: 100%;
	overflow: hidden;
	margin-top: 10px;
	padding-top: 0px;
	font-size: .70em;
	font-weight: bold;
	color: #fff;
	}	

#footer a {text-decoration: none;}
	
#one {
	float: left;
	width: 185px;
	height: 55px;
	padding-left: 40px;
}
#two {
	float: left;
	width: 185px;
	height: 55px;
	padding-left: 40px;
}
#three {
	float: left;
	width: 185px;
	height: 55px;
	padding-left: 40px;
}
#four {
	float: left;
	width: 185px;
	height: 55px;
	padding-left: 40px;
}

#footer a:link {color: white;}
#footer a:visited {color: white;}
#footer a:hover {color: #bf0000;}

#footer li {list-style-type: none;}

#footer ul {margin: 0; padding:0;}
#wrapper #main p samp {
	font-family: Verdana, Geneva, sans-serif;
}
#wrapper #main p samp {
	font-size: medium;
}
