body {
margin: 0;
padding: 0;
font-family: Helvetica, sans-serif;
font-size: 0.7em;
line-height: 2.4em;
background-repeat: repeat-y;
background-color: #c8c8ff;
}

.header {
padding: 0%;
text-align: center;
border-bottom: 0 solid;
border-color: #0000ff;
background-color: #c8c8ff;
}

.header img {
float: right;
margin-left: 0px;
top: 0;
right:0;

}

div#logo {
padding: 0%;
text-align: center;
border-color: #0000ff;
position: fixed;
}
div#footer {
padding: 0%;
text-align: right;
font-family: Helvetica, sans-serif;
font-size: 8pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #000000;
}
div#maincontent {
padding: 2%;
text-align: justify;
margin-right: 20%;
margin-left: 20%;
}
div#leftcolumn {
padding: 2%;
float: left;
text-align: left;
width: 15%;
position: fixed;
}
div#rightcolumn {
padding: 2%;
float: right;
width: 20%;
}

p {
font-family: Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #000000;
}

span
{
font-size: 22pt;
}

td {
font-size: 12pt;
}

td input {
font-size: 12pt;
}

td textarea {
font-size: 12pt;
}
td submit {
font-size: 12pt;
}

.sermons {
font-family: Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #000000;
}
li {
font-family: Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #000000;
}
ul {
font-family: Helvetica, sans-serif;
color: #000000;
margin-top: 0;
}

a {position: relative;}
a span {display: none;}
 
a:hover span {
  position: absolute;
  top: 17px;
  left: -120px;
  width: 180px;
  display: block;
  background: #527787;
  border: 0px solid red;
  font-size: 12pt;
font-weight: bold;
  color: #FFFFFF;
z-index:1;
  } 

A:link {
font-family: Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: underline;
color: #0000ff;
}
A:visited {
font-family: Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #0000cc;
}
a:hover {
color: #ffffff;
text-decoration: none;
}


.small {
font-family: Helvetica, sans-serif;
font-size: 8pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #333333;
}

.small a {
font-family: Helvetica, sans-serif;
font-size: 8pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}

.small p {
font-family: Helvetica, sans-serif;
font-size: 8pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #333333;
}

h2 {
font-family: Helvetica, sans-serif;
font-size: 16pt;
font-weight: bold;
text-decoration: none;
text-align: center;
}
#menu {
width: 200px;
background-color: #527787;
color: white;
font-size: 100%;
padding-top: 0;

}
img.mcff {
  position: absolute;

  left: 147px;
  display: block;
  background: #527787;
  z-index: 3;

}
img.mcie {

}
img.mcop {
  position: absolute;

  left: 136px;
  display: block;
  background: #527787;
  z-index: 3;
}



#menu a {
font-weight: normal;
}
#menu li, #menu ul li {
display: inline;
font-size: 12px;
}
#menu ul {
margin: 0;
padding: 0;
width: auto;
font-size: 12px;
}
#menu ul a, #menu ul strong {
background-color: #527787;
width: auto;
display: block;
line-height: 20px;
padding-left: 10px;
cursor: pointer;
text-decoration: none;
color: white;
}
#menu div.end {
height: 26px;
}
#menu ul a:hover {
background-image: url(../images/bghighlight.png);
background-repeat: repeat-x;
background-color: #92bbc7;
color: #555555;
}
#menu ul a:visited {
color: #BBBBBB;
border: 1px;
}
#menu ul a:visited:hover {
background-image: URL(../images/bghighlight.png);
background-repeat: repeat-x;
background-color: #92bbc7;
color: #555555;
}
#menu ul ul {
padding-left: 15px;
}
#menu ul ul a {
color: white;
width: auto;
border: none;
line-height: 18px;
}
#menu ul ul strong {
color: white;
width: auto;
border: none;
line-height: 18px;
}
#menu ul ul a:hover {
width: auto;
border: none;
line-height: 18px;
}
#menu hr {
background-color: #8e8c97;
border: 0;
height: 1px;
width: 90%;
color: #c8c8ff;
padding: 0;
}
#menu ul strong {
font-family: Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #ffffff;
background-image: url(../images/menubacground.png);
background-repeat: repeat-y;
}

.alerts .txt {
background-color: #c8c8ff;
padding: 8px;
padding-right: 8px;
border-right: 1px solid #92bbc7;
border-left: 1px solid #92bbc7;
border-bottom: 1px solid #92bbc7;
line-height: 18px;
font-family: Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
color: #000000;
text-align: left;
}
.alerts .top {
margin-top: 10px;
height: 22px;
background: #527787 url(../images/alertstop.png) repeat top right;
text-align: center;
font-weight: bold;
padding-right: 11px;
font-size: 16px;
line-height: 20px;
color: #ffffff;
}
.alerts a {
font-size: 12px;
}
.alerts .top a {
font-size: 16px;
color: #ffffff;
text-decoration: underline;
}
.alerts .top a:hover {
font-size: 16px;
color: #ffffff;
text-decoration: none;
}

.blur{
	background-color: #ccc; /*shadow color*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
	width: 55%;
}

.shadow,
.content-lb,
.content-db{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.shadow{
	background-color: #777; /*shadow color*/
	color: inherit;
}

.content-lb{
	background-color: #55BBEE; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding: .5em 2ex;
}
.content-db{
	background-color: #006699; /*background color of content*/
	color: #FFFFFF; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding: .5em 2ex;
}

#highlight tr:hover{
	background-color: #92bbc7;
}
#gallery a img{
    opacity: .8
}
#gallery a img:hover{
    opacity: 1
}