/**************************
 * (C) 2009 Living Waters Church
 * http://www.livingwaters.org/
 *
 * file: common.css
 * Contains styling elements that apply to the whole website
 * author: Stefan Rotman
 *************************/

/* Disable all padding and marging unless specifically asked for */
* {
    padding:0;
    margin:0;
}

img {
    border: 0 none transparent;
}

b {
    font-family: "Century Gothic", sans-serif;
    font-weight: bold;
}

strong {
    font-family: "Century Gothic", sans-serif;
    font-weight: bold;
}

h1 {
    font-family: "Century Gothic", sans-serif;
    font-weight: bold;
}

h2 {
    font-family: "Century Gothic", sans-serif;
    font-weight: bold;
}

h3 {
    font-family: "Century Gothic", sans-serif;
    font-weight: bold;
}

body {
   background-color: #4a5e62;
    color: #ffffff;;
    font-family: "Verdana", sans-serif;
    font-size: 8pt;
    line-height: 10pt;
}

#site-header {
    width: 100%;
    height: 122px;
    background: transparent url('../images/site-header-background.jpg') repeat-x top;
}

#divider {
    background-color: white;
    width: 100%;
    top: 120px;
    height: 2px;
}

/*
 * Heading section
 */
#header {
    width: 1024px;
    height: 120px;
    background: transparent url('../images/header-background.jpg') no-repeat top;
    margin: 0 auto;
}

#logo {
    float: left;
    width: 144px;
    height: 94px;
    margin: 23px 0 0 121px;
}

/* Menu styling shared between menu's and sub-menu's */
.menu {
    font-family: "Century Gothic", sans-serif;
    font-size: 8pt;
}

.menu ul li {
    display: inline;
}

.menu ul li a {
    color: #ffffff;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
}

.menu ul li a:hover {
    color: #00C7EE;
}

/* Page menu styling */
#menu {
    float: right;
    background: transparent url('../images/menu-background.png') no-repeat center bottom;
    width: 584px;
    height: 34px;
    margin-top: 86px;
    margin-right: 126px;
}

#menu ul li {
    float: left;
}

#menu ul li a {
    font-weight: inherit;
    height: 20px;
    margin: 0px 12px 0px 12px;
    padding: 16px 3px 1px 3px;
}

/* IE placement fix */
*html #menu ul li a {
    margin: 0px 12px 0px 12px;
    padding: 14px 3px 1px 3px;
}

#menu ul li a:hover {
    background: transparent url('../images/menu-hover.png') no-repeat center top;
}

#menu ul li.active {
    background: transparent url('../images/menu-active.png') no-repeat center top;
}

#menu ul li.active a:hover {
    background: transparent none;
}

#site {
    background: #4a5e62 url('../images/site-background.php') repeat top;
    top: 122px;
}

/*
 * The actual page
 */
#page {
    margin: 0 auto;
    text-align: justify;
    width: 1024px;
    min-height: 646px; /*768-122*/
}

/* IE hack for min-height */
*html #page { height: 646px; }

/* Sitemap styling */
.sitemap table {
width: 100%;
}

.sitemap tr td {
    font-family: "Century Gothic", sans-serif;
    font-size: 8pt;
    vertical-align: top;
}

.sitemap tr td a {
    text-decoration: none;
    color: #666666;
}

.sitemap tr td a:hover {
    color: #ffffff;
}

.sitemap ul li {
    list-style:none;
}

/* Additional instructions for the parent (container) rows in the sitemap */
a.sitemap_parent,font.sitemap_parent {
    text-transform: uppercase;
    font-weight: bold;
}

#site-footer {
    width: 100%;
    background: #000000;
}

#footer {
    width: 773px;
    margin: 0 auto;
    color: #666666;
    padding: 8px 0 16px 0;
}

font.copyright {
    font-size: 6pt;
    margin-bottom: 30px;
}

td.copyright {
    font-size: 6pt;
    margin-bottom: 30px;
}