/* top right bottom left */

/* Force a vertical scrollbar so that centered pages always line up with each other */
html {
    overflow-y:         scroll;
}

body {
    margin:             0px auto 16px auto;
    text-align:         left;
    background:         #FFDF7F;
    color:              black;
    font-family:        "Lato", Arial, sans-serif;
    font-weight:        400;
    font-size:          100%;
}

/***********************************************************
 * header / footer
 ***********************************************************/

#header {
    height:             100px;
    background:         #FFDF7F;
}

#header-content {
    width:              800px;
    margin-left:        auto;
    margin-right:       auto;
    position:           relative;
}

#header-img {
    position:           absolute;
    top:                0px;
    left:               0px;
}

.header-link {
    float:              right;
    margin:             0px 0px 0px 2px;
    padding:            0px 15px 0px 15px;
    font-size:          0.9em;
    font-weight:        normal;
    line-height:        26px;
    background:         #7F5F00;
    color:              #FFFFFF;
}

.header-link a {
    text-decoration:    none;
    color:              #FFFFFF;
}

.header-link:hover {
    background:         #BF9B2F;
}


#header-location {
    position:           absolute;
    right:              0px;
    bottom:             -98px;
    font-size:          0.8em;
    text-align:         right;
}

#footer {
    text-align:         center;
    margin-left:        auto;
    margin-right:       auto;
    font-size:          0.8em;
}

/***********************************************************
 * multi-page content
 ***********************************************************/

#content {
    width:              800px;
    margin-top:         8px;
    margin-left:        auto;
    margin-right:       auto;
}

#content a:link {
    text-decoration: underline;
    color: black;
}

#content a:visited {
    text-decoration: underline;
    color: black;
}

#content a:hover {
    text-decoration: underline;
    color: red;
}

#content a:active {
    text-decoration: underline;
    color: black;
}

p {
    margin:             8px 0px 0px 0px;
}

h1 {
    margin:             20px 0px 0px 0px;
    font-family:        "Lato", Arial, sans-serif;
    font-weight:        900;
    font-size:          1.5em;
}

h2 {
    margin:             16px 0px 0px 0px;
    font-family:        "Lato", Arial, sans-serif;
    font-weight:        900;
    font-size:          1.2em;
}

h3 {
    margin:             12px 0px 0px 0px;
    font-family:        "Lato", Arial, sans-serif;
    font-weight:        400;
    font-size:          1.2em;
}

div.seperator {
    margin:             24px auto 20px auto;
    text-align:         center;
    clear:              both;
}

/* inline images */

img {
    border-style:       none;
}

img.floatleft {
    float:              left;
    margin:             0px 8px 6px 0px;
}

img.floatright {
    float:              right;
    margin:             0px 0px 4px 8px;
}

h1, h2 {
    clear:              left;
}

/***********************************************************
 * homepage
 ***********************************************************/

#homepage #events {
    float:              right;
    width:              200px;
    top:                0px;
    margin:             0px 0px 20px 10px;
    padding:            0px 15px 10px 15px;
    background:         #BF9B2F;
    border:             1px black solid;
}

#homepage #events h1 {
    padding:            0px 0px 10px 0px;
}

#homepage #events .date {
    font-weight:        bold;
}

#homepage #events ul {
    list-style-type:    none;
    padding:            0px 0px 0px 0px;
    margin:             0px 0px 0px 0px;
}

#homepage #events li {
    padding:            0px 0px 10px 0px;
}

#homepage #welcome h1 {
    font-size:          2.0em;
    font-weight:        bold;
}

#homepage #welcome li {
    margin:             8px 0px 0px 0px;
}

#homepage #announce h1.announce_title
{
    margin:             20px auto 0px auto;
    text-align:         center;
    color:              black;
    font-size:          1.5em;
}

#homepage #announce h2.announce_title2
{
    margin:             0px auto 0px auto;
    text-align:         center;
    color:              #7F5F00;
}

#homepage #announce h3.announce_date_time
{
    margin:             0px auto 0px auto;
    text-align:         center;
    color:              #7F5F00;
}

#homepage #announce p
{
    color:              black;
    margin:             8px 0px 0px 0px;
}

/***********************************************************
 * worship-times
 ***********************************************************/

 #worship-times li {
	list-style:         none;
 }

 #worship-times .time {
    font-weight:        bold;
    float:              left;
    width:              80px;
    text-align:         right;
    padding:            0px 5px 0px 0px;
 }

/***********************************************************
 * contact
 ***********************************************************/

#contact #content ul {
    padding:            0px 0px 20px 40px;
}

#contact #content li {
	list-style:         none;
    clear:              left;
 }

#contact .contact-type {
    float:              left;
    font-weight:        bold;
    width:              100px;
    text-align:         left;
    padding:            0px 5px 15px 0px;
}

#contact .contact-details {
    float:              left;
    padding:            0px 0px 15px 0px;
}




/***********************************************************
 * directions
 ***********************************************************/

#directions #map {
    padding:            10px;
    margin:             10px 60px 20px 0px;
    border:             3px black solid;
/*    background:         #BF9B2F; */
    float:              left;
}


#directions #links li {
    margin:             0px 0px 20px 50px;
    font-size:          1.5em;
	list-style:         none;

}






/* are these used? */


li.foo {
    margin-top:         4px;
    margin-bottom:      4px;
}

ul.ul-no-indent {
    margin-left:        1em;
    padding-left:       0em;
}






/* directions page styles */

div.directions-map {
}

div.directions-link {
    margin-top:         30px;
}