/** Styles for the HOME PAGE **/

@import "common.css";

/* Layout */

.home #Header {
  background:          #eef url(../images/header.jpg) no-repeat;
  height:              150px;
}

.home #Content {
  background:          #fff url(images/home_content_bg.gif) repeat-y;
}

#Content h1 {
  font:                100%/1.5em Georgia,Times,serif;
  font-style:          italic;
  color:               #06c;
  padding:             0 1em 0 .65em;
  margin:              0;
  clear:               both;
  5em 0;
}

/*
#Content h1 {
  font:                120%/1.5em Monotype Corsiva, Georgia Italic, serif;
  text-align:          left;
  background-image:    url(../images/cross.gif);
  background-repeat:   no-repeat;
  background-position: .4em;
  padding:             0 1.5em;
  margin:              0 0 .5em 0;
}
*/

/* Sections */

#ContactInfo p {
  margin:     0;
  padding:    0;
  clear:      both;
  width:      100%;
  float:      left;
  background: #acf;
  color:      #333;
  text-align: center;
  display:    inline;
  font:       85%/1.5em arial,helvetica,sans-serif;
  font-weight: bolder;
}



#WorshipInfo table {
  position:     absolute;
  left:         525px;
  top:          10px;
  background:   transparent;
  width:        150px;
  font:         70%/1em arial,helvetica,sans-serif;
  color:        #ffe;
}

#WorshipInfo td, th {
  text-align: center;
}

#PrimaryMenu {
  width:       200px;
  clear:       both;
  float:       left;
  border-bottom: #ccc 1px solid;
}


#PrimaryMenu dl {
  list-style-type: none;
  margin:          1em .1em;
  padding:         0 15px;
}

#PrimaryMenu dt {
  padding:               0 1em;
  font:                  100%/1.5em arial,helvetica,sans-serif;
  font-weight:           bold;
  background-image:      url(../images/arrow.gif);
  background-repeat:     no-repeat;
  background-position:   0 .6em;
  border-bottom:         1px dotted #ddf;
}

#PrimaryMenu dd {
  margin:      1px 0 .5em .6em;
  padding:     1px 0 .5em .6em;
  font:        10pt/1.1em arial,verdana,sans-serif;
  line-height: 1em;
  color:       #777;
}

#PrimaryMenu a {
  border-bottom: none;
}

#Introduction {
  margin:        10px 0;
  padding:       10px 0;
  float:         right;
  width:         540px;
  border-bottom: #ccc 1px solid;
}

/* news and accouncements */

#Announcements {
  float:       left;
  margin:      0;
  padding:     0;
  width:       348px;
}
#Announcements img {
  padding:          .5em 1em .5em .1em; 
}

#WeeklyCalendar {
  float:       right;
  margin:      0;
  padding:     0;
  width:       200px;
  border-left: #ccc 1px solid;
}

#ResourceLinks {
  clear:       both;
  float:       left;
  width:       200px;
}

#ResourceLinks a, #ResourceLinks a:visited {
   border: none;
}   

#EmbeddedWeeklyEvents {
  width:       200px;
  font:        75%/1em arial;
}