body { font-family: "Tempus Sans ITC", Arial, sans-serif;
       background-image: url(Images/EvHdr2.jpg);
       background-repeat: no-repeat;
       background-attachment: relative;
       background-position: center top;
/*       background-color: #6699FF; */
       background-color: #FFFFFF;
       margin: 0;
       padding: 0;
       padding-top: 0;
       text-align: center;
}

.entirepage { width: 1024px;
              text-align: left;
              border: 0;
              padding: 0;
              margin: 0 auto; 
}

/*************/
/* Header    */
/*************/

.headerdiv { width: 100%;
           height: 170px;
}

.headertable {width: 89%; 
              height: 110px
}
.headertopleft {
            width: 30%;
            height: 18px;
}
.headertopright {
            height: 18px;
            width: 70%;
}
.headercenterleft {
            width: 30%;
            height: 38px;
}
.headercenterright {
            height: 38px;
            width: 70%;
            font-weight: bold;
            font-size: 34pt;
            text-align: center;
}
.headerbottomleft {
            width: 156px;
}
.headerbottomright {
            width: 70%;
            font-weight: bold;
            font-size: 16pt;
            text-align: center;
}
/*************************/
/* Navigation bar styles */
/*************************/

.navdiv { height: 30px;
          background-color: white;
          width: 1024px;
          color: blue;
}

.navdiv a:link {color:blue}        /* unvisited link */
.navdiv a:visited {color: blue}     /* visited link */
.navdiv a:hover {color: fuchsia}    /* mouse over link */
.navdiv a:active {color: yellow}    /* selected link */
.navdiv a {text-decoration: none}

li.thisone {color: black;
            font-size: 13pt;
}


.navdiv ul {padding: 0;
            margin: 0;
            list-style: none;
}

.navdiv li {float: left;
            position: relative;
            font-weight: bold;
            font-size: 13pt;
            text-align: center;
            width: 127px;
}

.navdiv li ul {display: none;
               position: absolute;
               top: 1em;
               left: 0;
               background: blue;
               color: blue;
               border-style: solid;
               border-width: 1px;
}

/*************/
/* Home Page */
/*************/

.mainbodyhome {
            height: 320px;
            top: 190px;
}

.mainbodyhome a:link {color:blue}        /* unvisited link */
.mainbodyhome a:visited {color: blue}     /* visited link */
.mainbodyhome a:hover {color: fuchsia}    /* mouse over link */
.mainbodyhome a:active {color: yellow}    /* selected link */
.mainbodyhome a {text-decoration: none}

p.elcalogo img {float: left;
                margin: 15px;
}

p.elca {font-family:"Century Gothic",sans-serif;
        font-weight:bold;
        font-size:12pt;
        max-width:300px
}

p.elca a {text-decoration:none
}

p.synod {font-family:"Century Gothic",sans-serif;
         font-weight:bold;
         font-size:12pt;
}

p.synod a {text-decoration:none
}

p.synodlogo img {float: left;                 
                margin: 15px;
}


.worshipschedule { width: 300px;
               text-align: left;
               font-weight: bold;
               font-size: 13pt;
}

.spacercolumn1 { width: 100px;
}

img.welcome1 {float: right;
              height:240px;
}
img.welcome2 {float: left;
              height:200px;
}
          
.openingpage {text-align: center;
              margin: 25px;
}

.lowersection { width: 100%;
                height: 5px;
                top: 510px;
}


.lowerleft { width: 800px;
             font-size: 8pt;
             text-align: center;
}

.lowerright {font-size: 8pt;
             text-align: center;
}

/******************************/
/* Items on the About Us page */
/******************************/

div.aboutus {
           font-size:12pt;
           margin:10px;
           align:left;
           top:200px
}
div.aboutusl {
           font-size:12pt;
           margin:10px;
           align:right;
           top:200px
}
div.aboutus img {width:240px;
                 margin:10px;
                 float:right
}
div.aboutusl img {width:240px;
                  margin:10px;
                  float:left
}

/*****************************/
/* Items on the Worship page */
/*****************************/

.worship {width: 75%;
}

.worshippic {width: 25%;
}

img.communion {height:300px;
               width:225px;
               float: right;
}


/***************************/
/* Items on the youth page */
/***************************/

.youthdiv { text-align: center;
            height: 75px;
}

.youthdiv li {float: left;
              height: 23px;
              width: 250px;
}

p.youth  {margin:25px;
          text-align: center;
          font-weight: bold;
          font-size: 13pt;
}

.youthpicdiv {top: 300px;
}

.superpic {width: 33%;
}

.superpic img {height: 200px;
               float: left;
}

.bigss {width: 33%;
}

.bigss img {height:200px;
            width:264px
}

.lladvpic img {height: 200px;
}

/*******************************/
/* Items on the Resources page */
/*******************************/

.resources {
}

.resspacer1 {width: 200px;
}

.reslist {width: 40%;
}

.respic {width: 30%;
}
img.ushers {float: right;
            height:360px;
}

/*****************************/
/* Items on the Connect page */
/*****************************/

#pastorpic {
	width: 25%;
	float: left;
	margin-top: 40px;
}

#connlist {
	width: 30%;
	float: left;
	margin-top: 40px;
        text-align: center;
}

#connlist ul {
	text-align: left;
	padding-top: 40px;
	margin-left: 0;
}

#photogallery {
	width: 40%;
	float: right;
	margin-top: 40px;
	margin-left: 20px;
    border: 1px solid #338197;
    padding-left: 5px;
}

#galleryAlbumTable
{
    border: none;
}

#galleryAlbumTable td 
{
    border: 1px solid #338197;
    border-collapse: collapse;
}

.galleryli 
{
    margin-left: 30px;
    text-decoration: underline;
}

#galleryBox 
{
    display: none;
	background-image: url(Images/galleryBackground.gif);
    width: 900px;
    height: 500px;
    position: absolute;
    top: 75px;
    left: 210px;
    border: solid double 2px white;
}

#buttonArea 
{
    width: 100%;
    float: right;
	margin-top: 10px;
	margin-right: 20px;
}

.galNavButton {width: 95%;
               background-color: #000000; 
               text-align: center; 
               color: #FFFFFF; 
               font-weight: bold;
}

#pageSelector 
{
    width: 100%;
        float: right;
}

#pageSelector td {
                   text-align: center;
                   border-style:solid;
                   border-width:thin;
                   border-color: #000000;
               padding: 3px;
}

#displayArea 
{
    margin-left: 175px;
}

/*****************************/
/* Items on the Contact page */
/*****************************/

.contactspacer1 {width: 100px;
}


.contactspacer2 {width: 100px;
}

.contactus {text-align: center;
}