/* Generated by KompoZer */
body {
  margin-top: 0;
  background-color: #d5cfd8;
  font-family: Arial;
  background-image:url(images/background.gif)
}
h3 {
  text-align: center;
  color: #400080;
  font-family: Georgia;

}

.blueBold{
	 color: #400080;
	font-weight:bold;
}

hr {
  color: #400080;
}
.fakeH4 {
  font-family: Verdana, Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-size: 14px;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  font-weight: bold;
}
img.border {
  border: thin solid #400080;
  text-align: center;
}
img.floatLeft {
  margin: 4px;
  float: left;
}
img.floatRight {
  margin: 4px;
  float: right;
}
.centeredImage {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#myHeader {
  background-image:url(images/churchtop_trans100.gif);
  height: 140px;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  border-width:3px 3px 0px 3px;
  border-color:#400080;
  border-style:solid;
}
#leftHeader {					/*top, right, bottom, left*/
  text-align:right; 
  width:270px; 
  margin: 10px 0px 0px -20px;
  float: left;
  font-family: sans-serif,Arial;
}
#rightHeader {
  margin: 0px 10px 0 0px;
  padding-top: 0px;
  float: right;
  width: 320px;
  font-family:calibri 			/*cursive; sans-serif,Arial;*/
  color:black;
  font-style: italic;
  font-weight: normal;
  font-size: 16px;
  text-align: left;
  z-index:1
}
#centerHeader {
  margin: 5px 0px 0 10px;
  padding: 0px;
  float: left;
  top: 3px;
  text-align: right;
  width: 60%;
  font-family: sans-serif,Arial;
}
.email a:link {
  color: white;
}
.centerHeader {
  color: #400080;
}
p.myCredo {
  border: thin solid #400080;
  padding: 10px;
  width: 180px;
  font-style: italic;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
}
#wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  border-style: solid;
  border-color: red;							/*#400080;*/
  border-width: 0px 0px 3px 3px;					/*top, right, bottom, left*/	
}
#ribbon {
  border-style: solid;
  border-color: #400080;
  border-width: 0px 3px 0px 3px;					/*top, right, bottom, left*/			
  background: #6a26f9 none repeat scroll 0%;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  height: 20px;
  font-style: italic;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: white;
  padding-top: 5px;
  width: 800px;
}
#myMenu {
  border-width: 0px 3px 0px 0px;
  border-style:solid;
  border-color:#400080;	
  width: 200px;
  position: absolute;
  top: 0;
  min-height: 100px;
  clear: both;
  float: left;
  background-color: #6a26f9;
  text-align: center;
  color: white;
  list-style-type: none;
}
div#outerShell {
  border-width: 0px 3px 0px 3px;
  border-style:solid;
  border-color:#400080;				/*top, right, bottom, left*/
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  min-height: 400px;
  height: auto;
  background-color: #EEF2FB;
  position: relative;
}
#leftColumn {
  margin: 0px 0px 20px;
  padding: 0px 20px 5px;
  position: absolute;
  top: 0;
  left: 200px;
  float: left;
  width: 250px;
  min-height: 250px;
  z-index:1;
}
#rightColumn {
  margin: 0px 0px 20px;
  padding: 0px 10px 5px;
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  width: 280px;
  min-height: 250px;
}
#centerColumn {
  margin: 10px 20px 10px 20px;			/*top, right, bottom, left*/
  padding: 0px 0px 0px 0px;
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  width: 558px;
   						/*border:1px solid red;*/
}
#staffPhoto{
	position:relative;
	width:250px;
	text-align:center;
	height:250px;
	margin-top:60px;
}

#footer {
  border-width: 0px 3px 3px 3px;
  border-style:solid;
  border-color:#400080;	
  clear: both;
  position: relative;
  width: 800px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -3px;
  padding-top: 10px;
  background-color: #6a26f9;
}
.footerIcon1 {
  text-align: left;
  width: 150px;
  float: left;
  padding-left: 20px;
}
.footerIcon2 {
  text-align: center;
  width: 150px;
  float: left;
}
.footerIcon5 {
  width: 150px;
  float: right;
  text-align: right;
  padding-right: 20px;
}
#footer1 {
  padding: 3px 0px 10px 0px;					/*top, right, bottom, left*/
  position: relative;
  clear: both;
  width: 800px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: small;
  font-style: italic;
}
.italic {
  font-style: italic;
}
.cssfly {
  margin: 0;
  padding: 30px 0 0 0px;
  font-family: arial,sans-serif;
  width: 201px;
  position: relative;
  font-size: 16px;
  color: #000000;
  background-color: #6a26f9;
  z-index:2;
}
.cssfly ul li a, .menu ul li a:visited {
  border-style: solid;
  border-color: #400080;
  border-width: 1px 0px 1px 0px;
  display: block;
  text-decoration: none;
  width: 200px;
  height: 30px;
  text-align: center;
  color: white;
  line-height: 25px;
  font-size: 16px;
}
/*.cssfly ul li a:visited {
  color: red;
}
.cssfly ul li ul li a:visited {
  color: red;					*/			
}
ul li ul li a.active, ul li ul li a.active:hover {
  color: purple;
}
.cssfly ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.cssfly ul li {
  float: left;
  margin-right: 1px;
  position: relative;
}
.cssfly ul li ul {
  display: none;
}

/*test*/
.cssfly ul li:hover ul li a:visited {
  color:red;
}


.cssfly ul li:hover a {
  background: #400080 none repeat scroll 0%;
  color: #ffffff;
  
}
.cssfly ul li:hover ul {
  display: block;
  position: absolute;
  top: 0;
  left: 200px;
  width: 105px;
}
.cssfly ul li:hover ul li a.hide {
  background: #cccccc none repeat scroll 0%;
  color: #000000;
}
.cssfly ul li:hover ul li:hover a.hide {
  width: 200px;
}
.cssfly ul li:hover ul li ul {
  display: none;
}
.cssfly ul li:hover ul li a {
  background: #cccccc none repeat scroll 0%;
  display: block;
  color: #000000;
  width: 200px;
}
.cssfly ul li:hover ul li a:hover {
  background: #400080 none repeat scroll 0%;
  color: #ffffff;
}
.cssfly ul li:hover ul li:hover ul {
  display: block;
  position: absolute;
  left: 201px;
  top: 0;
  color: #000000;
}
.cssfly ul li:hover ul li:hover ul li a {
  background: #dfc184 none repeat scroll 0%;
  display: block;
  width: 200px;
  color: #000000;
}
.cssfly ul li:hover ul li:hover ul li a:hover {
}