body {
    margin: 0px auto;
    text-align: center;
    background-image: url(GradientVerticalPurple.jpg); 
    background-repeat:repeat-x;
    background-color: #5D2667;
}

p {
    font-size:small;
}

#OuterContainer {
    text-align: left;
    width: 950px;
}
#ControlPanel {
    width: 950px;
}
#Header {
    width: 950px;
    height: 113px;
}
#logo {
    float: left;
    width: 671px;
    height: 113px;
    background-image: url(LogoChurch.jpg);
}
#LogoLink {
    width: 671px;
    height: 113px;
    display: block;
}
#eagle {
    float: right;
    width: 279px;
    height: 113px;
    background-image: url(EagleChurch.jpg);     
}

/*Upper right eagle link image*/
#eagleLink {
    width: 279px;
    height: 113px;
    display: block;
}

#hotlinkbar {
    font-family: Moderne, "Avant Garde", "Century Gothic", Futura, Verdana, Arial, Helvetica, Sans-Serif;
    width: 950px;
    height: 23px;
    background-color: #ffffff;  
    padding-top: 5px; 
    text-align:right;
    font-size: 10pt;
    font-weight:bold;
    color: gray;
    }

#hotlinkbar a:link {
    color: gray; 
    text-decoration: none;
    font-size: 10pt;
    font-weight: bold;
    }

#hotlinkbar a:visited {
    color: gray; 
    text-decoration: none;
    font-size: 10pt;
    font-weight: bold;
    }
    
 #hotlinkbar a:hover {
    color: gray; 
    text-decoration: underline;
    font-size: 10pt;
    font-weight: bold;
    }
/*
a.hotlinkbarlink:link {
    font-size: 50px;
    font-weight: bold;
    color: gray;
    text-decoration: underline;
}
a.hotlinkbarlink:visited {
    font-size: 30px;
    font-weight: bold;
    color: gray;
}

a.hotlinkbarlink:hover {
    font-size: 30px;
    font-weight: bold;
    color: gray;
}

a.hotlinkbarlink:active {
    font-size: 30px;
    font-weight: bold;
    color: gray;
}
*/

#hotlinks {
    float: left;
    width: 600px;
    font-family: Moderne, "Avant Garde", "Century Gothic", Futura, Verdana, Arial, Helvetica, Sans-Serif;
    font-variant: small-caps;
    color: white;
    font-size: 1em;
    font-weight:bold;
    padding-bottom: 5px;
    padding-right: 10px;
}
  
a
{
	color: #5D2667; 
	text-decoration: none;
}
#search {
    float: right;
    text-align: right;
    width: 280px;
    padding-right: 30px;
}

#search a {color: White;}


/*Image or other media added to the Banner Pane*/
#BannerPane {
    width: 950px;
    text-align: left;
    z-index: -100px;
}

#Menu {
    background-color: White; /* #DFDFE1 */
    width: 950px;
    text-align: left;
}

#MenuBorder {
    background-color: #AE97B1;
    width: 950px;
    height: 1px;
}


.ContentArea {
    background-color: white;
    width: 950px;
    /*padding: 0px 30px 0px 30px;*/
}
#footer {
    text-align: center;
    width: 950px;
    color: #ffffff;
    background-color: #44154C;
    font-family: 'Arial';
    font-size: 0.8em;
}

#footer a {color: #663270; text-decoration: none;}

#footer2 {
    text-align: center;
    width: 950px;
    color: #ffffff;
    background-color: #44154C;
    font-family: 'Arial';
    font-size: 0.8em;
}

#footer2 a {color: #ffffff; text-decoration: none;}

a.footer2link:link { 
	text-decoration: none; 
	color: white;
	}
a.footer2link:visited { 
	text-decoration: none; 
	color: white;
	}
a.footer2link:hover, a.footer2link:active { 
	text-decoration: underline; 
	color: white;
	}


.belowFooter{
    width: 950px;
    text-align: center;
    background-color: Transparent;
    font-size: 0.8em;
}




.head {
    font-family: 'Times New Roman'; 
    font-size: 2em;
    color: black;
}



/*  NavMenu styles start here */


#nav {
    z-index: 2000px;
    font-family: Moderne, "Avant Garde", "Century Gothic", Futura, Verdana, Arial, Helvetica, Sans-Serif;
}

#navHContainer {
	cursor: pointer; 
	cursor: hand;
	height:23px;
	background-color: #44154C;
}

#nav ul {
    /* dark purple background container */
    padding:0;
    margin:0;
    list-style:none;
    float:left;
	width: 950px;
    background-color: #44154C; /*#5D2667 #B4A3B6 #0100CC #5D2667*/
}

#nav li {
  position: relative;
  float:left;
  line-height : 1.25em;
  width: 9em;
  list-style: none;
}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	width:13em;
    background-color: cyan; /*#0100CC*/
	border: 1px solid #809DF9;
}


#nav a {
    /* Color of non-active background*/
    font-size: 1em;
	display:block;
    text-decoration:none;
    text-align:left;
    font-weight:bold;
    font-family: Moderne, "Avant Garde", "Century Gothic", Futura, Verdana, Arial, Helvetica, Sans-Serif;
    width:8.5em;
    padding :2px 0 2px 0;
    color:#ffffff;
    border:1px solid #5D2667; /*809DF9*/ /* purple border between nav cells */
    background-color: #44154C; /*#0100CC*/
}
#nav li li a {
    /* width of dropdown menu */
    width: 12em;
}

#nav li a:hover 
{
    /* Color of active hover */
    background-color: #FFD60C; /* heart yellow */
    border:1px solid #809DF9;
}
#nav li a.SelectedTab {
    font-size: 1em;
    background-color: #FFF;
}
#nav .DisabledTab {
    color:#ccc;
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;
}

#nav li:hover ul, 
#nav li.iehover ul {
	top: 1.6em;
	left:0;
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul {
	top: 0;
	left:12.8em;
}

#navContainerBorder {
    background-color:white;
    padding:2px;
    border:1px solid #333;
    height:30em;
}
#navContainer {
   border:1px solid #333;
   background-color: #B4A3B6;
   height:30em;
   width:12em;
   vertical-align:top;
   padding:10px 5px 10px 5px;
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:18px;
	background-color: transparent;
        padding: 0px 0px 0px 0px;
 }
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #ffffff; 
	font-size: 11pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/	
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #ffffff; 
	/*font-size: 11pt; */
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding-bottom: 3px;
    padding-right: 16px;
    padding-left: 25px;   /*explicitly set padding for root menu items*/
    /*border:1px solid #621F6E;*/
    font-size:.9em;
    padding-bottom:3px;
    height:23;
    }


.main_dnnmenu_itemhover {  
	background-color: #44154C; 
	background-color:#FFD60C;
	color:Black;
}

.main_dnnmenu_itemhover td {  
	background-color: #44154C; 
	background-color:#FFD60C;
	color:Black;
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #44154C;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cccccc 1px solid; 
	border-bottom: #cccccc 1px solid; 
	border-top: #cccccc 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
#BannerAdmin
{
    margin: 0;
    padding: 0;
}