#top
{
   background-color: #8192B3;
   text-align: left;
   vertical-align: top;
   margin: 0px auto; /* Key to centering a DIV */
   width: 820px;
   height: 80px;
   padding-bottom: 10px;
   border: solid 1px #A0A0A0;
   border-bottom: none;
}

#nav
{
   text-align: left;
   font-family: Calibri, Arial;
   display: inline;
   position: relative;
   top: 55px;
   bottom: 0px;
   padding: 0px;
   margin-left: 75px;
   padding-bottom: 10px;
}

#nav li
{
   display: inline;
   margin-left: 2px;
   margin-right: 2px;
}

#nav a
{
   color: White;
   vertical-align: middle;
   padding: 5px 5px 2px 5px;
   text-decoration: none;
}

#nav a:hover
{
   color: White;
   background-color: #455D8B;
   text-decoration: none;
}

#nav a:visited
{
   color: white;
   text-decoration: none;
}

.pageBody
{
   font-family: Calibri, Arial;
   text-align: left;
   width: 800px;
   margin: 0px auto;
   padding: 10px;
   background-color: #ffffff;
   border: solid 1px #A0A0A0;
   border-top: none;
}

.pageBody a
{
   color: #8192B3;
}

.pageBody a:hover
{
   background-color: #E0E0E0;
}

.pageBody h3
{
   background-color: #D0D0D0;
   color: White;
   margin-top: 0px;
   padding-left: 5px;
}

.announcements
{
   margin-top: 10px;
   margin-bottom: 5px;
   padding-left: 5px;
   margin-right: 300px;
}

.announcement
{
   padding: 15px;
   border: solid 1px #E0E0E0;
}


/* pictures */
#albumList
{
   text-align: Left;
   margin: 0px;
   margin-top: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 8px;
   padding-right: 8px;
   width: 175px;
   float: left;
   border: solid 1px #CECECE;
}

#albumList h3
{
   padding: 0px;
   margin: 0px;
}

#albumList ul
{
   text-align: left;
   padding: 0px;
   margin: 0px;
}

#albumList li
{
   list-style-type: none;
}

#albumList a
{
   display: block;
   padding-left: 5px;
   text-decoration: none;
}

#albumList a:hover
{
   display: block;
   background-color: #EAEAEA;
}

#albumContent
{
   float: right;
   margin-top: 10px;
   margin-bottom: 20px;
   width: 600px;
   text-align: center;
   border: solid 1px #DEDEDE;
   /*border-collapse: collapse;*/
}

.album
{
   
}

.album table
{
   border: solid 1px #DEDEDE;
}

.album td
{
   padding: 0px;
   margin: 0px;
   width: 130px;
   height: 130px;
   border: solid 1px #DEDEDE;
}

.album td a
{
   width: 130px;
   height: 130px;
   padding: 7px;
   display: block;
   vertical-align: middle;
}
.album td a:hover
{
   background-color: #EAEAEA;
}
.album img
{
   vertical-align: middle;
}

#albumPages
{
   text-align: center;
   padding: 0px;
   margin-top: 10px;
   margin-bottom: 10px;
}

#albumPages li
{
   list-style-type: none;
   display: inline;
   margin: 0px;
   padding: 0px;
}

#albumPages a
{
   text-decoration: none;
   margin: 0px;
   padding-right: 10px;
   padding-left: 10px;
}

#albumPages a:hover
{
   background-color: #EAEAEA;
   text-decoration: underline;
}

.picture
{
   
}

.picture img
{
   margin-top: 10px;
   margin-bottom: 15px;
}

.controlPanel
{
   margin: 10px;
   height: 40px;
}

.pictureNav
{
   float: right; 
   margin-right: 10px; 
   margin-top: 5px; 
   margin-bottom: 5px;
}

.pictureNav a
{
   margin-left: 8px;
   margin-right: 8px;
   text-decoration: none;
}

.pictureNav a:hover
{
   background-color: #E0E0E0;
}


.albumUpload
{
   text-align: center;
   margin: 0 auto;
   margin-top: 25px;
}

/*
.album_t a
{
   border: solid 1px #CECECE;
   display:block;
   width: 130px;
   height: 130px;
   padding: 7px;
}

.album_t a:hover
{
   background-color: #DEDEDE;
}*/


.logo
{
   float: left; 
   padding: 15px 20px 15px 20px;
}

/* shows a visual seperation */
.solidline
{
	background-color: #f00;
	border-bottom: 1px solid #CCCCCC;
	margin: 0px 5px 0px 5px;
	height: 0;
	font-size: 1px;
	line-height: 0;
}

/* Calendar CSS Styles */

.calendar
{
   border: solid 1px #CECECE;
}

.calendar th
{
   width: 110px;
   height: 30px;
   margin: auto;
   text-align: center;
   background-color: #DEDEDE;
   border: solid 1px #CECECE;
   padding-left: 10px;
   padding-right: 10px;
}

.calendar .calendarMonth
{
   width: 0px;
   border: none;
   background-color: #ffffff;
}
.calendarMonth a
{
   width: 250px;
   text-align: center;
}

.calendar td
{
   width: 110px;
   height: 100px;
   border: solid 1px #CECECE;
   vertical-align: top;
   text-align: left;
   margin: 0;
   padding: 0;
}

.calendarDayHeader
{
}

.calendarDayHeader a
{
   padding-left: 5px;
   display: block;
   text-decoration: none;
}

.calendarDayHeader a:hover
{
   background-color: #CDCDCD;
}

.calendarevent
{
}

.calendarevent a
{
   display:block;
   color: #454e60;
   font-size: small;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 2px;
   background-color: #E0E0E0;
   border: solid 1px #AAAAAA;
   text-decoration: none;
   margin: 2px;
}

.calendarevent a:link
{
}
.calendarevent a:visited
{
   color: Blue;
}
.calendarevent a:hover
{
   display: block;
   background-color: #CDCDCD;
   color: #454e60;
}


/* ViewEvents page*/
#eventGroupList ul
{
   padding-left: 15px;
}
#eventGroupList li
{
   list-style-type: none;
}

#eventList ul
{
   padding-left: 15px;
}
#eventList li
{
   list-style-type: none;
   padding: 2px;
}

.eventItem
{
   border-bottom: solid 1px #DEDEDE;
}

/* Ministry Page */
#ministryList
{
   text-align: Left;
   margin: 0px;
   margin-top: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 8px;
   padding-right: 8px;
   width: 225px;
   float: left;
   border: solid 1px #CECECE;
}

#ministryList h3
{
   padding: 0px;
   margin: 0px;
}

#ministryList ul
{
   text-align: left;
   padding: 0px;
   margin: 0px;
}

#ministryList li
{
   list-style-type: none;
}

#ministryList a
{
   display: block;
   padding-left: 5px;
   text-decoration: none;
}

#ministryList a:hover
{
   display: block;
   background-color: #EAEAEA;
}

#ministryContent
{
   float: right;
   margin-top: 10px;
   margin-bottom: 20px;
   margin-left: 5px;
   padding: 15px;
   padding-top: 0px;
   width: 520px;
   text-align: left;
   /* border: solid 1px #DEDEDE; */
}

#ministryContent h3
{
   background-color: #D0D0D0;
   color: White;
   margin-top: 0px;
   padding-left: 5px;
}

.aboutUsTitle
{
   background-color: #D0D0D0;
   color: #ffffff;
   text-align: center;
   font-size: large;
   width: 100%;
   padding-left: 5px;
}

#contactInfo
{
   margin-right: 300px; 
   width: 500px;
   height: 300px;
   text-align: center;
}

#mapLinks
{
   text-align: center; 
   margin-top: 10px;
}

#mapLinks a
{
   border: solid 1px #A0A0A0;
   background-color: #D0D0D0;
   color: #ffffff;
   text-align: center;
   font-size: medium;
   padding-left: 5px;
   padding-right: 5px;
   margin: 5px;
   text-decoration: none;
}

#mapLinks a:hover
{
   color: White;
   background-color: #455D8B;
   text-decoration: none;
}

#mapLinks a:visited
{
   color: white;
   text-decoration: none;
}

#facilities
{
   margin-top: 25px;
   
}

#history
{
   margin-top: 25px;
   width: 100%;
   text-align: left;
}