@charset "UTF-8";
/* Valley Church */
/* Copyright (c) 2007 CRG */
/* Stylesheet developed by Tarena at Brough Communications [http://www.brough.com] */
/* For Screen */

/************** Root Element **************/	   
html { margin:0; padding:0; height:100%; }
body{
      margin:0;
      padding:0;
      height:100%;
      border:none;
	  background:#F0DFBD url("/images/ValleyBKGD.jpg") repeat;
	  font:small "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   }
     

/************** Headings **************/
h1, h2, h3, h4, h5 ,h6, h6event{ font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size:120%; color:#008852;}
h2 { font-size:100%; color:#E31836;}
h3 { font-size:100%; color:#666666;line-height:20px;}
h4 { font-size:120%; color:#008852; margin-top:0px; margin-bottom:0px; text-transform:uppercase;}
h5 { font-size:120%; color:#E31836; margin-top:0px; margin-bottom:0px; text-transform:uppercase;}
h6 { font-size:130%; color:#008852;}
h6event { font-size:110%; color:#008852; margin-top:3px; margin-bottom:1px; font-weight:bold;}

#current { background-image: url("/images/Second_Layer/left_nav/red_arrow_reverse.png"); background-position:right center; background-repeat:no-repeat; list-style-image: url("/images/Second_Layer/left_nav/red_arrow.png"); }


/************** Links **************/
a:link {color:#008852; text-decoration:none; font-weight:bold;}
a:visited {color:#008852; text-decoration:none; font-weight:bold;}
a:hover {color:#E31836; text-decoration:none; font-weight:bold;}
a:focus {color:#E31836; text-decoration:none; font-weight:bold;}
a:active {color:#E31836; text-decoration:none; font-weight:bold;}

#top-left-nav-main a:link {color:#666666; text-decoration:none; font-weight:bold; }
#top-left-nav-main a:visited {color:#666666; text-decoration:none; font-weight:bold; }
#top-left-nav-main a:hover {color:#E31836; text-decoration:none; font-weight:bold; }
#top-left-nav-main a:focus {color:#E31836; text-decoration:none; font-weight:bold; }
#top-left-nav-main a:active {color:#E31836; text-decoration:none; font-weight:bold; }

#top-left-nav-sub a:link {color:#666666; text-decoration:none; font-weight:bold; }
#top-left-nav-sub a:visited {color:#666666; text-decoration:none; font-weight:bold; }
#top-left-nav-sub a:hover {color:#E31836; text-decoration:none; font-weight:bold; }
#top-left-nav-sub a:focus {color:#E31836; text-decoration:none; font-weight:bold; }
#top-left-nav-sub a:active {color:#E31836; text-decoration:none; font-weight:bold; }

#bulletin-margin a:link {color:#008852; text-decoration:none; border-bottom:1px dotted #008852; font-weight:bold;}
#bulletin-margin a:visited {color:#008852; text-decoration:none; border-bottom:1px dotted #008852; font-weight:bold;}
#bulletin-margin a:hover {color:#E31836; border-bottom:1px dotted #E31836; text-decoration:none; border-bottom:1px dotted #E31836; font-weight:bold;}
#bulletin-margin a:focus {color:#E31836; text-decoration:none; font-weight:bold;}
#bulletin-margin a:active {color:#E31836; text-decoration:none; font-weight:bold;}

#Footer a:link { border-bottom:1px dotted #008852; color:#008852; padding-bottom:2px; text-decoration:none; font-weight:bold;}
#Footer a:visited { border-bottom:1px dotted #008852; color:#008852; padding-bottom:2px;text-decoration:none; }
#Footer a:hover { border-bottom:1px dotted #E31836; padding-bottom:2px; color:#E31836;text-decoration:none; }
#Footer a:focus { padding-bottom:2px; color:#E31836;text-decoration:none; }
#Footer a:active { padding-bottom:2px; color:#E31836;text-decoration:none; }

/************** Lists **************/
ul li{ color:#666666;}
#top-left-nav-bttm {margin:10px 25px 0 25px;}
#top-left-nav-bttm li{border-bottom:1px dashed #008852; padding-bottom:10px; padding-top:5px; color:#008852;}
#top-left-nav-bttm ul {margin-top:5px; margin-bottom:10px; margin-left:0px; padding-left:0px; list-style:none;}
#top-left-nav {margin:0px 25px 0 25px;}
#top-left-nav ul {margin-top:5px; margin-bottom:10px; margin-left:10px; padding-left:0px;}
#top-left-nav-main { list-style-image: url("/images/Second_Layer/left_nav/red_arrow.png"); border-bottom:1px dashed #666666; padding-bottom:5px; padding-top:5px; text-transform:uppercase; font-weight:bold;}
#top-left-nav-main-current { background-image: url("/images/Second_Layer/left_nav/red_arrow_reverse.png"); background-position:right center; background-repeat:no-repeat; list-style-image: url("/images/Second_Layer/left_nav/red_arrow.png"); border-bottom:1px dashed #666666; padding-bottom:5px; padding-top:5px; text-transform:uppercase; font-weight:bold;}
#top-left-nav-sub { margin-left:15px;list-style:none; border-bottom:0px; padding-bottom:1px; padding-top:1px;font-size:90%;}
#top-left-nav-sub-current { background-image: url("/images/Second_Layer/left_nav/red_arrow_reverse.png"); background-position:right center; background-repeat:no-repeat; }
#bottom-box ul li { color:#008852; line-height:18px;list-style:none; border-bottom:1px dashed #008852;}
#home-lftnav-margin {margin:0px 30px 0 25px;}
#home-lftnav-margin li{border-bottom:1px dashed #666666; padding-bottom:5px; padding-top:5px;}
#home-lftnav-margin ul {margin-top:5px; margin-bottom:10px; margin-left:10px; padding-left:0px; list-style:none;}

#bulletin-margin {margin:10px;}
#bulletin-margin p {line-height:18px;}

/************** Image Box Elements **************/
#box1 {border: 1px solid #999999; background-color:#f2f2f2; padding:5px; width:100px; height:50px; margin-bottom:10px; margin-top:10px;color:#999999; text-align:center;}
#box2 {border: 1px solid #999999; background-color:#f2f2f2; padding:5px; width:200px; height:50px; margin-bottom:10px; margin-top:10px;color:#999999;text-align:center;}
#box-home {border: 1px solid #999999; background-color:#ffffff; width:386px; height:123px;color:#999999;text-align:center; padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:5px;}
#main-margin {margin:10px 15px 15px 15px;}

/************** Standard Elements **************/
p {font-size:100%; color:#666666; line-height:20px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-top:10px; margin-bottom:10px;}
.outer-border-left{ width:10px; background:url("/images/BKGDGrayLineLFT.png") repeat; }
.outer-border-right{ width:10px; background:url("/images/BKGDGrayLineRGHT.png") repeat; }
.outer-middle{ background:url("/images/BKGDGrayLineMDL.png");
  background-color:  white;
  background-repeat:  repeat-x;
  background-position:  bottom;
}
table {font-size:100%; color:#666666; line-height:20px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-top:10px; margin-bottom:10px;}

/************** Home Page Elements **************/
.red {color:#E31836; line-height:18px;}
#logo-image-left{float:left;}
.bulletinbox-middle{ background:url("/images/HomeBottomBoxMDL.png") repeat; }
.bulletinbox-top{ width:664px; height:21px; background:url("/images/HomeBottomBoxTOP.png") no-repeat; }
.bulletinbox-bottom{ width:664px; height:21px; background:url("/images/HomeBottomBoxBTM.png") no-repeat; }
.lftnav-inner-middle{ background:url("/images/LFT_BOX_BKGD_MDL.png") repeat; }
.lftnav-bottom-middle{ width:233px; height:9px; background:url("/images/LFT_BOX_BKGD_BTM.png") no-repeat; }

/************** Second Layer Elements **************/
.scriptures { font-size:90%; color:#666666; margin:15px; line-height:18px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.lftnav-inner-middle-bttm{ background:url("/images/Second_Layer/left_nav/LFT_BOX_BKGD_MDL_BTTM_L2.png") repeat; }
.lftnav-inner-middle-2{ background:url("/images/Second_Layer/left_nav/LFT_BOX_BKGD_MDL_L2.png") repeat; }
.lftnav-bottom-middle-2{ width:229px; height:9px; background:url("/images/Second_Layer/left_nav/LFT_BOX_BKGD_BTM_L2.png") no-repeat; }
.lftnav-top-middle-2{ width:229px; height:9px; background:url("/images/Second_Layer/left_nav/LFT_BOX_BKGD_TOP_L2.png") no-repeat; }

/************** Forms **************/
#top-search {float:right; margin-top:10px; margin-bottom:0px;margin-right:10px;padding:0px;}
.formtext{ font-size:11px; color:#666666;}
.formtextsm{ font-size:9px; color:#333333; margin-bottom:10px;}

/************** Footer **************/
#Footer {font-size:85%; text-align:center; margin-right:50px;}
#Footer li { display:inline; padding-left:5px; padding-right:10px; border-right:1px solid #666666; }

