/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2009-07-13
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html { 
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   font-family: "Trebuchet MS", Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif;
   color: #FFF;
   padding: 0px;
   margin: 0px;
}
body { 
    background: #222 url('../images/bg_hdr.jpg') top left repeat-x;
    /* background-color: #0A3B6C; */
    padding: 0px;
    margin: 0px;
}
   a {
		color: #666;
		text-decoration: underline;
	}
   	a:hover { text-decoration: none; }
   	a:visited { color: #666; }
   	a img { border: 0; }

   h1, h2, h3, h4, h5, h6,
   .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
   	line-height: 1.25em;
   	font-weight: normal;
   }
   	h1, .content h1 { font-size: 1.8em; }
   	h2, .content h2 { font-size: 1.5em; }
   	h3, .content h3 { font-size: 1.4em; }
   	h4, .content h4 { font-size: 1.2em; }
   	h5, .content h5 { font-size: 1.0em; }
   	h6, .content h6 { font-size: 0.9em; }

div.hr {
	height: 1px;
	margin: 1.6em 0 1.6em 0;
	background: #333 no-repeat scroll center;
}
	div.hr hr { display: none; }
#accessibilityMenu {
    display: none;
}
#wrapper {
    clear: both;
	position: relative;
	width: 950px;
	margin: 0 auto;
}

pre { color: #000; }


/** Search Bar
-------------------------- **/
#searchWrapper {
    background-color: #036;
    padding: 5px 0px;
}
   #searchBar {
      width: 950px;
      margin: 0px auto;
   }
   #scripture {
      float: right;
      font-size: 180%;
      font-family: Georgia;
   }
   #search input.searchBox {
      border: 1px solid #335C84;
      padding: 4px 2px 4px 25px;
      width: 200px;
      color: #FFF;
/*      background: #FFF  3px 3px no-repeat;*/
      background: #0A3B6C url('../images/bg_search.gif') 3px 3px no-repeat;
   }
   #search button {
      display: inline-block;
      background-color: #0A3B6C;
      border: 1px solid #335C84;
      color: #FFF;
      padding: 3px 10px;
      margin: 0;
      cursor: pointer;
      cursor: hand;
   }

/** Header
-------------------------- **/
/** @group header */
#home #header { 
    width: inherit; 
    height: 380px; 
    position: relative;
}
#default #header { 
    width: inherit; 
    height: 140px; 
    position: relative;
}

#header #masthead a, 
#header #masthead a:visited
{
	position: absolute;
	display: block;
	background: url("../myimages/logo.png") 0 0 no-repeat;
	text-indent: -10000px;
	width: 201px;
	height: 112px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 0px;
	right: 0;
}

#topNavigation {
  position: absolute;
  bottom: 0px;
  left: 5px;
  color: #FFF;
}
  /*#topNavigation ul.sf-menu {
      list-style: none;
      padding: 0px;
      margin: 0px;
      height: 30px;
  }
  #topNavigation ul.sf-menu li {
      padding: 0px 0px 0px 0px;
      margin: 0px;
      /*height: 30px;/
      float: left;
      background-color: transparent;
      border: 0;
  }
  #topNavigation ul.sf-menu li a {
      outline: none;
      padding: 8px 25px 7px;
      text-transform: uppercase;
      font-size: 1.4em;
      color: #BBB;
      text-decoration: none;
      font-weight: 100;
      letter-spacing: .15em;
      border: 0;
      cursor: pointer;
      cursor: hand;
  }
      #home #topNavigation ul.sf-menu li a { 
         color: #FFF;
         font-weight: bold; 
      }
   #topNavigation ul.sf-menu li a:hover { 
      color: #FFF;
      background-color: transparent;
      text-decoration: underline;
   }
      #default #topNavigation ul.sf-menu li a { color: #333; }
      #default #topNavigation ul.sf-menu li.selected {
         background-color: #FFF; 
         font-weight: bold;
         color: #003366;
      }
      #topNavigation ul.sf-menu li ul { 
         width: 160px;
         top: 30px;
      }
      #topNavigation ul.sf-menu li li { background-color: #FFF; }
         #wrapper #topNavigation ul.sf-menu li li a { 
            color: #333;
            font-weight: normal;
         }
            #wrapper #topNavigation ul.sf-menu li li a:hover { 
               background-color: #AFE4FE;
               text-decoration: none;
            }
            #topNavigation ul.sf-menu li li ul { 
               top: 0;
               left: 160px; 
            }
*/
#banner #image {
    position: absolute;
     top: 80px;
     left: 0;
     z-index: 2;
}
   #banner #image img { height: 240px; }
/* REMOVED on 17 April 2009 by Nate
    #banner img {
        background-color: #FFF;
        padding: 5px;
        border-top: 1px solid #AAA;
        border-right: 2px solid #666;
        border-bottom: 2px solid #666;
        border-left: 1px solid #AAA;
        
    }
    #banner #photo1 {
        width: 350px;
        position: absolute;
        top: 85px;
        left: 50%;
        z-index: 20;
        margin-left: -185px;
    }
     #banner #photo2 {
        width: 300px;
        position: absolute;
        top: 100px;
        left: 50%;
        z-index: 15;
        margin-left: -475px;
    }
     #banner #photo3 {
        width: 300px;
        position: absolute;
        top: 100px;
        left: 50%;
        z-index: 15;
        margin-left: 160px;
    }
*/
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#default #contentWrapper {
   background-color: #FFF;
   padding: 10px;
   color: #333;
   font-size: 120%;
   /*border: 1px solid #AAA;*/
}
    #default #innerContentWrapper {
        /*border: 1px solid #CCC;*/
        padding: 20px;
        background: transparent url('../images/bg_content.gif') top left repeat-y;
        min-height: 250px;
    }
    #home #contentWrapper {
        padding: 0px;
        font-size: 120%;
        color: #CCC;
    }
/** @group homeTable */
#homeGrid { 
   margin-top: 12px;
   padding-bottom: 17px;
/*   min-height: 150px;*/
}

#homeGrid .column {
   border: 1px solid #444;
   margin: 0 6px;
   width: 306px;
   height: 177px;
   float: left;
 }
   #homeGrid .column a, #homeGrid .column a:visited { color: #86cfff; }

   #homeGrid #column1 { background: transparent url('../images/bg_btn.gif') top left no-repeat; margin-left: 0; }
   #homeGrid #column2 { background: transparent url('../images/bg_btn.gif') top center no-repeat; }
   #homeGrid #column3 { background: transparent url('../images/bg_btn.gif') top right no-repeat; margin-right: 0; }
   #homeGrid #column4, #homeGrid .homeImage { display: none; }

/* #homeGrid td table td {
     padding: 0 20px;
     color: #AAA;
     overflow:hidden;
 }*/
    #homeGrid .homeTitle {
      color: #86CFFF;
      font-family: Georgia;
      margin: 0px;
      font-size: 170%;
      height: 20px;
      padding: 15px 0 8px;
      margin: 0 20px 12px;
      line-height: 100%;
      background: transparent url("../images/bg_margin-home.jpg") left bottom repeat-x;
    }
    #homeGrid .homeContent {
       line-height: 1.2em;
       padding: 0 20px 8px;
       color: #AAA;
    }
      #homeGrid .homeContent p, #home #marginSlot p { margin: 0.8em 0; }
 #home #marginSlot {
     padding: 20px 0px 0px 0px;
     font-family: Georgia;
     font-size: 150%;
     color: #CCC;
     line-height: 120%;
     background: transparent url("../images/bg_margin-home.jpg") left top repeat-x;
 }
   #home #marginSlot p { margin-top: 0; }
/* @end homeTable **/
 #home #marginSlot strong {
     margin: 0px;
     color: #FFF;
     line-height: 130%;
     font-size: 75%;
 }
   #home #marginSlot strong .small { font-weight: normal; }
/* @end contentWrapper **/
#default #contentSlot {
    width: 650px;
    float: right;
}
#default #contentSlot h1 {
    line-height: 100%;
    padding: 0px 0px 20px 0px;
    margin: 0px;
}

#default #sideBar {
    width: 190px;
    padding: 0px;
    height: 100%;
    margin-right: 20px;
}
    #default #sideBar ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
    #default #sideBar ul li {
        margin: 0px;
        width: 100%;
        padding: 0px;
    }
    #default #sideBar ul li a {
        padding: 5px 0px;
        text-align: right;
        display: block;
        font-size: 120%;
        color: #036;
        text-decoration: none;
    }
    #headerWrapper {
        background-color: #036;
        height: 224px;
        overflow: hidden;
    }
    #headerWrapper img {
        float: right;
    }
    #headerWrapper  span {
        font-family: Georgia;
        font-size: 180%;
        line-height: 150%;
        text-align: center;
        display: block;
        color: #FFF;
        padding: 60px 20px 0px 0px;
    }

#wrapper form {
/*   width: 300px;*/
}
#wrapper form .formfield label {
   width: 140px;
   display: block;
   float: left;
   padding-left: 10px;
}
/*#wrapper form*/

/** Footer
-------------------------- **/
/** @group footer */
#footer { 
   padding: 8px 0 20px 8px;
   font-size: 1.1em;
}
   #home #footer { text-align: center; }
   #footer, #footer a { color: #444;}
   #footer a { text-decoration: none; }
      #footer a:hover{ text-decoration: underline; }
/* @end footer **/


/** @group formContent */
#formContent td.content label { font-weight: normal; }
#formContent select, #formContent input.input, #formContent textarea.textarea { border-color: #002154; }
#formContent input.submit {
   background-color: #002154;
   border: 1px solid #002154;
   border-left-color: #0057E0;
   border-top-color: #0057E0;
   color: #FFF;
}
/* @end formContent **/


/** Class Styles
-------------------------- **/
.hidden, .printOnly { display: none; }

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

.clearafter:after {
   content: "";
   display: block; 
   height: 100%;
   clear: both;
   visibility: hidden;
}
a:active{
    outline: none;
}	



#ccsignup {
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -470px;
}