/* page & font styles */
body { background: #a0baca url('../images/bg.jpg') repeat-x; margin:0px; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #114462; }
ul { list-style-image: url('../images/arrow.gif'); }
body, p, div, td { font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 1.5em; color: #114462; }
.small { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #114462; }
.title { font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #114462; }
.heading { font-family: Arial, Verdana, sans-serif; font-size: 13px; font-weight: bold; letter-spacing: 4px; color: #114462; line-height: 2em; }
.heading_lg { font-family: Arial, Verdana, sans-serif; font-size: 20px; letter-spacing: 4px; color: #990000; line-height: 2em; }
.highlight { background-color: #cc6666; color: #ffffff; padding: 2px; }
.scripture { font-style: italic; border-style: dashed; border-width: 1px; border-color:  #114462; background-color: #eff4f6; margin: 20px; padding: 20px; 
    /* IE Fieldset Adjustments */
    _position : relative;
    _padding: 20px;
    _display : block; 
    _margin-top: 40px; }
.scripture_reference { font-style: italic; font-weight: bold; color: #ffffff; background-color: #990000; padding: 7px; 
    /* IE Legend Adjustments */
    _position : absolute; 
    _top : -25px;}
.fieldset { border-style: dashed; border-width: 1px; border-color:  #114462; background-color: #eff4f6; margin: 20px; padding: 20px; 
    /* IE Fieldset Adjustments */
    _position : relative;
    _padding: 20px;
    _display : block; 
    _margin-top: 40px; }
.fieldset_title { font-weight: bold; color: #ffffff; background-color: #990000; padding: 7px; 
    /* IE Legend Adjustments */
    _position : absolute; 
    _top : -25px;}
.sidebar_title { font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #114462; background: url('../images/tack.jpg') no-repeat; padding-top: 25px; padding-left: 30px; height: 50px; }
.sidebar { font-family: Arial, Verdana, sans-serif; font-size: 11px; line-height: 1.5em; color: #114462; }
.sidebar_heading { font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #990000; }
.footer { font-family: Arial, Verdana, sans-serif; font-size: 10px; line-height: 1.5em; color: #114462; }
.sub { font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 1.5em; color: #114462; }
.servicetimes { font-family: Arial, Verdana, sans-serif; font-size: 10px;  color: #114462; line-height: 1.5em;  }
.cart_alt_color1  { background:#FFFFFF; }
.cart_alt_color2 { background:#E5EDF1;  }
.audiobg1 { padding-left: 7px; padding-top: 3px; padding-bottom: 3px; background: url('../images/bg_audio1.jpg') repeat-y; }
.audiobg2 { padding-left: 7px; padding-top: 3px; padding-bottom: 3px; background: url('../images/bg_audio2.jpg') repeat-y; }
.featurednav { position: relative; width: 240px; height: 46px; padding-left: 10px; z-index: 2; line-height:46px;}
.transparent
{
   filter:alpha(opacity:0);
   KHTMLOpacity:0;
   MozOpacity:0;
   opacity:0; 
}

.feature_hr
{
   position:absolute;
   left:0px;
   padding:0px;
   margin:0px;
   border:0px;
   border-top:1px solid #9bb6c6;
   width:228px;
}

/* links */
a:link { text-decoration: underline; color: #990000; }
a:visited { text-decoration: underline; color: #990000; }
a:hover { text-decoration: underline; color: #990000; }
a:visited:hover { text-decoration: underline; color: #990000; }
a.sub:link { text-decoration: none; color: #114462; }
a.sub:visited { text-decoration: none; color: #114462; }
a.sub:hover { text-decoration: underline; color: #990000; }
a.sub:visited:hover { text-decoration: underline; color: #990000; }

/* forms */
.form_container { margin: 20px; }
.form_submit_button { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #ffffff; background-color: #990000; font-weight: bold; font-size: 11px; border: 0px; padding: 3px; }
.form_text { display: inline; font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #114462; border: 1px #114462 solid; background: #e5edf1; padding: 1px; }
.form_password { display: inline; font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #114462; border: 1px #114462 solid; background: #e5edf1; padding: 1px; }
.form_textarea { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #114462; border: 1px #114462 solid; background: #e5edf1; padding: 1px;  }
.form_label { font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 1.5em; color: #114462; font-weight: bold; }
.form_select { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #114462; border: 1px #114462 solid; background: #e5edf1; }

/* rollovers */
a.home { float: left; width: 89px; height: 41px; background: url('../images/nav_home.jpg') 0 0 no-repeat; }

a.about { float: left; width: 113px; height: 41px; background: url('../images/nav_about.jpg') 0 0 no-repeat; }
a.visit { float: left; width: 118px; height: 41px; background: url('../images/nav_visit.jpg') 0 0 no-repeat; }
a.church { float: left; width: 134px; height: 41px; background: url('../images/nav_church.jpg') 0 0 no-repeat; }
a.media { float: left; width: 92px; height: 41px; background: url('../images/nav_media.jpg') 0 0 no-repeat; }
a.store { float: left; width: 88px; height: 41px; background: url('../images/nav_store.jpg') 0 0 no-repeat; }
a.mygwc { float: left; width: 106px; height: 41px; background: url('../images/nav_mygwc.jpg') 0 0 no-repeat; }
a.contact { float: left; width: 130px; height: 41px; background: url('../images/nav_contact.jpg') 0 0 no-repeat; }

/* containers */
#siteContainer
{
    width: 953px;
    margin-left:auto;
    margin-right:auto;
    background: url('../images/bg_body.jpg') repeat;
}

#contentContainer
{
    background: url('../images/bg_body_top.jpg') no-repeat;
}
   
#navContainer
{
    position: relative;
    margin-left:auto;
    margin-right:auto;
    width: 870px;
    height: 41px;
}

#subnavContainerHome
{
    position: relative;
    left: 25px;
    width: 595px;
    height: 3em;
    line-height: 3em;
    float: left;
}

#searchContainerHome
{
    position: relative;
    right: 25px;
    height: 3em;
    line-height: 3em;
    float: right;
    _top: 5px;
}

#subnavContainer
{
    position: relative;
    left: 25px;
    width: 900px;
    height: 3em;
    line-height: 3em;
    float: left;
}

#searchContainer
{
    position: relative;
    right: 25px;
    height: 3em;
    line-height: 3em;
    float: right;
    _top: 5px;
}

#featuresContainer
{
    position: relative;
    width: 888px;
    height: 292px;
    margin-left:auto;
    margin-right:auto;
    background: url('../images/bg_features.jpg') no-repeat;
}

#columnsContainer
{
    position: relative;
    width: 888px;
    height: 500px;
    margin-left:auto;
    margin-right:auto;
    background: url('../images/bg_columns.jpg') no-repeat;
}

#featurescontentContainer
{
    position: relative;
    width: 336px;
    height: 220px;
    left: 30px;
    top: 53px;
    float: left;
}

#featuresnavContainer
{
    position: relative;
    width: 250px;
    height: 230px;
    top: 47px;
    left: 37px;
    float: left;
}
#servicetimesContainer
{
    position: relative;
    width: 225px;
    height: 220px;
    top: 20px;
    left: 40px;
    float: left;
    padding-top: 28px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background: url('../images/bg_servicetimes.jpg') no-repeat; 
}

/*content elements*/
#header
{
    position: relative;
    width: 953px;
    height: 164px;
    background: url('../images/bg_header.jpg') no-repeat;
}

#main
{
    position: relative;
    width: 687px;
    top: 15px;
    left: 33px;
    float: left;
    padding-bottom: 40px;
}

#sidebar
{
    position: relative;
    width: 175px;
    right: 33px;
    top: 15px;
    float: right;
    padding-bottom: 40px;
}

#bottom
{
    position: relative;
    width: 953px;
    height: 36px;
    background: url('../images/bg_bottom.jpg') no-repeat;
    clear: both;
}

#footer
{
    position: relative;
    width: 953px;
    background: #a0baca;
    text-align: center; 
}

/* Dialogs */
.dialog
{
   width: 200px;
	background-color: #FFF;
	padding: 15px;
	border: 3px solid;
}

.dialog .button_container
{
	margin-top: 10px;
	text-align: right;
}

.dialog .button
{
	padding-right: 10px;
	
}
