/* --- STYLE SHEET FOR Methodist Centenary Church's Website --- */


/* --- Redefined Standard Tags --- */

body {
   position: relative;
   background: #336633 url('images/testlogo2.gif') no-repeat -60px -80px fixed;
   margin: auto;
   text-align: center;
   font-family: "Verdana", "Helvetica", sans-serif;
   color: #003300;
}

a:link, a:visited, a.menuItem:link, a.menuItem:visited, a.menuItem:hover, div.subMenu a.menuItem:link, div.subMenu a.menuItem:visited, div.subMenu a.menuItem:hover{
   text-decoration: none;
   font-weight: bold;
}

a:link, a:visited, a:hover {
   color: #003300;
}

a:hover {
   text-decoration: underline;
}

a.menuItem:link, a.menuItem:visited, a.menuItem:hover {
   color: #FFFFFF;
   background : #336633;
}

a.menuItem:hover {
   background: #003300;
}

div.subMenu a.menuItem:link, div.subMenu a.menuItem:visited, div.subMenu a.menuItem:hover {
   color: #FFFFFF;
   background : #669966;
}

div.subMenu a.menuItem:hover {
   background: #003300;
}

li {
   margin-top: 1em;
   list-style: disc;
}

ul ul li {
   list-style: circle;
}

hr {
   display: none;
   height: 1px;
   width: 50%;
   margin: auto;
   clear: both;
}

q {
   quotes: none;
}

address,p {
   margin-top: 1em;
}

h1{
   margin: 0px 0px 0em 0px;
}

/* --- Style Classes for Special Use --- */

div.textBlock, div#mapIndex {
   position: relative;
   background: #FFFFFF;
   border: 1px solid #669966;
   margin: 4em auto 0em auto;
   padding: 1em 2em 0em 1em;
   text-align: justify;
   font-size: 1em;
   z-index: 1;
   overflow: visible;
   min-width: 500px;
   clear: both;
}

div.textBlock h2 {
   display: inline;
   background: #669966;
   color: white;
   border: 1px solid #336633;
   font-size: 1.4em;
   font-weight: normal;
   padding: 0.2em 0.8em 0.2em 0.8em;
   position: relative;
   z-index: 1;
   top: -1.5em;
   /*text-shadow: 2px 2px 4px #000000;*/
}

div.textBlockContents {
   position: relative;
   padding-left: 1em;
   top: -1.5em;
}

div.textBlockContents img {
    padding: 3px;
    border: 1px solid #AAAAAA;
    width: auto;
}

object, embed,
a img.gallerypic {
    padding: 3px;
    border: 1px solid #AAAAAA;
    margin: 0em auto 1em 2em;
}

div.textBlockContents > img, div > .photoRight,  div > img.photoRight {    /* NON OLD IE FILTER */
   float: right;
   margin: 0em 0em 1em 2em;
   clear: both;
}

div#footer img {
   vertical-align: middle;
   border: none;
   float: none;
   margin: 0em 1em 0em 1em;
}

a.menuItem{
   color: #FFFFFF;
   border: 1px solid #669966;
   font-size: 0.9em;
   font-weight: bold;
   padding: 0.3em 0.8em 0.3em 0.8em;
   line-height: 2em;
   text-align: left;
}

div > a.menuItem {    /* NON OLD IE FILTER */
   display: block;
   margin: 0.75em 0px 0px auto;
   line-height: 1em;
}

div.subMenu a.menuItem{
   font-size: 0.7em;
   width: 75%;
   padding: 0.2em 0.8em 0.2em 0.8em;
   border-color: #336633;
}

#oldIeWarning {
   font-size: 0.8em;
   font-weight: bold;
   color: #FFFFFF;
}

body > #oldIeWarning {
   display: none;
}

/* --- General Formatting Classes --- */

.noStyleOnly {
   display: none;
}

div  > .photoLeft,  div  > img.photoLeft{ /* NON OLD IE FILTER */
   float: left;
   clear: both;
   margin: 0em 2em 1em 0em;
}

/* --- ID Classes --- */

#header {
   background: #669966 url('images/testlogo1.gif') no-repeat -60px -80px fixed;
   text-align: right;
   border-width: 1px;
   border-style:  none none solid none;
   border-color: #FFFFFF;
   min-width: 400px;
   margin: 0em 0px 0px 0px;
   padding: 0.5em 1em 1em 1em;
   position: relative;
   z-index: 0;
   color: #FFFFFF;
}

#logo{
   float: left;
   margin: 1em;
   display: none;
}

#headerText{
   padding: 0em;
   /*text-shadow: 3px 3px 5px #000000;*/
}

#map{
   border: 1px solid #669966;
}

#mainBody {
   position: relative;
   margin: auto;
   height: auto;
   min-height: 28em;
   padding: 4em 25px 60px 25px;  /* Must leave top padding not zero! (Collapsing Margins) */
   z-index: 2;
   clear: both;
   text-align: left;
}

body > div#mainBody{  /* NON OLD IE FILTER */
   padding: 1px 25px 60px 210px;  /* Must leave top padding not zero! (Collapsing Margins) */
}

#menuBlock{
   margin-top: 0.5em;
}

div > div#menuBlock {  /* NON OLD IE FILTER */
   position: absolute;
   background: #669966 url('images/testlogo1.gif') no-repeat -60px -80px fixed;
   border-width: 0px 1px 3px 0px;
   border-style: none solid solid none;
   border-color: #669966 #FFFFFF #669966 #FFFFFF;
   width: 150px;
   height: 100%;
   margin-top: 0em;
   top: -1px;
   left: 0px;
   z-index: 100;
}

div > div#menuBlockContents{  /* NON OLD IE FILTER */
   position: fixed;
   left: 10px;
   width: 175px;
   text-align: right;
}

#footer {
   color: #FFFFFF;
   background: #669966;
   text-align: center;
   border-width: 1px;
   border-style: solid none none none;
   border-color: #FFFFFF;
   min-width: 400px;
   margin: 0em 0px 0px 0px;
   padding: 1em;
   font-size: 0.7em;
   position: relative;
   z-index: 0;
}