﻿body
{
    margin:0;
    padding:0;
    background:url(images/wam_banner.png) 0px 0px repeat-x;
    font: 76%/1.75em "Lucida Grand", Verdana, Tahoma;
    /*font: 68%/1.75em "Lucida Grand", Verdana, Tahoma;*/
    color:#000;
    text-align:center;
}

/* Site Title
-----------------------------------------------------------------*/
#title
{
    margin:0 auto;
    width:80%;
    padding-top:25px;
    height:75px;
    text-align:left;
}

/* Member Navigation
-----------------------------------------------------------------*/
#memberNav
{
    width:80%;
    margin:0 auto;
    text-align:right;
    line-height:50px;
    background:url(images/wam_logo.png) no-repeat;
    height:50px;    
}

/* Main Site Navigation
-----------------------------------------------------------------*/
#mainNav
{
    padding-left:9.9%;
    padding-right:10%;
    width:80%;
}
ul 
{
  margin: 0;
  padding: 0;
  float: left;
  width: 80%;
  color:#000;
  background: #003300 url(images/nav_bg.gif) repeat-x;
  list-style: none;
  text-transform: uppercase;
}
ul li 
{
  float: left;
}
ul a 
{
  font-size:.80em;
  padding: 0 2em;
  line-height: 2.1em;
  background: url(images/nav_line.gif) repeat-y left top;
  color:#fff;
  text-decoration: none;
  float: left;
  display: block;
}
ul a:hover 
{
  text-decoration:underline;
}
body.welcome ul a#welcome, body.welcome ul a:hover#welcome, 
body.events ul a#events, body.events ul a:hover#events,
body.contact ul a#contact, body.contact ul a:hover#contact,
body.churches ul a#churches, body.churches ul a:hover#churches,
body.media ul a#media, body.media ul a:hover#media,
body.programs ul a#programs, body.programs ul a:hover#programs
{
    color:#ffe352;
    text-decoration:underline;
}

/* Content Layout
-----------------------------------------------------------------*/
#content
{
    width:80%;
    margin:0px auto;
    padding:20px 0;
    text-align:left;
}

#primaryContent
{
    float:left;
    width:60%;
    margin-top:20px;
    margin-bottom:20px;
    text-align:left;
}
#primaryContent h1
{
    color:#800000;
    font-size:1.5em;
    font-weight:400;
    line-height:1.5em;
    /*padding-left:.5em;*/
    /*background:url(images/nav_bg.gif) repeat-x;*/
}
#primaryContent h2
{
    color:#003300;
    font-size:1.25em;
    font-weight:700;
    line-height:1.25em;
}
#secondaryContent
{
    float:right;
    width:30%;
    border:solid 1px #003300;
    color:#000;
    background-color:#f5f5f5;
    margin:20px 0 20px 0;
    padding:0px 20px 20px 20px;
    line-height:1.25em;
}
#secondaryContent h1
{
    color:#003300;
    font-size:1em;
    font-weight:700;
    text-transform:uppercase;
    margin:1.5em 0 1em 0;
    border-bottom:solid 1px #003300;
}
#secondaryContent h2
{
    color:#800000;
    font-size:.9em;
    font-weight:400;
    margin:0 0 0 0;
}
#secondaryContent p
{
    margin:0;
    font-size:.9em;
}
#secondaryContent .date
{
    color:#696969;
    margin:1.5em 0 0 0;
}
/* Footer
-----------------------------------------------------------------*/
#footer
{
    clear:both;
    padding:.75em 0 1.5em 0;
    margin:1.5em 0px;
    border-top:solid 1px #003300;
    vertical-align:bottom;
    line-height:1.25em;
    
}
#footer #copy, #footer #vxp
{
    font-size:.75em;
}
#footer #copy
{
    width:50%;
    float:left;
    text-align:left;
}
 #footer #vxp
{
    width:40%;
    float:right;
    text-align:right;
}
#footer a
{
    text-decoration:underline;
    color:#696969;
}
/* Outside Links
-----------------------------------------------------------------*/
.outsideLink
{
    border-top:solid 1px #800000;
    margin-top:1.5em;
    padding-top:1.5em;
}
.outsideLink div
{
    width:50%;
}
.outsideLink img
{
    border:none;
    float:right;
}
/* Repeater Classes
-----------------------------------------------------------------*/
.repeaterHeader
{
    border:solid 1px maroon;
    background:DarkGreen;
    color:#f5f5f5;
    font-weight:400;
    font-size:8pt;
    padding:4px;
    margin:1em 0 .25em 0;
}
.repeaterPara
{
    margin:0;
    padding:0;
    font-size:8pt;
    color:#696969;
    line-height:1.5em;
}

.media
    {
        background: url(images/vmp3.gif) no-repeat 10px 1em;
        border-bottom:dotted 1px #696969;
        padding:1em 0 1em 50px;
        line-height:1.5em;
    }
    .media h3
    {
        font-size:1em;
        margin:0;
        padding:0;
    }
    .media p
    {
        padding:0;
        margin:0;
    }