/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
#Site Styles
#Page Styles
#Media Queries
#Font-Face */

/* #Site Styles
================================================== */
BODY { background: #b41b2d;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500; color: #000080; font-size: 0.95em;
  margin: 10px 0px 0px 0px;
  text-align: left;
    }

html,body{
    height: 100%
}

a:link {
    color: #244EF8;
    text-decoration: none;
    }

a:visited {
    color: #244EF8;
    text-decoration: none;
    }

a:hover {
    color: #07228F;
    text-decoration: none;
    }

a:active {
    color: #244EF8;
    text-decoration: none;
    }
a:link.frontMenu {
    color: #000080;
    text-decoration: none;
    }

a:visited.frontMenu {
    color: #000080;
    text-decoration: none;
    }

a:hover.frontMenu {
    color: #FFFFFF;
    text-decoration: none;
    }

a:active.frontMenu {
    color: #000080;
    text-decoration: none;
    }
a:link.topEmail {
    color: #000080;
    text-decoration: none;
    }

a:visited.topEmail {
    color: #000080;
    text-decoration: none;
    }

a:hover.topEmail {
    color: #206cb3;
    text-decoration: none;
    }

a:active.topEmail {
    color: #000080;
    text-decoration: none;
    }
a:link.topMenuLink {
    color: #b41b2d;
    font-variant:small-caps;
    font-size: 1.1em;
    text-decoration: none;
    font-weight:bold;
    }

a:visited.topMenuLink {
    color: #b41b2d;
    font-variant:small-caps;
    font-size: 1.1em;
    text-decoration: none;
    }

a:hover.topMenuLink {
    color: #206cb3;
    font-variant:small-caps;
    font-size: 1.1em;
    text-decoration: none;
    }

a:active.topMenuLink {
    color: #b41b2d;
    font-variant:small-caps;
    font-size: 1.1em;
    text-decoration: none;
    }
a:link.topMenuLinkOn {
    color: #000080;
    font-variant:small-caps;
    font-size: 1.1em;
    text-decoration: underline;
    font-weight:bold;
    }

a:visited.topMenuLinkOn {
    color: #000080;
    font-variant:small-caps;
    font-size: 1.1em;
    text-decoration: underline;
    }

a:hover.topMenuLinkOn {
    color: #206cb3;
    font-variant:small-caps;
    font-size: 1.1em;
    text-decoration: underline;
    }

a:active.topMenuLinkOn {
    color: #0000080;
    font-variant:small-caps;
    font-size: 1.1em;
    text-decoration: underline;
    }
a:link.white {
    color: #FFFFFF;
    text-decoration: none;
    }

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

a:hover.white {
    color: #dff3dc;
    text-decoration: none;
    }

a:active.white {
    color: #FFFFFF;
    text-decoration: none;
    }
a:link.design {
    color: #999999;
    text-decoration: none;
    }

a:visited.design {
    color: #999999;
    text-decoration: none;
    }

a:hover.design {
    color: #999999;
    text-decoration: none;
    }

a:active.design {
    color: #999999;
    text-decoration: none;
    }


h1 { font-size: 36px; font-weight: 600; margin-top: 35px; margin-bottom: 5px; padding: 0px 0px 0px 20px; line-height: 46px; letter-spacing: 1px; text-align:left; color: #52527b; font-family: 'gill_sans_mtregular','Lato', Arial, Helvetica, sans-serif; text-shadow: 0px -1px 1px #e38080;
 }
h2 { font-size: 18px; font-weight: 500; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 20px;  text-align:left; color: #52527b; font-family: 'gill_sans_mtregular','Lato', Arial, Helvetica, sans-serif; }
h2.pageHdg { font-size: 1.8em; font-weight: 600; margin-top: 0px; margin-bottom: 0px; padding: 0px; text-align:left; color: #52527b; font-family: 'gill_sans_mtregular','Lato', Arial, Helvetica, sans-serif; }
h2.leftColHdg { font-size: 1.6em; font-weight: 600; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 10px 0px;  text-align:left; font-family: 'gill_sans_mtregular','Lato', Arial, Helvetica, sans-serif; }
h2.rightColHdg { font-size: 1.6em; font-weight: 600; margin-top: 20px; margin-bottom: 0px; padding: 0px 0px 10px 8px;  text-align:left; font-family: 'gill_sans_mtregular','Lato', Arial, Helvetica, sans-serif; }
h2.eventName { font-size: 1.2em; font-weight: 600; margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 10px 0px;  text-align:left; color: #FF5744; }
h3.frontNews { font-size: 1.2em; font-weight: 600; margin-top: 0px; margin-bottom: 0px; padding: 0px; text-align:center; color: #FFFFFF; }

TD { line-height: 1.3; }
div { line-height: 1.3; }
.small { font-size: 90%; font-weight: 400; }
.smaller { font-size: 85%; font-weight: 400; text-align: center; }
.emph { font-weight: bold; }
input[type="text"], textarea { background-color: #c2e1f4; border: 0; padding: 7px 3px 7px 3px; color: #000080; }
p { line-height: 1.4; }
.church { color: #b41b2d; font-size: 46px; }
strong { font-weight: bold;}
 
div.fullPage { width: 960px; margin: 0 auto; background-color: #FFFFFF; }
div.topSection { width: 960px; marginx: 0 auto; height: 280px; border-bottom: solid 1px #b41b2d; background-image: url(../images/New-Eltham-Church.png);background-repeat: no-repeat;background-position: right bottom; background-color: #FFCCCC}
div.topLeftOld { padding: 30px 0px 0px 0px; float:left;background-image: url(../images/cross2.jpg);background-repeat: no-repeat;background-position: left bottom; height: 250px; }
div.topLeft { padding: 25px 0px 0px 0px; float:left; height: 250px; }
ul.menu { padding: 0px 0px 0px 20px; }

#containerFrontMenu1 { font-size: 0; }
#containerFrontMenu1 > div {font-size: 1rem; display: inline-block; margin: 0px 0px 0px 0px; }
#containerFrontMenu2 { font-size: 0; }
#containerFrontMenu2 > div {font-size: 1rem; display: inline-block; margin: 20px 0px 0px 0px; }
div.frontMenu1 { width: 245px; float: left; }
div.frontMenu2 { width: 245px; float: left; }
div.frontMenu3 { width: 245px; float: left; }
div.frontMenu4 { width: 225px; float: right; }
div.frontMenu1Text { border-right: solid 20px #FFFFFF; width: 225px; padding: 5px 0px 5px 0px; margin: 0; background-color: #FFB859; font-weight: bold; text-align:center; margin: 0px; }
div.frontMenu2Text { border-right: solid 20px #FFFFFF; width: 225px; padding: 5px 0px 5px 0px; background-color: #FFB859; font-weight: bold; text-align:center; }
div.frontMenu3Text { border-right: solid 20px #FFFFFF; width: 225px; padding: 5px 0px 5px 0px; background-color: #FFB859; font-weight: bold; text-align:center; }
div.frontMenu4Text { width: 225px; padding: 5px 0px 5px 0px; background-color: #FFB859; font-weight: bold; text-align:center; }
div.frontMenu1Text:hover { background-color: #b41b2d; }
div.frontMenu2Text:hover { background-color: #b41b2d; }
div.frontMenu3Text:hover { background-color: #b41b2d; }
div.frontMenu4Text:hover { background-color: #b41b2d; }

div.topMenu { width: 960px; margin: 0 auto; }

div.mainSection { padding: 40px 0px 0px 0px; width: 960px; }
p.firstPara { font-weight: bold; font-size: 1.1em; }
div.topMainLine { padding: 0px 0px 15px 20px; border-bottom: solid 1px #6CAE64; margin: 0;}
div.mainText { padding: 20px 0px 0px 60px; width: 660px }
div.rightPadding { padding: 0px 10px 0px 0px; }

div.rightCol { border-left: 1px solid #6CAE64; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px; min-height: 750px; }
div.rightCol2 { padding: 0px 8px 0px 8px; line-height: 1.6; }

div.servicesTime { font-weight: bold; padding: 0px 8px 5px 8px; margin: 0; }
div.servicesEvent { padding: 0px 8px 10px 30px; }
p.rightCol { padding: 0px 8px 0px 8px; line-height: 1.6; }

table.activities { width: 600px; }
td.activityDay { font-weight: bold; padding: 10px 0px 5px 0px; text-decoration:underline; }
td.activityTime { vertical-align:top; padding: 0px 8px 5px 8px; }
td.activityName { vertical-align:top; padding: 0px 8px 5px 8px; }
td.activityContact { vertical-align:top; padding: 0px 8px 5px 0px; }
table.zService { width: 600px; }
td.zServiceHdg { font-weight: bold; padding: 5px 10px 25px 0px; font-size: 1.2em; }
td.zServiceDayHdg { font-weight: bold; padding: 5px 20px 5px 0px; }
td.zServiceTimeHdg { font-weight: bold; padding: 5px 20px 5px 0px;}
td.zServiceNameHdg { font-weight: bold; padding: 5px 0px 5px 0px;}
td.zServiceDay { vertical-align:top; padding: 5px 20px 5px 0px; }
td.zServiceTime { vertical-align:top; padding: 5px 20px 5px 0px;}
td.zServiceName { vertical-align:top; padding: 5px 0px 5px 0px;}

div.pic1 { width: 240px; float: left; padding: 8px 0px 8px 0px; text-align:center; }
div.pic2 { width: 240px; float: left; padding: 8px 0px 8px 0px; text-align:center;}
div.pic3 { width: 240px; float: left; padding: 8px 0px 8px 0px; text-align:center;}
div.pic4 { width: 240px; float: left; padding: 8px 0px 8px 0px; text-align:center;}

div.frontNews { padding: 0px 0px 20px 0px; }
div.newsWrapper { background-color: #FF0000; border: solid 1px #000000; padding: 8px 0px 8px 50px; color: #FFFFFF; text-align:center; font-size: 1.2em; background-image: url(../images/newsFlash.jpg);background-repeat: no-repeat;background-position: left top; }

p.eventFeatured { font-size: 1.1em; margin: 0px; padding: 0px; }
p.eventTitleDate { margin: 0px 0px 0px 0px; padding: 0px; font-weight: bold; }
p.eventDetails { margin: 0px; padding: 0px 0px 15px 30px; }
.eventLink {font-style: italic; font-size: 0.9em;}

div.pageSidePicture { padding: 30px 0px 0px 0px;}

#body { padding-bottom: 25px; }


#copyright { padding: 10px 0px 0px 0px; color: #FFFFFF; }
 /* #Fudge to stop loads of whitespace at bottom of page
================================================== */

#skel-panels-defaultWrapper { height: 10px; }
    
/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}

@media only screen and (min-width: 767px) {
    margin: 0 auto; !important; 
    }   


/* #Font-Face
================================================== */
/* This is the proper syntax for an @font-face file
Just create a "fonts" folder at the root,
copy your FontName into code below and remove
comment brackets */

/* @font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('eot'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
font-weight: normal;
font-style: normal; }
*/