html { height: 100%; margin-bottom: 1px; }	/* adds scroll bar to fix "shifting" */

.clear { clear: both }	/* browser fixes after floats */

body {
  background: #c5853a;
  margin: 0 30px 30px 30px;	
}

#body_constrained {		
  width: 980px;
  margin: 0 auto;
  background: white url('../images/blend.jpg') repeat-x left 47px;	/* starts down 47px */
}

/* when printing, don't include this logo. See print.css */
#printLogo {
  display: none;
}


/* ***************** #header ***************** */


#header {
  position: relative; /* for abs position of h1 logo */
  min-height: 91px; 	/*47 decorative border + 44*/
}

.decoBar {		/* inside pages */
  height: 47px;
  width: 100%;
  background: transparent url(../images/fabric2.jpg) repeat-x top right;
}

.fabric {		/* home page */
  background-image: url(../images/fabric.jpg);
}

/* main graphic turned into h1 for SEO purposes */
.home #header h1 {		 /* home page, no anchor */
  display: block;
  width: 200px;
  height: 172px;
  background: transparent url(../images/logo_home.jpg) no-repeat 0 0;
  position: absolute;
  top: 47px; 
  left: 26px;	
}

/* when there's a link, the 'a' needs width & height to we can click on it */
#header h1 a { 			/* inside page h1 logo */
  display: block;
  width: 154px;
  height: 128px;
  background: transparent url(../images/logo_inside.jpg) no-repeat 0 0;
  position: absolute;
  top: 49px;	
  left: 51px;	/* THIS IS THE ONLY CHANGE 6-30-10 */
}

/* hide the text in the span */
#header h1 span {
  display: none;
}

/* we need #headerNav so that when the nav gets big, it
   keeps its margin when it wraps, and doesn't vanish under the logo */
#headerNav {
  margin-top: 7px;
  margin-left: 254px;
}

/* nav list all on one line */
#header ul, #header li {
  display: inline;
}

#header li {
  margin-right: 18px;		
}

.home #headerNav {
  margin-top: 21px;
}

/* ***************** #content ***************** */

/* **** #networking **** */
#networking {
  width: 194px;		/*254 - 30R - 30L*/
  margin: 115px 30px 0 30px;
  float: left;
}
.home #networking {
  margin-top: 141px;
}

#support {
  position: relative;
  margin-bottom: 23px;
}

#support span {
  display: block;
  margin-bottom: 5px;		/* 6-29-10 client edit: was 10px */
}

#donateNow {
  padding: 3px 5px;
}

#watch {
  margin-bottom: 27px;
}

.event {		/* inside pages left col */
  padding: 8px 5px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin: 82px 5px 50px 5px;
  border-color: #518E2D 	/*green*/;
}

/* networking links with the little pictures */
.socialNetworksList li {
  margin-top: 0px;	
  padding-top: 13px;
  padding-left: 30px;
}

.socialNetworksList .contactus {
  background: transparent url(../images/contactus_phone.jpg) no-repeat;
}

.socialNetworksList .newsletter {
  background: transparent url(../images/newsletter.jpg) no-repeat;
}

.socialNetworksList .twitter {
  background: transparent url(../images/twitter.jpg) no-repeat;
}

.socialNetworksList .facebook {
  background: transparent url(../images/facebook.jpg) no-repeat;
}

.socialNetworksList .flickr {
  background: transparent url(../images/flickr.jpg) no-repeat;
}

.socialNetworksList .cafegive {
  background: transparent url(../images/cafegive.jpg) no-repeat;
  padding-left: 80px;
}

/* **** right side main image **** */
#picture {
  float: right;
}

/* **** #main **** */
#main {
  margin-left: 254px; /* margins for floats */
  margin-right: 240px;
  padding-top: 15px; 
  padding-bottom: 12px; 
}

.subNav, .subNav li {
  display: inline;			/* all in a row */
}

/* | between the subNav entries. They all have it on the left, except the 1st one */
.subNav li {
  border-left: 1px solid;
  border-color: #518E2D; 	/*green*/
  padding: 0 4px;
}

.subNav li.first { /* MSttt 11/12 - was .subNav li.current */
  border-left: 0;
  padding-left: 0;
}

.home #main {
  padding-top: 56px; /* does not work to have this as margin-top in .events */
}


/* box on home page */
.home-event table {		/* lots of cx. Changed #events to .home-events */
	width: 475px;
	vertical-align: top;
}

.home-event td {
    background: #ca6522 url('../images/boxblend.jpg') repeat-x left top;
	padding: 10px 10px 0 10px;
}

.home-event p {
  padding-bottom: 0px;		
}

h2 {	/* inside main page header */
  margin-top: 10px; 
  position: relative; 
  top: 3px; 
}

h3 {	/* inside sub header */
  margin-top: 6px;
}

#main p {
  margin-bottom: 16px;
}

/* board of directors attempt 11/12 MSttt */
.boardOfDirectors {}
.boardOfDirectors li {
  padding-bottom: 10px;
}
.boardOfDirectors .person {
  display: block;
  margin-right: 200px; /* match width of .boardOfDirectors .position */
}
.boardOfDirectors .position {
  display: block;
  width: 200px;
  float: right
}

/* IMAGE POSITIONING */

.leftImage {
	float: left;
	margin-right: 10px;
}

/* ***************** #footer ***************** */

#footer {
  background: #cf9d6a url(../images/blend_bottom.jpg) repeat-x top;
  padding: 15px 0 15px 0;	
}

/* nav lists in the footer are inline */
#footer ul, #footer li {
  display: inline;
}

#footer li {
  margin: 0 8px;
}