/*
-------------------------------------------------------
Style Sheet

Site: Sandstone Drive Church CSS 
Author: Brian Wallace
Version: 1.0
------------------------------------------------------- */

/* =General
------------------------------------------------------- */
h1, h2, h3, h4, li, ul {
   margin: 0;
   padding: 0;
}

ul {
    list-style: none;
}

p {
    margin: .25em 0 .5em 0;
}

a {
    text-decoration: none;
    position: relative;
 /*   padding: .2em 0 .55em 0;  */
    z-index: 1;
    color: #000;
}

pre  {
    font-size: 1em;
    margin: 0em 0em 0em 9em;
}

img {
    border: none;
}

dt {
   float: left;
   width: 4.5em;
}

em {
   color: #F00;
   font-style: normal;
}

/* =Typography
------------------------------------------------------- */
body {
   font-size: small !important;
   font-size: smaller;
   font-family: Helvetica, Verdana, Arial, sans-serif;
}

h1, h2, h3, h4 {
   font-family: "Trebuchet MS", Helvetica, sans-serif;
}

h1  {
   text-align: center;
   font-family: Times New Roman;
   background-color: #990000;
   color: white;
}

.bigheader1, bh1
		{color: #ffff00; background: #4682B4; font-weight: font-family: New Times, Verdana; font-size: 20px; margin: 0px; padding: 2px;}
.bigheader2, bh1
		{color: #4682b4; background: #ffffff; font-weight: font-family: New Times, Verdana; font-size: 20px; margin: 0px; padding: 2px;}    

/* =Wrapper
------------------------------------------------------- */
#wrapper {
   position: relative;
   width: 70em;
   margin: 0 auto;
}

/* =Masthead
------------------------------------------------------- */
#masthead, #bullhead {
   background: url(../images/blue.jpg) top left repeat; 
   float: left;
   height: 92px;
   text-align: center;
   width: 69.5em;
}

#bullhead {
   float: none;
   width: 100%;
   text-align: center;
}

#friends, #family, #sermons, #sermons2, #sermons1, #interact, #teens {
      font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
   /*   margin: 0 .4em 0 .4em;  */
      border: thin solid lightgrey;
      padding-bottom: .4em;
      margin: 1em .4em 0 .4em;
}

#sermons, #sermons1, #sermons2 {
      float: left;
      width: 18em;
      font-size: .9em;
      font-family: Helvetica, Verdana, Arial, sans-serif;
}

#interact {
      background: url(../images/tn_bible2.gif) 65% 93% no-repeat;
      height: 11em;
}

#interact h4 {
      font-size: 1em;
      padding: .5em;
}

#teens {
      height: 18em;
      float: left;
}

#teens h4 {
      padding: .5em;
      font-size: 1em;
      
}
#lockin {
   background: url(../images/tn_lock_in.jpg) top left no-repeat;
   font-size: .80em;
   float: left;
   padding: 2em 0 0 10em;
   height: 4em;
   width: auto;
   margin-top: -13em;
}

#lockin span  {
   color: red;
}

#jaime  {
   margin: -2.5em .5em 1em .5em;
}

#jaime span {
    color: red;
}

#potluck {
   background: url(../images/tn_potluck.jpg) top left no-repeat;
   font-size: .9em;
   color: green;
   float: left;
   padding: .2em 0 .3em 9em;
   height: 5em;
   width: 15em;
   border: solid thin black;
   border-bottom: solid .3em black;
   margin-left: .6em;
}
   
#teenbg {
   background: url(../images/teens.jpg) 30% 30% no-repeat;
   float: left;
   position: relative;
   -moz-opacity: .25;
   filter: alpha(opacity=25);
   opacity: .25;
   top: -12em;
   height: 10em;
   width: 22em; 
}


#pages {
      margin: 1.5em;
      font-size: 1em;
      color: blue;
}

#pages a {
       padding-left: .7em;
       text-decoration: underline;
}

#nopage {
      padding-left: .7em;
}

#pgnums {
      float: left;
      padding: .5em;
      border-left: .1em solid blue;
      border-top: .1em solid blue;
      border-right: .3em solid blue;
      border-bottom: .3em solid blue;
}

#thepage {
      margin-left: 20em;
      font-size: 1.35em;
      color: #990000;
}

#sermons li p  {
      font-style: italic;
      color: #000;
      margin-left: 1.5em;
}

#htmltxt  {
      float: left;
      width: 90%;
      padding: 2em;
      margin: 0 auto 0 auto;
}

#thedate {
      font-size: .85em;
      font-style: italic;
      color: red;
      margin: .75em;
}

#bcamp {
     margin-left: 1em;
     font-size: 1em;
     display: block;
}

#calendar {
      margin-left: 6em;
}

#video1 {
  border: .3em solid black;
  border-bottom: .9em solid black; 
/*  background: url(../images/weave.gif) top left repeat;  */
  position: absolute;
  top: 14em;
  left: 29em;
  background: url(../images/tile1.jpg) top left repeat;
}
      
#list_videos {
   margin: 2em 0 0 1em;
   width: 25em;
}

#videodisplay {
   margin: 0 2em 0 2em;
}
 
#vidtitle2, #viddesc {
   text-align: center;
   margin: .5em 0 0 .5em;
   color: #990000;
   font-size: 1.2em;
   font-weight: bold;
}

#viddesc  {
   font-style: italic;
   color: darkblue;
   font-family: times New Roman;
   font-size: 1.2em;
}
      
.vidtitle {
     font-size: 1.2em;
     padding: .1em;
     margin: 0em;
     background-color: lightgrey;
     text-align: center;
     color: #990000;
}

.lcount {
     margin-left: 1em;
     color: red;
     font-size: .75em;
     font-style: italic;
}
     
#family {
     font-size: 1.50em;
     padding: .1em;
     margin: 0em;
     background-color: lightgrey;
     text-align: center;
     color: #990000;
}

#friends li {
     list-style: circle;
     margin-left: 3em;
}

#friends h4  {
     padding: .5em;
     font-size: 1em;
}

#renew {
     font-size: .85em;
     margin: 0 .7em 0 .7em;
}
 
#subtitle {
     font-size: 1.25em;
     background-color: #DBEAF5;
     text-align: center;
     margin: 0;
     color: green;
     font-weight: bold;
}

#stonemenu  {
     background-color: #FFFFC0;
     font-size: 1em;
     width: 69.3em;
     float: left;
     height: 2.2em;
     color: #990000;
     border-left: .1em solid blue;
     border-right: .1em solid blue;
}

#stonemenu a  { 
      color: #990000; 
}
#stonemenu a:hover  {
      color: green ;
}

#stonemenu li  {  
      float: left;
      padding-right: 1.5em;
}

#stonemenu ul  {
      list-style-type: none;
}

#missionList, #youthList, #edList, #newsList, #albumList  {
      width: 14em;
      z-index: 999;
      visibility: hidden;
      position: absolute;   
      left: 3.6em;
      display: block;
      top: 8.3em;
      -moz-opacity: .85;
      filter: alpha(opacity=85);
      opacity: .85;
}

#youthList {
      left: 9.5em;
}

#edList  {
      left: 17.8em;
}

#newsList  {
      left: 28em;
}

#albumList {
      left: 38em;
}

#missionList li, #youthList li, #edList li, #newsList li, #albumList li {
      padding: .3em;  
      width: 12em;
      background-color: lightgreen;
      border-bottom: .1em solid purple;
      border-right: .1em solid purple;
      border-left: .1em solid purple;
}

#missionList ul, #youthList ul, #edList ul, #newsList li, #albumList li  {      
      list-style-type: none;
      
}

#missionList a, #youthList a, #edList a, #newsList a, #albumList a  {
      color: black;
}

#missionList a:hover, #youthList a:hover, #edList a:hover, #newsList a:hover, #albumList a:hover {
      color: white;
      font-weight: bold;
}

#heading  {
     color: yellow;
     padding: .2em 0 0 0;
     font-family: times new roman;
     font-size: 3em;
     text-align: center;
     margin-bottom: 0em;
}

#subhead {
     color: white;
     font-size: 1.3em;
     margin-top: .3em;
     text-align: center;
     font-style: italic;
}

/* =Content
-------------------------------------------------------- */
#content {
   min-height: 45em;
   float: left;
   height: auto !important;
   border: .1em solid blue;
   height: 30em;
}

/* =secondaryContent
------------------------------------------------------- */
#secondaryContent {
    min-height: 30em;
    height: auto !important;
    height: 30em;
}

/* =Form
------------------------------------------------------- */
label {
   position: relative;
}


/* =Footer
------------------------------------------------------- */
#footer  {
    height: 2.3em;
    width: 81.6em;
    float: left;
    font-size: .85em;
    background-color: blue;
    color: white;
}

#email, #copy  { 
    padding: .4em 1em .3em 2em;
    display: inline;
    font-style: italic;
}

#copy { padding-left: 5em; }

#footer a  { color: yellow;  }
#footer a:hover { color: red; }

#text  { 
    width: 67.4em;
    margin: 1em;
}

h3  {
   background-color: #DBEAF5;
   padding: .2em 0 .2em .7em;
}

#col1, #col2, #col3  {
     width: 23em;
     height: 60em;
     float: left;
}

#col1 img {
     margin-left: 7em;
     width: 119px;
     height: 162px;
     border: .4em solid black;
}

.frames {
     width: 69.5em;
}

#col2, #col3 { border-left: .1em solid blue;  }

#worshiptimes { 
     background: url(../images/crossnight2.jpg) top left no-repeat;
     width: 260px;
     height: 173px;
}

#wdays {
     font-weight:  bold;
     text-decoration: underline;
     font-size: .85em;
     margin-left: 2em;
     display: block;
     clear:both;
}

#wtimes {
     font-size: .85em;
     margin-left: 3em;
     display: block;
     clear: both;
}

#mstatement  {
     background: url(../images/bible.gif) 5% 45% no-repeat;
     padding: 1em .6em 1em 8em;
     font-size: .85em;
}

#opneh  { 
      padding: .6em .6em 1em .6em ;
      font-size: .90em;
}

#churchmission  {
      background: url(../images/churchmission.jpg) 30% 0% no-repeat;
      padding: 5em .6em 1em .6em;
      font-size: 1.1em;
}

#plansalv {
       background: url(../images/nice_cross.jpg) 6% 8% no-repeat;
       height: 6em;
       padding-left: 9em;
       padding-top: 2em;
}
   
#matt28 {
       background: url(../images/sunburst.jpg) 50% 14% no-repeat;
       height: 12em;
       font-weight: bold;
       font-size: 1.3em;
       color: #990000;
       padding: 1em 3em 0 3em;
}

#wecare {
       background: #FFFFC0 url(../images/wecare.jpg) 46% 3% no-repeat;
       margin-top: 1em;
       margin-bottom: 1em;
       padding: 3em 1em 1em 1em;
       
}

#wecare span {
       font-weight: bold;
       color: #660099;
       text-align: center;
       display:block;
       clear:both;
}

#minister, #register {
       padding: 0 0 0 .8em;
}

#churchmission span, #register span, #opneh span {
      font-weight:  bold;
      color: red;
}

#click { margin: 0em ;
         margin-left: .8em;
         font-size: .85em;
}

#times {
     text-align: center;
     font-size: 1.25em;
     color: #990000;
     display: block;
}

#photo_title {
     text-align: center;
     margin: 2em 0 2em 0;
     color: blue;
}

#photo_title span {
     text-decoration: underline;
}

#binfo {
     font-family: Times New Roman;
     font-style: italic;
     font-size: 1.25em;
     text-decoration: bold;
     text-align: center;
     color: red;
}
  
ul {
     font-size: .90em;
     list-style-type: square;
     margin: .4em 0 .5em 2em;
}

a { 
     color: blue;
     font-weight: bold;  
}

a:hover { color: red; }