body  {
	margin:0;
	padding:0;
	font-family: Verdana, Calibri, Geneva, Arial, Helvetica, sans-serif;
	line-height:150%;
	font-size:1.0em;
	color: #333;
	background-color: #5DBF30;
	background-image: url('/assets/css/cssGrass/bg_sky.jpg');
	background-repeat: repeat-x;
	background-attachment: fixed;
	text-align: center;
	}
#container li {
	line-height: 1.3em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 0;
	margin-left: 12px;
	font-size: 1.3em;
	font-weight: bold;
	color: #2168C4;
	letter-spacing: 1px;
	display:none;
	}
h2 {
	margin:8px 24px;
	font-weight: bolder;
	font-size: 1.5em;
	color: #3E8020;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
h3 {
	margin:8px 24px;
	font-weight: bolder;
	font-size: 1.2em;
	color: #3E8020;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

p {margin:0.7em 24px;}

p.pageBottom {
	font-size: 0.8em;
	line-height: 1.6em;
	}

ul {padding-left:1.0em;}
ol {padding-left:1.0em;}

.divLine {
	 text-align:left;
	 border-bottom: 2px dotted #3E8020;
	 margin:1.3em 24px;
	 width:706px;
	}

/* HEAD IMAGE */
#headcontainer {
	width: 754px;
	height: 94px;
    text-align: right;
	margin: auto;
	padding:0 0 0 0;
	background-image: url('/assets/css/cssGrass/LogoHdr.jpg');
	background-repeat: no-repeat;
	background-position: top;
	background-color: #ECF2E6;
}

/* MAIN BODY */
#container {
	clear:left;
	width: 750px;
    text-align: left;
	margin: 0 auto 0 auto;
 	border-left: 2px solid #5DBF30;
 	border-right: 2px solid #5DBF30;
 	border-bottom: 2px solid #5DBF30;
	background-color: #ffffff;
	color: #333;
	/*filter:alpha(opacity=80);
    -moz-opacity:0.8;
    opacity: 0.8;*/
	}

/* BIG BOOK CONTAINTER (LIKE #container) */
#BBcontainer {
	clear:left;
	width: 750px;
    text-align: left;
	color: #333;
	margin: 0 auto 0 auto;
	padding-bottom:1.0em;
 	border-left: 2px solid #5DBF30;
 	border-right: 2px solid #5DBF30;
 	border-bottom: 2px solid #5DBF30;
	background-image: url('/assets/css/cssGrass/bg_bbbottom.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #ECF2E6;
	}
.DropCap:first-letter {
	font-size:4.0em;
	font-family:Times,sans-serif;
	float:left;
	margin-top:0.1em;
	margin-right: 2px;
	color:#3E8020;
	}
#pg {
	   }
.bbcontent {
/* same as bodysmall */
	 line-height: 1.7em;
	 font-size: 0.9em;
	 }
.pageno {
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 3.0em;
	font-size:2.0em;
	color: #3E8020;
	/*color:#c0cab3;*/
	font-weight:bold;
	letter-spacing:0.1em;
	margin: 0;
	padding: 0;
	}
/* END BIG BOOK CONTAINER */

#containerbase {
	position: relative;
	clear:left;
	width: 750px;
	height: 30px;
	margin: -2px auto 18px auto;
	background-color: #5DBF30;
	background-image: url('/assets/css/cssGrass/bg_grass.jpg');
	line-height: 2.3em;
	}
#basecontent {
	text-align:center;
	color:#ffffff;
	letter-spacing:0.25em;
	font-size:0.7em;
	font-weight: bolder;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

/* TOP NAVIGATION */
#navcontainer {
	width: 754px;
	float: left;
	margin-left: -2px;
	margin-bottom: 16px;
	background-color: #D9F2CE;
	background-image: url('/assets/css/cssGrass/bg_grass2.jpg');
	color: #fff;
	font-weight: bolder;
	font-family: Georgia, "Times New Roman", Times, serif;
	}


#navcontainer ul, #navconsubdir ul { padding: 0; }
#navcontainer ul li, #navconsubdir ul li { display: inline; }
#navcontainer ul {
	margin: 0;
	padding: 4px 0 0 8px;
	font-size:1.0em;
	}
#navcontainer ul li a {
	padding: 0.01em 6px;
	margin: 0 2px;
	background-color: #D9F2CE;
	background-image: url('/assets/css/cssGrass/bg_menu.gif');
	font-weight: normal;
	text-decoration: none;
	float: left;
	}
#navcontainer ul li a:hover {
	color: #FFF;
	background-color: #387635;
	}
#navcontainer ul li a:active {
	background-color: #D9F2CE;
	}
#navcontainer #current {
	color: #3E8020;
	background-color: #ffffff;
	background-image: none;
	}
#navcontainer #currentbb {
	color: #3E8020;
	background-color: #ECF2E6;
	background-image: none;
	}

#navlist li a:hover, #navlist li a:active, #active {
	text-decoration: none;
	background: #CC3333;
	text-align: center;
	}

/* END TOP NAVIGATION */
/* SIDEBAR CONTENT */

#sideBarContainer, #sideBarContainerNewNav {
	float:right;
	width:240px;
	margin:-16px 0 12px 24px;
	background-color: #D9F2CE;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px dotted #5DBF30;
	border-left: 1px dotted #5DBF30;
	line-height:135%;
	}
#sideBarCell {
	margin:6px 0 8px 0;
	padding:6px 4px 0 8px;
	border-top:2px dashed #d5d9c0;
	}
#indexSchedule {
	width:100%;
	margin:0 auto;
	border-collapse: collapse;
	}
#indexSchedule tr {
	padding: 0;
	}
#indexSchedule tr td {
	padding: 0;
	font-weight: normal;
	font-size: 0.7em;
	border-top: 0 solid #d5d9c0;
	}

.tblalt_indexmeet {
	background-color: #eeffee;
	}


#newnav {
	font-size: 0.8em;
	line-height:1.8em;
	margin-top:12px;
	margin-bottom:10px;
	}
#newnav li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    text-indent: -1.0em;
    }
#newnavcurrent {
	color: #3E8020;
	font-weight:bold;
	}
.newnavlarr {
	color: #D9F2CE;
	}

/* END SIDEBAR CONTENT */

a:link {
	color: #00C;
	}
a:visited {
	color: #363;
	}
a:active {
	color: #8fbc8f;
	text-decoration: none;
	}
a:hover {
	color: #3E8020;
	text-decoration: none;
	}

a.foothover:hover {
color: #000;
background-color: #f3fcea;
text-decoration: none;
}
a.foothover:active {
color: #3E8020;
background-color: #f3fcea;
text-decoration: none;
}

.menuThere {
color: #060;
font-weight: bolder;
font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif;
}

.footer {
	font-size: 0.7em;
	line-height: 1.3em
}
/*
a.footer:hover {
	background-color:#f3fcea;
}
*/
select {
background-color: #DAE0D2;
color: #333;
border: 0 solid #765;
font-family: Verdana, Calibri, Arial, Helvetica, sans-serif;
font-size: 1.0em;
text-align: left;
}
textarea, input {
background-color: #ECF2E6;
color: #666;
border: outset 0 #765;
font-family: Verdana, Calibri, Arial, Helvetica, sans-serif;
font-size: 1.0em;
}

input.button {
background-color: #D3D9CE;
border: outset 2px #765;
font-family: Verdana, Calibri, Arial, Helvetica, sans-serif;
font-size: 1.0em;
}
input.button a:hover {
background-color: #D3D9CE;
border: inset 1px #765;
font-family: Verdana, Calibri, Arial, Helvetica, sans-serif;
font-size: 1.0em;
}

.twelveList {margin: 0 4em 0 5em;}

ul.newcomersList {margin:0 1em 0 3em;}
.nobr { white-space: nowrap; }
.bold { font-weight: bolder;}
.bodysubhdr { font-weight: bolder; font-size: 1.2em; color: #3E8020; font-family: Georgia, "Times New Roman", Times, serif; }
.bodylarge { font-size: 1.2em; line-height: 1.8em }
.bodysmall { font-size: 0.9em; line-height: 1.7em }
.bodysmall2 { font-size: 0.7em; line-height: 1.5em }
.bodysmall3  { font-size: 0.6em }
.bodysmallbold  { font-weight: bolder;}
.tblMeeting { background-color: #EDFFE5; line-height:130%; font-size: .9em; font-family: Verdana, Calibri, Arial, Helvetica, "Trebuchet MS", sans-serif; margin: 0 auto 14px auto; }
.tblMeetingDayRow { background-color: #C2EBB0; font-weight: bold; font-size: 1.3em;}
.tblMeetingDayRow td {padding-left: 24px;}
.tblalt2 { background-color: #D9F2CE; }
.clr900red    { color: #900 }
.submit    { color: #030; font-size: 11px; background-color: #fffdeb; padding-top: 1px; padding-bottom: 1px; font-family: Verdana, Calibri, Georgia, serif; }





/*------------------------------------------------------------------------*\
  ************************************************************************
  ************************************************************************
  ************************************************************************
	IPHONE
\*------------------------------------------------------------------------*/


@media screen and (max-device-width: 480px){

body{

  font-family: Helvetica, Arial, Verdana, sans-serif;
  padding:0;
  margin: 0;
  overflow: hidden;
  background-image: none;
  line-height: 1.3em;
}

#headcontainer {
	width:100%;
	height: 42px;
    text-align: center;
	padding:6px 0 0 0!important;
	background-image: none;
	background: #5DBF30; /* old browsers */
	background: -moz-linear-gradient(top, #5DBF30 0%, #3E8020 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5DBF30), color-stop(100%,#3E8020)); /* webkit */
}
.nophone {display:none;}


/* *** FONTS
******************************************* */
h1 {
	display: block;
	font-size: 1.8em;
	margin: 8px auto;
	padding: 0;
	text-shadow: 2px 2px 3px #3E8020;
	letter-spacing: 0;
	}
h1 a {
	text-decoration: none;
	color: #ffffff!important;
	}
h2 {
	margin:1px 0 12px 0!important;
	padding: 6px 0 5px 0;
	text-align: center;
	font-size: 1.2em;
	line-height:1.1em!important;
	color: #ffffff;
	width: 100%;
	background-color:#5DBF30;
	text-shadow: 1px 1px 2px #3E8020;
	}
h3 {
	margin:8px 0 4px 12px;
	font-weight: bolder;
	font-size: 1.0em;
	}

.bodysmall {font-size:0.8em; line-height: 1.4em; font-family: "Verdana"!important; }
p {margin:0.5em 12px;}

#wea {text-align:right!important; margin: -12px 6px 0 0!important; color: #999!important;}

#container {width: 100%!important; border-style:none; position:relative;}
#sideBarContainer {display:none!important;}
#containerbase {display:none!important;}
#containerbase {background-image:none;}
div{
  clear:both!important;
  display:block!important;
  width:100%!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
}
.divline {display:none;}



/* *** NAVIGATION
******************************************* */

#navcontainer{
  float:none!important;
  clear:both!important;
  border-style:none;
  height:auto;
  background-image:none;
  background-color: #fff;
  margin: 0 0 0 6px!important; /* Xpx compensates for inability to center :( */
  text-align:center!important;
  width:100%!important;
  overflow:hidden;
	}
#navcontainer ul {
  float:none!important;
  clear:both!important;
	margin:0!important;
	padding:0!important;
	width:100%!important;
	text-align:center!important;
	}
#navcontainer li{
	display:inline;
	padding:0!important;
	width:100%!important;
	}
#navcontainer ul li a {
	font-size: 0.9em;
	width: auto;
	background-image:none;
	margin: 8px 3px 7px 3px;
	padding:6px 10px 5px 10px!important;
	border: 1px solid #5DBF30!important;
	-webkit-tap-highlight-color:#5DBF30;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	}
#navlist li a:hover, #navlist li a:active, #active {
	text-decoration: none;
	background: #5DBF30!important;
	color:#3E8020!important;

	}

#navcontainer ul li:first-child {display:none!important;} /* Hide Home link on all nav */
#navcontainer ul li:last-child {display:none!important;} /* Hide Home link on all nav */
#navcontainer #current {
	color: #3E8020;
	background-color: #ffffff;
  	border: 0px solid #5DBF30!important;
	}


img{
  max-width:100%;
  height:auto;
}



/* *** HOME
******************************************* */
.dayref_credit {
	line-height: 1.2em;
	letter-spacing: 0!important;
	font-family:verdana!important;
	margin-top: 0.5em!important;
	}
p.dayref_quote, p.dayref_comment {
	line-height: 1.4em;
	margin-top: 0;
	}



/* *** NEWCOMERS
******************************************* */
.uniqueNewcomer {
	padding-bottom: 280px!important;
	}
ul.newcomersList {
	margin:0 5px 12px 18px;
	}
#sideBarContainerNewNav {
position:absolute; bottom:0;
width: 100%;
border-style:none;
background-color:#fff;
}
#newnav {
  display:block!important;
  width:100%;
  background-color: #fff;

	}
#newnav li {
  padding:0!important;
  margin: 2px 0 0 0!important;
  line-height:24px;
  background-color:#fff;
}

#newnav li a {
  font-size: 1.0em;
  width: 100%;
  background-image:none;
  padding:0;
  border-bottom: 1px dotted #5DBF30;
  text-decoration:none;
}
#newnavcurrent {
	color: #3E8020;
	}
.newnavlarr {
	display:none!impoortant;
	}


.twelveList {margin: 0 1em 0 24px;}




/* *** NEWS
******************************************* */
#amazonPicks {display:none!important;}




/* *** MEETINGS
******************************************* */
.tblMeeting {
	line-height:120%;
	font-size: 0.7em;
	font-family:Helvetica;
	}
.tblMeetingDayRow td {padding-left: 12px;}




/* *** FOOTER
******************************************* */
p.pageBottom {
	font-size: 10px;
	line-height: 1.3em;
	}
p.footer  {
	font-size: 0.6em;
	margin: 1.0em 40px;
	}
p.footer:last-child  {
	display:none;
	}


}/*--- END iPhone only CSS here ---*/