/* ----------- PAGE LAYOUT FORMATTING ----------------------------------*/
/* generated by csscreator.com */


html, body
   {
   margin:0;
   padding:0;
   text-align:center;
   }

body
   {
   background-image:url(http://www.goodshepherdslatedale.org/code/images/body_bg.gif);
   background-position: center;
   background-repeat: repeat-y;
   background-attachment: fixed;
   }

#pagewidth
   {
   width:902px;
   text-align:left;
   margin-left:auto;
   margin-right:auto;
   margin-bottom:0px;
   padding-bottom:0px;
   background-image:url(http://www.goodshepherdslatedale.org/code/images/maincol_back.jpg);
   background-position: center;
   background-repeat: repeat;
   background-attachment: scroll;
   }

#header
   {
   position:relative;
   height:250px;
   background-color:#FFFFFF;
   width:100%;
   }

#leftcol
   {
   width:170px;
   float:left;
   position:relative;
   }

#maincol
   {
   float: right;
   display:inline;
   position: relative;
   width:730px;
   }

#footer
   {
   width: 902px;
   background-color: #2d2c2d;
   clear:both;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
   padding-bottom: 0px;
   text-align: center;
   }


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }

.clearfix{display: inline-block;}

   /* Hides from IE-mac \*/
   * html .clearfix{height: 1%;}
   .clearfix{display: block;}
   /* End hide from IE-mac */



 /*printer styles*/
@media print{
/*hide the left column when printing*/
   #leftcol{display:none;}
   #twocols, #maincol{width:100%; float:none;}
}





/* ----------- END OF PAGE LAYOUT FORMATTING ----------------------------------*/

/* ----------- TEXT AND OBJECT FORMATTING ----------------------------------*/
/* ----------- NAVMENU FORMATTING ----------------------------------*/

#active a
   {
   background-image: url(http://www.goodshepherdslatedale.org/code/navmenu/glossyback-current.gif);
   }

#activeCAT a
   {
   background-image: url(http://www.goodshepherdslatedale.org/code/navmenu/glossyback-cat.gif);
   }

#activeHOME a
   {
   background-image: url(http://www.goodshepherdslatedale.org/code/navmenu/glossyback-home.gif);
   }

.glossymenu{
   list-style-type: none;
   margin: 0px 0;
   padding: 0;
   width: 170px;
   border: 1px solid #9A9A9A;
   border-bottom-width: 0;
   }

.glossymenu li a{
   background: white url(http://www.goodshepherdslatedale.org/code/navmenu/glossyback.gif) repeat-x bottom left;
   font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
   color: white;
   display: block;
   width: auto;
   padding: 3px 0;
   padding-left: 10px;
   text-decoration: none;
   }


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
   width: 160px;
   }

.glossymenu li a:visited, .glossymenu li a:active{
   color: white;
   }

.glossymenu li a:hover{
   background-image: url(http://www.goodshepherdslatedale.org/code/navmenu/glossyback2.gif);
   }

.hiddenPic {display:none;}

/* ----------- END NAVMENU FORMATTING ----------------------------------*/



/* ----------- TEXT AND OBJECT FORMATTING ----------------------------------*/




   img
   {
   padding: 0px;
   border: 0px;
   margin: 0px;
   }


#maincol h1
   {
   margin:6px;
   border:0px;
   padding-top:10px;
   padding-bottom:0px;
   font-family: arial;
   font-size:16pt;
   font-weight:bold;
   color: #800517;
   font-style: italic;
   }

#maincol h2
   {
   margin:0px;
   border:0px;
   padding-top: 5px;
   padding-bottom: 0px;
   padding-left: 15px;
   font-family:arial;
   font-size:14pt;
   color: #737CA1;
   font-style: italic;
   font-weight: bold;
   }

#maincol h3
   {
   margin:1px;
   border:0px;
   padding-bottom: 5px;
   padding-top: 0px;
   padding-left: 20px;
   font-family:arial;
   font-size:12pt;
   font-weight:bold;
   color: black;
   font-style: italic;
   }

#maincol h4
   {
   font-family: arial;
   font-size: 12pt;
   font-weight: bold;
   text-align: center;
   padding: 0px;
   margin: 2px;
   }

#maincol h5
   {
   font-family: arial;
   font-size: 10pt;
   text-align: center;
   padding: 0px;
   margin: 1px;
   }

#maincol p
   {
   font-family: arial;
   font-size: 10pt;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 30px;
   padding-right: 15px;
   }

#maincol td
   {
   font-family: arial;
   font-size: 10pt;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 30px;
   padding-right: 15px;
   }

#maincol li
   {
   font-family: arial;
   font-size: 10pt;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 25px;
   padding-right: 15px;
   }

#maincol a
   {
   text-decoration:underline;
   color: navy;
   }

/* links formatting */
div.footerlinks p
    {
    font-size : 10pt;
    font-family : Arial;
    font-weight : bold;
    color: white;
    }

div.footerlinks A:link
   {
   text-decoration : none;
   color : white;
   }

div.footerlinks A:visited
   {
   text-decoration : none;
   color : white;
   }

div.footerlinks A:hover
   {
   text-decoration : underline;
   color : yellow;
   }

div.footerlinks A:visited:hover
   {
   text-decoration : underline overline;
   color : yellow;
   }

div.footerlinks A:active
   {
   text-decoration : underline overline;
   color : red;
   }



/* ----------- END OF PAGE LAYOUT FORMATTING -------------------------*/