/* Start of CMSMS style sheet '1 Main' */
/* accessibility */
span.accesskey {
   text-decoration:none;
}
/*
accessibility divs are hidden by default
text, screenreaders and such will show these
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}
/*
definition tags are also hidden
these are also used for menu links
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */
/* clearing */
/*
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block;
		width: 100%;
	}

	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

.clear {
	clear: both;
}
.clearright {
	clear: right;
}
.clearleft {
	clear: left;
}

/* end clearing */
/* layout */
* {
    margin: 0;
    padding: 0;
  }
  body {
    font-family: 'Lucida Grande',Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    margin: 10px 0 10px 0;
  }
  p {
    margin-bottom: 16px;
  }
  ul, dl {
   margin-bottom: 12px;
  }
  ol {
    margin-bottom: 12px;
    margin-left: 2em;
    margin-right: 3em;
  }
  ol li {
    margin-top: 6px;
  }
ul {
    list-style-type: square; 
    list-style-image: url(uploads/images/cssimages/ul-square-5.png);
    margin-left: 2em;
    margin-right: 3em;
  }
ul ul {
    list-style-type: circle; 
    list-style-image: url(uploads/images/cssimages/ul-circle-5.png);
    margin-left: 2em;
    margin-right: 2em;
  }
ul ul ul {
    list-style-type: square; 
    list-style-image: url(uploads/images/cssimages/ul-square-5.png);
    margin-left: 2em;
    margin-right: 1em;
  }
dt {
   font-weight: bold;
   margin-bottom: 8px;
 }

dd {
   margin-left: 2em;
   margin-right: 3em;
 }
  h1 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 18px;
  }
  h2 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 12px;
  }
  h3 {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 5px;
  }
#printheader {
	display: none;
}
img {
	border-style: none;
}
pre {
	padding: 0.25em 40px;
}
blockquote {
	/*font: italic 1.05em Georgia, Times, serif; */
	margin: 0.25em 30px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	padding: 0;
	margin: 0;
    border-width: 0;
    border-style: none;
}
/* img {behavior: url(uploads/js/iepngfix.htc); } */

a { outline: none; }


.paddingleft {padding-left:10px;}
.paddingLR {padding: 0px 5px;}
.maillink a { color: #000; text-decoration: none;}
.maillink a:hover { color: #333; text-decoration: underline;}
/* **************  END BASE ************************************** */

#page_wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 975px;
  text-align: left;
  border: 1px solid #158;
  background: #FFF;
}

#flashDiv {
float: right;
position: relative;
top: 0px;
right: 0;
width: 777px;
height: 170px;
background: #FFF;
border-left: 1px solid #158;
border-bottom: 1px solid #158;
}

* html #flashDiv img {
display: block;
}
.contentwrapper {
padding: 0 15px 0 10px;
/* text-align: justify; */
}
.contentwrapper p {
text-align: justify;
}

/*
.contentwrapper p:first-letter {
font-size: 150%;
font-weight: bold;
font-style: italic;
float: left;
bottom: 2px;
padding-left: 2px;
padding-right: 2px;
}
*/
.contentwrapper div {
margin-bottom: 16px;
}
.permalinks {
padding: 5px;
margin: 10px;
background: #EEE;
border: 1px solid #158;
}
.newslink button {
margin: 10px 0 0 35px;
width: 150px;
cursor : pointer;
}
* html .newslink button {
background: #EEE;
border: 1px solid #158;
}

/* ****************** footer ******************** */
#footer {
  margin: 0 auto;
  width: 975px;
  height: 80px;
  clear: both;
  text-align: center;
  font-size: 10px;
  font-variant: small-caps;
  line-height: 11px;
  letter-spacing: 0.75px;
  font-weight: normal;
}
#welcome_footer {
	float:left;
    background : #79B url(uploads/images/welcoming.gif) no-repeat center left;
	top:15px;
	height: 56px;
    width: 33%;
	padding-left: 60px;
   padding-top: 20px;
	margin-left: 5px;
   text-align: left;
   vertical-align: middle;
}
div#welcome_footer h1 a {
	display: block;
	height: 50px;
	text-indent: -999em;
	text-decoration: none;
}
#green_footer {
	float:left;
    background : #79B url(uploads/images/79B-greenLogo.png) no-repeat center left;
    top:15px;
	height: 56px;
    width: 33%;
	padding-left: 60px;
    padding-top: 20px;
	margin-left: 10px;
    text-align: left;
}
div#green_footer h1 a {
	display: block;
	height: 50px;
	text-indent: -999em;
	text-decoration: none;
}
#uua_footer {
	float:left;
	background : #79B url(uploads/images/uualogo.jpg) no-repeat center left;
	top:15px;
	height: 56px;
    padding-top: 20px;
	padding-left: 60px;
	margin-left: 10px;
    text-align: left;
}
div#uua_footer h1 a {
	display: block;
	height: 50px;
	text-indent: -999em;
	text-decoration: none;
}

/*********************************************************************/
#bottomlinks {  display:none;
	width : 975px;
	padding: 1px 10px;
	margin : 0 auto;
	font-size: 10px;
	text-align : right;
}
#topInfo {
width: 975px;
margin: 0 auto;
height: 25px;
background: transparent;
margin-bottom: 3px;
}
/* ******************* end footer **************************** */
.float_left {
  float: left;
  margin: 10px;
  width: 200px;
}

.float_right {
  float: right;
  margin: 10px;
  width: 200px;
}
.float_left_W_border {
  float: left;
  margin: 10px;
  border: 1px solid #158;
  background: #EEE;
  padding: 5px;
  width: 200px;
}

.float_right_W_border {
  float: right;
  margin: 10px;
  background: #EEE;
  border: 1px solid #158;
  padding: 5px;
  width: 200px;
}
/* end layout */

table.stafftbl {
width: 100%;
padding: 0px; border: none;
}

table.stafftbl img {
border: 1px solid #158;
padding: 0px;
}
table.stafftbl  td {
padding: 10px;
vertical-align:top;
}


/* -----------------> DMG Desings box <------------------------ */
#donatesite { display: inline; float: right; position: relative;/* top: 0; right: 15px; */}
.credits { width:258px; float:left; display:inline; }
/***************************************************************/
/* --------------> Color Scheme <----------------------------- */
/***************************************************************/

body, html {
color: #000;
background-color: #79B;
}
#nav {
background : #47a;
width : 100%;
padding : 1px 0;
border-top : 1px solid #158;
border-bottom : 1px solid #158;
color : #fff;
/*height: 20px; */
}
#crumbs_box {
float : left;
width : 500px;
/* height : 20px; */
font-size : 11px;
margin-top : 2px;
}
* html #crumbs_box {
margin-top: 5px;
}
#crumbs_box a.crumbs {
background : #47a;
padding : 3px 10px;
color : #fff;
text-decoration : none;
}
#crumbs_box a:hover.crumbs {
background : #47a;
padding : 3px 10px;
color : #000;
}
#crumbs_box span.current_crumbs {
background : #47a;
padding : 3px 10px;
color : #fff;
cursor: default;
}
#hoursblock {
text-align : center;
margin-right : 260px;
margin-left : 400px;
font-size : 11px;
height : 20px;
color : #fff;
margin-top : 2px;
background : #47a;
}
* html #hoursblock {
margin-top: 5px;
}
#searchbox {
text-align : right;
float : right;
/*width : 340px;*/
margin-right : 10px;
}
#searchbox input {
background-color : #eee;
border : 1px solid #158;
font-size : 11px;
padding : 2px 5px;
}
#searchbox button {
font-size : 11px;
padding : 1px 5px;
background-color : #eee;
/* border : 1px solid #158; */
}
*:first-child + html #searchbox button {
padding : 0 0;
margin-left : 5px;
}
* html #searchbox button {
padding : 0px 2px;
margin-left : 5px;
/*height: 18px;*/
}

#footer {
background: transparent;
color: #000;
}
#footer a {
color: #000;
}
#footer a:hover {
color: #DDD;
}


.ContentNewsSummaryLink a {
color: #000;
}

.ContentNewsSummaryLink a:hover {
color: #336;
}

.ContentNewsSummaryMorelink a {
color: #00F;
}

.ContentNewsSummaryMorelink a:hover {
color: #33F;
}
/* from front css */
#outer {
width: 975px;
}
#header {
  float: left;
  position: relative;
  top:0;
  left:0;
  margin:0px;
  padding:0px;
  height: 170px;
  width:975px;
  background: #FFF url(uploads/images/cssimages/banner-B.jpg) top left no-repeat;
  /*border-bottom: 1px solid #158; */
}
#headerLink {
 /* background: #EEE url(uploads/images/cssimages/window_logo_FFF.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%; */
  margin:0px;
  padding:0px;
  float: left;
   position: relative;
  top:0;
  left: 0;
  width: 195px;
  height: 170px;
 }
.location-bar {
text-align:center;
margin-left: 195px;
}

#headerLink h1 a{
    display: block;
	height: 160px;
	width: 140px;
	text-indent: -999em;
	text-decoration: none;
  }
* html #headerLink h1 a {
	height: 120px;
}

#left_side {
  background: transparent;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-bottom: 20px;
  float: left;
/*  position: relative; */
  width: 220px;
/* height : 380px;
overflow : auto; */
  z-index: 100;
}

#content_box {
  background: transparent;
  float:right;
  width:755px;
/*  position: relative; */
  margin-top: 10px;
  padding-bottom: 20px;
/*   height : 380px;
  overflow : auto; */
  display: inline;
}

/* end front */

.expandx {
margin: 10px 25px 10px 15px;
padding: 10px;
border: 1px solid #158;
background-color: #EEE;
}

/* news */
div#news {
  /* margin: 2em 0 1em 1em; */  /* margin for the entire div surrounding the news list */
	width: 500px;
	/*margin: 0 160px 0 0; */
	text-align: left;
}

div#news h3 {
   line-height: 18px;
  padding: 3px;
   background: #fff;
font-size: 16px;
text-align: center;
border-bottom: 1px solid #158;
}
 * html #news h3 {
margin-top: -5px;
}
.ContentNewsSummary {
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    /* margin: 0 0.5em 1em 0.5em; */ /* margin to the bottom of the news article summary */
    margin: 0 0 1em 0;
    border: 1px solid #158;
    background: #EEE;
    /* Hides from IE-mac \*/
	-moz-border-radius: 5px;
    /* End hide from IE-mac */
}

.ContentNewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
  margin-left: 20px;
 }

.ContentNewsSummaryLink {
    font-weight: bold;
   margin-bottom: 10px;
    /*padding-top: 0.2em;
    padding-bottom: 0.2em; */
}

.ContentNewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.ContentNewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.ContentNewsSummarySummary, .ContentNewsSummaryContent {
/*   line-height: 14px; *//*  clear: both; */
 }
.ContentNewsSummarySummary p, .ContentNewsSummaryContent p {
   margin: 0px; /* clear: both; */
 }
.ContentNewsSummarySummary img, .ContentNewsSummaryContent img{
border: 1px solid black; 
float: right; 
margin-left: 10px;
clear: both;
}
.ContentNewsSummarySummary img {
  /* border-top: 1px solid #158;  */
}
.ContentNewsSummaryMorelink {
  padding-top: 0.2em;
}
.ContentNewsSummary .NewsSummaryMorelink {
  margin: 0;
}

#ContentNewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#ContentNewsPostDetailSummary {  display:none;
   line-height: 150%;
  padding-bottom: 18px;
   }

#ContentNewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#ContentNewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#ContentNewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/*
#ContentNewsPostDetailTitle {}
#ContentNewsPostDetailHorizRule {}
#ContentNewsPostDetailPrintLink {}
#ContentNewsPostDetailReturnLink {}
*/
#sermonbox {
margin: 10px;
border: 1px solid #158;
text-align: center;
}
.SermonNewsSummary {
border-top: 1px solid #158;
width: 190px;
margin-left: auto;
Margin-right: auto;
margin-top: 8px;
padding-top: 3px;
margin-bottom: 3px;
font-size: 11px;
line-height:12px;
text-align: left;
}
.SermonNewsSummaryLink {
margin: 3px 0;
}
/* end news */

	.greetertablewrapper {
	text-align:left;
	width:725px;
	border-top: 0.085em solid #CCC;
	}
	
	.greetertablecellleft {
	float:left;
	/* display:inline; A*/
	width: 360px;
	text-align:left;
        margin-bottom: 0;
	}
	.greetertablecellright {
	/* display:inline; */
	float:left;
	width: 360px;
	text-align:left;
        margin-bottom: 0;
	}
	.greetertablecellright h3, .greetertablecellleft h3, .greetertablewrapper  h3{
	display: block;
	text-align: center;
	}
	.greeters {
	float: left;
	/*display:inline; */
	width: 130px;
	padding: 5px;
        margin-bottom: 0;
	}
	.tgreeter {
	float:left;
	/* display:inline; */
	width:130px;
	padding: 5px;
        margin-bottom: 0;
	}
	.greetertablecellright input, .greetertablecellleft input, .greetertablewrapper input  {
          width: 100px;
        }
	.greetertablecellright ol, .greetertablecellleft ol, .greetertablewrapper ol {
          margin: 0 5px 5px 10px;
        }
    table#reg { padding: 5px; }
span.songsLI  { padding:3px 10px;vertical-align: middle; }
ul.songs li {list-style: none; }

div.calendarReq fieldset {
   margin: 20px;
   border: 1px solid #CCC;
   width: 450px;
    padding: 0 10px;
}

div.calendarReq legend {
    padding: 3px 5px;
    margin: 20px 0 20px 20px;
    border: 1px solid #CCC;
}

div.calendarReq labe, div.calendarReq input {
   vertical-align: top;
}
div.calendarReq label {
    margin: 0 10px;
    vertical-align: top;
    width: 100px;
}

div.calendarReq input {
}

div.calendarReq fieldset div {
    margin: 5px 10px;
    /* float: left; */
}
div.calendarReq fieldset div div {
    margin: 5px 10px;
    /* float: left; */
}
.P2B { margin: 0;  }
/* End of '1 Main' */

