@charset "UTF-8";
/* CSS Document */



/*main page setup */
body {
	background-color: #dce4fd;
	font-size:62.5%;
}


/* initial text setup */

p {
	font-family:"Trebuchet MS";
	font-size:1.1em; /* 11px */
	color:#3a4a44;
	}
	
.dropcap {
  float: left; 
  font: normal 60pt/0.8em "Trebuchet MS";
  color:#CCCCCC;
  margin-right: 3px;
}


/*container class*/
.container {
	float:left;
	width:850px;
	height:100%;
	background:url(images/side_border2.gif) top repeat-y;
	}


	
	
	
/*content wrapper*/

#contentWrapper {
	position:relative;
	margin:50px auto auto auto;
	width:950px;
	}
	
	
/*container columns*/
#leftColumn {
	float:left;
	width:50px;
	height:768px;
	}


#rightColumn {
	float:right;
	width:50px;
	height:768px;
		}
	
	

/* Border flowers */
#leftFlower {
	float:left;
	background-image:url(images/left_flower.gif);
	background-repeat:no-repeat;
	width:50px;
	height:100px;
	margin-top:50em;
	}
	
#rightFlower {
	background-image:url(images/right_flower.gif);
	background-repeat:no-repeat;
	width:50px;
	height:90px;
	margin-top:330px;
	}
	
#sun {
	background-image:url(images/sun.gif);
	background-repeat:no-repeat;
	width:50px;
	height:74px;
	}
	
/*border */
#topSpacer {
	float:left;
	width:560px;
	height:20px;
	background-color:#dce4fd;
	}

#topSpacerRight {
	float:right;
	width:10px;
	height:20px;
	background-color:#dce4fd;
	}


#topBorder {
	float:left;
	width:550px;
	margin-left:10px;
	height:10px;
	background-image:url(images/topBorder_left.jpg);
	background-repeat:no-repeat;
	display:inline;
	}
	
	

#rightBorder {
	float:right;
	margin-top:20px;
	width:10px;
	height:100%;
	background:url(images/RIGHT_BORDER.jpg) top repeat-y;
	}
	
	

		


/*masthead */
#greenBit {
	float:left;
	margin-left:10px;
	width:550px;
	height:100px;
	background-repeat:no-repeat;
	background-color:#c3dad1;
	border-bottom-width: 20px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	display:inline;
		}
	
/*IE 6 Hack */

*html #greenBit {
	height:99px;
	
	}
	

	
	
#mastHeadPic {
	float:right;
	width:280px;
	height:219px;
	background-image:url(images/masthead_family.jpg);
	background-repeat:no-repeat;
	}
	

/*IE 6 Only */

*html #mastHeadPic {
	margin-top:1px;
	
	}
	
	

	

	

#mumPic {
	position:absolute;
	top: 80em;
	bottom:5px;
	right:3px;
	width:97px;
	height:120px;
	background:url(images/mumPic.gif) no-repeat bottom right;
			}
			
#space {
	float:left;
	margin-top:40em;
	margin-left:100px;
	background:url(images/flower_space.gif) no-repeat;
	width:105px;
	height:85px;
	}	

	
	
	
	
	
/* main content holder */

#mainholderTop {
	float:left;
	margin-left:10px;
	width:550px;
	height:40px;
	margin-top:29px;
	background-image:url(images/main_top_slant.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#f0e7c0;
	display:inline;
	}
	
/*IE 6 Only */

*html #mainholderTop {
	margin-top:31px;
	height:38px;
	
	}
	


	
#mainHolder {
	float:left;
	margin-left:10px;
	background-color:#f0e7c0;
	width:825px;
	display:inline;
	}
	

	
	




#mainLeftColumn {
	float:left;
	margin-left:5px;
	width:390px;
	height:auto;
	display:inline; /*fixes IE/Win double margin bug */
	}
	


	
#mainRightColumn {
	float:right;
	width:390px;
	height:auto;
		}
	
#bottomSpacer {
	float:left;
	width:100%;
	height:50px;
	}
	
	
/*main window left column */

#leftTitle {
	float:left;
	width:390px;
	height:60px;
	background-image:url(images/about_title.jpg);
	background-repeat:no-repeat;
	}
	
#groupImage {
	float:left;
	clear:left;
	width:390px;
	height:260px;
	background-image:url(images/groupImage.jpg);
	background-repeat:no-repeat;
	}
	
/* the about text and holder  - box model hack */

#aboutContent {
	float:left;
	clear:left;
	height:auto;
	margin-left:10px;
	padding:10px;
	background:url(images/info_side_shadow.gif) top right repeat-y #FFFFFF;
	width:390px;
	display: inline;
	voice-family: "\"}\"";/* box model hack for IE5 */
	voice-family:inherit;
	width:360px;
	}
html>body #aboutContent {
	width:360px;
	}
		

	
#aboutBottom {
	float:left;
	clear:left;
	width:380px;
	height:20px;
	margin-left:10px;
	background-image:url(images/about_info_bottom.jpg);
	background-repeat:no-repeat;
	display:inline;
	}
	

	


	
#babyPic {
	position:absolute;
	width:96px;
	height:96px;
	background:url(images/baby.gif) no-repeat;
	left: 340px;
	top: 205px;
	}
	

	
	
#theGroup {
	position:absolute;
	width:103px;
	height:44px;
	background:url(images/thegroup.gif) no-repeat;
	left: 380px;
	top: 505px;
	}
	
#star {
	float:right;
	margin-right:-10px;
	margin-top:-40px;
	width:45px;
	height:45px;
	background:url(images/star.gif) no-repeat;
	
	}

	
	
/* main window Right Column */

#meetTitle {
	float:left;
	width:386px;
	height:60px;
	background-image:url(images/meet_title.jpg);
	background-repeat:no-repeat;
	}
	
#meetContent {
	float:left;
	background:url(images/info_side_shadow.gif) top right repeat-y #FFFFFF;
	width:386px;
	height:auto;
	}
	
#meetBottom {
	float:left;
	clear:left;
	width:386px;
	height:20px;
	background-image:url(images/meet_bottom.jpg);
	background-repeat:no-repeat;
	}
	
	
/* group listings */



#listings {
	float: left;
	width:376px;
	padding:5px 0;
	}
	


.webLink {
	margin-top:10px;
	}
	


	

	
	
	
	
	
/* main bottom */

#borderBottom {
	float:left;
	clear:both;
	width:100%;
	height:10px;
	background:url(images/borderBottom.jpg) repeat-x;
	}
	
#footer {
	float:left;
	clear:both;
	width:850px;
	margin-left:50px;
	margin-right:50px;
	font-family:"Trebuchet MS";
	font-size:1em;
	color:#999999;
		}
		
/* IE6 only */
*html #footer {
	margin-left:25px;
	margin-right:25px;
	}
		
#footer a:link,  #footer a:active, #footer a:visited {
	font-family:"Trebuchet MS";
	font-size:1em;
	color: #666666;
	text-decoration:none;
	}
	
#footer a:hover {
	font-family:"Trebuchet MS";
	font-size:1em;
	color:#333333;
	text-decoration:none;
	}
	
	

	


	
	
