body {
text-align: center;
}

.indent {
margin-left: 20px;
}

.indent2 {
margin-left: 30px;
}

.main {
width: 800px;
background-image: url(http://www.gcumc.org/images/main.gif);
margin: auto;
text-align: left;
border-style: solid;
border-color: #82878d;
border-bottom-width: 1px;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
}

.leftnav {
width: 121px;
height: 404px;
background-image: url(http://www.gcumc.org/images/flame.gif);
background-repeat: no-repeat;
text-align: left;
margin-left: 0px; 
margin-top: 0px; 
margin-right: auto;
margin-bottom: 0px; 
padding-bottom: 0px;
padding-top: 0px;
position: absolute;

}

.connect {
width: 121px;
height: 34px;
background-image: url(http://www.gcumc.org/images/connect.gif);
}

.information {
width: 109px;
height: 37px;
background-image: url(http://www.gcumc.org/images/information.gif);
}

.rightnav {
width: 121px;
text-align: center;
position: absolute;
margin-left: 681px;
}


.rightnavtext {
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: strong;
color: #FFFFFF;
}

.verse {
margin: 7px;
text-align: center;
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
color: #000000;
}

.main2 {
font-size: 8pt;
margin-top: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #000000;
padding-top: 0px;
padding-left: 138px;
padding-right: 138px;
min-height: 410px;
_height: 410px;

}

.main-text {
font-size: 8pt;
margin-top: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #000000;
}

.header {
width: 800px;
height: 102px;
background-image: url(http://www.gcumc.org/images/header.gif);
background-repeat: no-repeat;
margin: auto;
border-style: solid;
border-color: #82878d;
border: 0px;
valign: bottom;
margin: 0px;

}

.bar {
position: relative;
width: 800px;
height: 9px;
line-height: 9px;
background-image: url(http://www.gcumc.org/images/horizontal.gif);
background-repeat: no-repeat;
margin: auto;
padding: auto;
border-width: 0px;

}




.footer {
width: 800px;
height: 55px;
background-image: url(http://www.gcumc.org/images/footer.gif);
margin: auto;
border-style: solid;
border-color: #82878d;
border: 0px;
valign: bottom;

}

.footer a:link {
color: #ffffff;
text-decoration: underline;

}




.events {
width: 300px;
margin: 10px;
margin-top: 0px;
border-style: dashed;
border-color: #82878d;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
valign: top;
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #000000;

}

.copyright {
font-family: verdana; 
font-size: 8pt;
color: #FFFFFF;
}

.logo {
height: 100px;
width: 100%;
align: left;
valign: bottom;
padding-top: 29px;
padding-left: 0px;
border-bottom: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}





hr {
border: 0px;
border-top: 1px dashed;
width: 85%;
height: 1px;
align: center;
color: #82878d;


}





H2 {
font-size: 14pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #006699;
text-align: left;
padding-left: 10px;

}

H3 {
font-size: 11pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #603a69;
text-align: center;
padding: 0px;

}

.purple-headline {
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #603a69;
text-align: left;
padding: 0px;

}

/**************** menu coding *****************/
#menu, #menu2  {
width: 121px;
padding: 0px;
margin: 0px;
valign: top;

}

#menu ul, #menu2 ul {
list-style: none;
padding: 0px;
margin: 0px;
line-height: 5px;
}


#menu li li li, #menu2 li li li {
font-size: 0.9em;
display: block;
background: #603a69;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
line-height: 15px;
}



#menu a, #menu2 a {
color: #ffffff;
text-decoration: none;

}

#menu a:hover, #menu2 a:hover {
text-decoration: underline;
}

#menu li, #menu2 li {
position: relative;

}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;

}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul, 
div#menu2 ul ul ul,
div#menu2 ul ul li:hover ul ul
{display: none; }

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul, 
div#menu2 ul ul li:hover ul,
div#menu2 ul ul ul li:hover ul
{display: block; border:0; }

/**************** menu2 coding *****************/



#menu2 ul ul ul {
position: absolute;
top: 0;
left: -121px;
width: 100%;

}