html, body {
  font-family:arial, helvetica, sans-serif;
  font-size:14px;
  margin:0px;
  padding:0px; 
  }
  
#wrapper {
   width:756px;
   margin:0 auto;  
}  

#wrapper:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

p.justify {
   text-align:justify;   
}

p.center {
   text-align:center;
}

p.italics{
	font-style:italic;
}


p {                  /*default p is left-justified*/
   text-align:left;
}

a.external {
   font-weight:bold;
   margin-top:16px;   
   display:block;   
}

a.leftlink{
   margin-left:16px;
   padding:0px;    
}

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

#textleft{   
   display:block;
}


#imgright{
   float:right;   
}

#imgleft{
   float:left;
}

#textright{
   display:block;
}

   



/**************************** Email form layout ***************************/  
input.emailForm{
   
}

/***************************** Center Element *****************************/


/**************************** Resources Page ***************************/  
div#resources
{
   text-align: center;
   min-width: 756px;
}


/**************************** Footer ***************************/  
div#footer
{
   clear:both;
   width:724px;
   background:white;   
   float:left;
   padding:16px;
   border-top:solid;
   text-align:center;

}

/************************ Page Banner **********************/

#banner {  
  padding:0px;
  margin:0px;    
}

#verse {
   padding-top:16px;
   padding-left:40px;
   padding-right:40px;   /*note: we can't use a bottom margin to provide the spacing, if we do, then we get the column picture showing up above the menu*/
   font-style:italic;
   background:white;   
}

#verse_reference {
   padding-left:40px;
   padding-right:40px;   /*note: we can't use a bottom margin to provide the spacing, if we do, then we get the column picture showing up above the menu*/
   padding-bottom:16px;
   background:white;   
   text-align:right;
   font-style:normal;
}

p.preschool_link{
   margin-top:-8px;
}
/************************ Navigation **********************/

#menu {   
   width:756px;
   padding:0px 0px 0px 0px;
   margin:0px 0px 0px 0px;
   height:22px;   /*change to 22px for single line menu, 34px for 2 lines*/
   display:block;
}

#menu a.menu_top{   
   height: 16px;   /*adjust if 2-line menu item. Be sure to check IE*/      
}

/* Top level menu */

#menu ul {
   list-style:none;
   margin: 0;
   padding: 0;
   width: 108px;
   float: left; 
   
}


#menu li{
   position:relative;
}

/* Second Level Menu */

#menu ul ul {
   position: absolute;
   z-index: 500;
}


/* Third level menu (not currently used)*/
#menu ul ul ul {
   position: absolute;
   top: 0;
   left: 100%;   
   z-index:500;
}


/* All menu items are anchors */
#menu a{
   font: bold 11px/16px arial, helvetica, sans-serif;
   display: block;
   border-width: 1px;
   border-style: solid;   
   margin: 0;
   padding: 2px 3px;
   text-decoration:none;
   text-align:center;   
}



/* Menu display & hide rules */


div#menu ul ul,               /* by default, hide 2nd level items */
div#menu ul li:hover ul ul    /* hover over 1st level items, hide 3rd level items*/
{display: none;}


div#menu ul li:hover ul,      /* hover over 1st level items, display second level items*/
div#menu ul ul li:hover ul    /* hover over 2nd level items, display third level items */
{display: block;}

/************************** Main Page events list *****************/
#comingevents{
  margin-bottom:24px; 
  } 

#eventDescription {
   font-style:italic;
}

#eventTitle {

}

#eventMore{
   text-align:right;
}

a.eventlink {   
   font-weight:bold;
}
/************************** Main Page What's New ********************/
#newUpdate{
   border:thin;
   border-style:solid;
   margin-bottom:16px;
   padding:8px;
}

#newUpdateDate{
   background:white;
   font-style:italic;
}

#newUpdateItem{
   background:white;
   
}

/************************** Main Page Columns ***********************/

#leftcontent {
   float: left;
   width:200px;         
   margin-top:16px;
   margin-bottom:16px;
   margin-left:8px;
   margin-right:8px;   
}

#leftsmall{
   margin-top:16px;
   font-size:12px;
   text-align:center;
}

#leftsmall p{
   text-align:center;
}

#centercontent {
   float: right;
   width:508px;   
   margin-top:16px;
   margin-bottom:16px;
   margin-left:16px;
   margin-right:16px;
}

#fullpagecontent{
   float:left;   
   padding:16px 16px 16px 16px;   
   margin:0px;
   background:white;   
   width:724px;   
}

/*************************** Survey **********************************/
#surveyBox {                  /* Top level div for the survey */
   /*border-top-style:solid;  */
   background:white;
   
}

#surveyQ {
	margin-top:0px;
	margin-bottom:16px;   
}

.surveyRadio
{   
   margin:0px;   
   float:left;
}

.surveyLabel
{
   width:176px;   
   /*float:left; */
   position:relative;   
   margin-left:24px;
   margin-right:0px;
   margin-bottom:8px; 
}


.surveyLabelLg
{
   margin-top:8px;
   margin-bottom:8px;
}


/*For proper browsers, this should be the same as surveyLabel.*/
.surveyOther
{
   width:176px;   
   /*float:left; */
   position:relative;   
   margin-left:24px;
   margin-right:0px;
   margin-bottom:8px; 

}

.surveyOtherLg
{
   width:726px;
}

.surveySubmit,
.surveyResults
{
   margin-left:4px;
   margin-top:16px;
   padding-left:8px;
   padding-right:8px;
   display:block;
}

.surveySubmit
{
   /*margin-left:130px;*/ /*right align the button*/
}


a.surveyResults
{
   text-decoration:none;
   font-weight:bold;
}


/**************************** Survey Results ***************************/

#surveyQuestion
{
   padding:8px;
   margin:8px;   
   font-size:16px;
}
  
#surveyResultsTableSmall
{
   float:left;
   width:100px;
}

#surveyResultsTableLarge
{
   float:left;
   width:400px;
   border-style:solid;
   border-width:thin;
}

div#surveyText
{   
   float:left;
   clear:left;
   width:216px;
   text-align:right;
   padding-left:8px;
   padding-right:8px;
   font-size:12px;
}

div#votes
{   
   float:left;
}   

div#whitespace
{
   float:left;
   text-align:right;
}