@charset "utf-8";

/* CSS Document */





	

body {

	 margin: 0px;

	 font: small  Verdana, sans-serif;

	 min-width:975px;





		}

		

#main {

	 width: 100%;

	 margin-top: 25px;

		}	

		

	

			#main ul {

	list-style-type: none;

		}

		

h1 {

    padding: 0;

	color:#0000CC;

	

	

			}

		

		

	

h4 {

  margin: 10%;

	}

	

	#wrapper {

	color: black;

    margin: 30px 40px 30px 40px;

	padding: 10px;

	

			}	

			

			

	

form#login{

line-height:2em;

font-size:110%;

}



#login .buttons{

margin-top:5px;

font-size:110%;

width:175px;

}

		

				

		

	

		/* -----------------HEADER--------------------------- */

		



#header {

	width: 100%;

	border: 1px solid #FFF;

    margin: 0 0 0 0;

	padding: 0  0 0 0;

			}				

		







#header .parties-clear {  

	clear: both;

	height: 1px;

	}				

			

		

#header h1 {

	font-weight: normal; 

	padding: 0px;

	margin: 0px;

	font-size: 210%;

	text-align:center;



			}

			

			

			

			#header h2 {

	font-weight: normal; 

	padding: 0px;

	margin: 0px;

	font-size: 200%;

	text-align:center;

	color:#0000CC;



			}

			

	#header .llc {

	padding: 0px;

	margin: 0px;

	font-size: 40%;

			}

			

			

	#header .small {

	padding: 0px;

	margin: 0px;

	font-size: 70%;

			}

			

	#logo {

	float: left;

	width: 300px;

	padding: 0;

	margin: 0  0 0 0;

			}	

			

	#title {

	

	padding: 0;

	margin: 70px  0 0 303px;

			}					

				







	

	/* -----------------SIDEBAR2--------------------------- */

	

#sidebar2 {

	float: left;

	width: 270px;

	background-color: white;

	margin: 0;

	padding: 0;

			}

			

 #sidebar2  p{

	 padding:  0px 0px 0px 0px;

	 margin: 0px;

	 font-size: 115%;

	 }

	 				

			

		/* -----------------SIDEBAR2 .inner--------------------------- */		

			

#sidebar2  .inner{

	margin: 5px 30px 30px 10px;

	 color: black;

	background-color: #FFFFCC;

		line-height: 1.7;

		padding: 5px 0 5px 5px;

	 }		

	 

	 

	

	 

	 	 #sidebar2  .inner-note {

	 text-align:center;

	margin: 25px 30px 30px 10px;

	 color: black;

	background-color: #FFFFCC;

		padding: 5px 0px 5px 5px;

		

	 }

	 

	  #sidebar2  .inner-note p{

	 font-size: 110%;

	 text-align:left;

	margin: 0px;	

		padding:  10px 0px 0px 10px;

	 }	

	 

#sidebar2  .inner a:link{

		font-size: 120%;

		margin: 0;

		padding: 0;

			 }  

			 

			 

#sidebar2  .inner a:visited{

		font-size: 120%;

		margin: 0;

		padding: 0;

			 }

			 

			 

			 	

	/* -----------------SIDEBAR3 for Calendar Page--------------------------- */

	

#sidebar3 {

	float: left;

	width: 5px;

	background-color: white;

	margin: 0;

	padding: 0;

			} 

			

			

			

				/* -----------------CONTENT3 for calendar page--------------------------- */

	 

	 #content3 {



	 margin: 0 0 200px 5px;

	 padding:0;



	 color: black;

		} 	

		

		

	.table {

	width:100%;

	margin: 0px auto ;

	

}



	#content3 ul{

	list-style: none;

	padding-top: 10px;

	padding-left: 270px;

	padding-bottom: 30px;

	}

	

	 #content3 ul li {

		display: inline;

		float:left;

		padding-right: 50px;

	}	





	/* -----------------CONTENT--------------------------- */

	 

	 #content {



	 margin: 0 0 200px 271px;

	 padding:0;



	 color: black;

		}

		

		

		

			 	#content  h1{

	 color: black;

	 font-size: 126%; 

	 margin: 0 0 10px 40px; 

	  padding:0;

		}

		

		



		

		

	#content  h2{

	 color: black;

	 font-size: 120%; 

	 margin: 0 0 10px 40px; 

	  padding:0;

		}

		

			#content  .italic{

			font-style:italic;

					}

					

		/* -----------------CONTENT-Poem  inset italic text like on handmade and heartfelt page-------------------------- */			

			#content  .poem{

			font-style:italic;

			margin-left: 50px;

			

					}

					

					

					

					

				#content  .bold{

				font-weight:bold;			

					}

					

		

		#content  h3{

	 color: black;

	 font-size: 110%; 

      margin: 10px 0 0 40px; 

	  padding:0;

		}	

		

			#content  h4{

	 color: black;

	 font-size: 95%; 

	 margin: 20px 0px 0px 40px; 

	  padding:0px;

	  line-height: .1;

		}

		

			#content  p{

	 color: black;

	 margin: 15px 0 10px 40px; 

	  padding:0;

		}

		

		

		

					#content ul {/*ul with the large page break*/

	list-style-type: none;

	line-height: 1.7;

		}

		

		





		

		

		



		

		

				#content .image {

		

	 	text-align:center;

		margin: 0px;

	 padding-bottom: 20px;	 

		}

		

						#content .image p {	 

		font-size: 85%;		

		 text-align: center;

		 padding-top:5px;

		  margin: 0px ; 

		}

		

		

	#content .summer-image-right { /*images floated right in content-----------------------------------------------------------*/

		

		 float:right;

	 width:290px;

	 padding-top: 30px;

	 

	 margin: 0px;

	 text-align:center;	

	 		}

			

					#content .summer-image-right p {	 

		font-size: 85%;

		 padding-top: 5px;

		 padding-right: 20px;

		 margin: 0px;

		 text-align:center;

		 text-indent:20px;		 

		}			

		

					#content .summer-image-left { /*images floated left in content*/

		

		 float:left;

	 width:290px;

	 padding-top: 30px;

	 

	 margin: 0px;

	 text-align:center;	

	 		}

			

					#content .summer-image-left p {	 

		font-size: 85%;

		 padding-top: 5px;

		 padding-right: 20px;

		 margin:  0px;

		 text-align:center;

		 text-indent:20px;		 

		}			

					





		#content .image-summer {

		

	 	text-align:center;

		margin: 0px;

	 padding-bottom: 20px;

	 padding-top: 30px;	 

		}

		

						#content .image-summer p {	 

		font-size: 85%;

		 padding-top: 5px;

		 padding-right: 20px;

		 margin:  0px;

		 text-align:center;

		 text-indent:20px;		 

		}

		







		

					#content .image-right { /*images floated right in content----------------------------------------*/

		

		 float:right;

	 width:195px;

	 padding: 15px;

	 text-align:center;

	 		}

			

			

				#content .image-right-large { /*images floated right in content LARGE----------------------------------------*/

		

		 float:right;

	 width:240px;

	 padding: 15px 15px	  20px 15px;

	 text-align:center;

	 		}			

		

		

					#content .image-left { /*images floated left in content*/

		

		 float:right;

	 width:195px;

	 padding: 15px;

	 text-align:center;

	 		}		

			

						#content .image-right p {	 

		font-size: 85%;

		text-align: center;			 

		 padding: 5px 5px 5px 5px  ;

		  margin: 0px;	 

		}

		

		

		#content .image-right-small { /*images floated right in content*/		

		 float:right;

	 width:125px;

	 padding:0px;

		 

	 text-align:center;

	 		}		

		



		

		

		

		

		#content .image-clear {

		

		clear:both;

		font-size: 0px; 

		line-height: 0px; 

		height: 0px;

		 overflow:hidden;

		}	

		

		

		#content .small {

	padding: 0px;

	margin: 0px;

	font-size: 90%;

	font-weight:normal;

	

			}		

						

			

			/* -----------------CONTENT 2-on letterboxing page-------------------------- */

	 

	 #content2 {

	 margin: 0 0 200px 271px;

	 padding:0;



	 color: black;

		}

		

						#content2 ul {

	list-style-type: square;

		}

		

		

		

		

			/* -----------------CONTENT  INNER--------------------------- */

		

		

		#content .inner{



		margin: 0 0 40px 40px;

	 padding:  0px;

	 width: 520px;

	 background-color: #FFFFCC;

		}

		

		

		

			#content .inner-background{

			margin: 0 40px 0 40px;

	 background-color: #FFFFCC;

		}

		

		

				#content .inner p{

		margin: 0px;

	 	padding: 0px 0px 0px 20px;

		}

		

		

					#content .inner h1{

		font-size: 120%;

		margin: 0px;

	 	padding: 20px 0px 5px 20px;

		}	

		

			#content .inner-small{	

	

		font-size: 80%;		

	 	color:#FF0000;		

		

		}				

					

					

					#content .inner h2{

		font-size: 110%;

		margin: 0px;

	 	padding: 20px 0px 5px 20px;

		}

		

		



		

			#content .inner-date{

		font-size: 85%;

		margin: 0px;

	 	padding: 0px;

		

		}

		

		

							#content .inner-bullet {

	list-style-type: square;

		}

		

		

			#content .image {

		

	 	text-align:center;

		margin: 0px;

	 padding-bottom: 20px;	 

		}

		

					#content .image p {

		

	 	text-align:center;

		margin: 0px;

		padding:0px;

	    

		}

		

			/* -----------------CONTENT INNER-CLASSES--ON CLASSES PAGE------------------------- */

				

			#content .inner-classes{

			

			

			text-align:left;	

		margin: 0 0 0px 0px;

	 padding:   25px 10px 0px 10px;

	 background-color: #FFFFCC;



	 overflow:hidden;

		 

		}		

				

				

				

				#content  .inner-classes a:link{

		font-size: 110%;

		

		

		 	

		

			 }  

			 

			 

		#content  .inner-classes a:visited{

		font-size: 110%;

		

		}

		

				#content  .inner-classes h2{

		font-size: 110%;

		font-weight:bold;

		margin:0;

		padding-top:5px;

		padding-bottom:10px;	

		}

		

		

			

		

			#content  .inner-clear{

			clear:both;

			height:1px;

			

		}

		

		

		

		

		



		

	 	

			 

			 

	

		

		/* -----------------CONTENT PARTIES--------------------------- */

		

		

		

		#content .parties-r {

		margin:  0px 10px  25px 10px;

	 padding: 0 0 0px 5px;

	 width: 230px;	  

	float: right;

	background-color:#FFFFFF;

		}

		

	

		

		

				#content .parties-r p{

		font-size: 85%;

				padding: 10px 0px 0px 5px;

		margin: 0px 0px 10px 5px;

	

		}	

		

			#content .parties-l {

		margin: 0px 10px 25px 10px;

	 padding:  0 0px 0 0px;

	 width: 230px;	  

	float: left;

	background-color:#FFFFFF;

		}

		

		

		

		#content .parties-l p{

		font-size: 85%;

		padding: 10px 0px 0px 5px;

		margin: 0px 0px 10px 5px;

		}		

		

		

	

		

		

			#content .parties ul {

			list-style-type:square;

			line-height:normal;			

							}

							

							

			#content .parties li {

			margin-bottom: 10px;

						

							}							

							

		

		/*--These containers are for thumbnails that are shown in lists like on the birthday page--*/

		

		#content .ul-pic-left {

		float:left;

		width:50px;

		padding:5px 5px;	

			

		}

		

		#content .ul-pic-right {

			padding-top:5px;			

		}

		



		

		#content .parties-clear {  

	clear: both;

	height: 1px;

	width: 1100px;

		}	

		

		

		

		/* -----------------CONTENT CLASSES-SMALL-----  ON CLASSES PAGE---------------------- */

		

		

		

		#content .classes-small-r {



		margin:  0px 0px 20px 0px;

	 padding: 5px 0px 0px 8px;

	 width: 260px;	  

	float: right;

	background-color:#FFFFFF;

		}

		

	

		

		

				#content .classes-small-r p{

		font-size: 110%;

				padding: 10px 0px 0px 5px;

		margin: 0px 0px 10px 0px;

	

		}	

		

					 	#content  .classes-small-r ul{

					list-style: none;

					line-height: 1;

				margin:0;

			padding: 0;

					

			 } 		

			 	

			 

			 	#content  .classes-small-r li{

		margin-bottom:10px;

			 }

		

			#content .classes-small-l {

		margin: 0px 0px 20px 0px;

	 padding:  5px 0px 0 8px;

	 width: 260px;	  

	float: left;

	background-color:#FFFFFF;

		}

		

		

		

		#content .classes-small-l p{

		font-size: 110%;

		padding: 10px 0px 0px 5px;

		margin: 0px 0px 10px 0px;

		}

		

		 	#content  .classes-small-l ul{

			margin:0;

			padding: 0;

					list-style:none;

					line-height: 1 ;		 		

			 } 		

			 	

			 

			 	#content  .classes-small-l li{

		margin-bottom:10px;

			 }		

		

		

		#content .classes-small-clear {  

	clear: both;

	height: 1px;



		}

		

		

				#content .imagelist {/*---this used for pictures on pages like summer-camp or stay and play---*/

	 	text-align:center;

		margin: 0px;

	 padding-bottom: 20px;	 

		}

		
/* ----------------class for  facebook logos on home page--------------------------- */



#content .wrap {
display: block;

width: 600px;
margin: 0px auto; /* wrap logos to prevent collapse */
}
	
		
		#content .logo-small-r {



		margin:  0px 150px 10px 0px;

	 padding: 5px 5px 5px 5px;

	 width: 50px;	  

	float: right;

	background-color:#FFFFFF;

		}	
		
		
		
			#content .logo-small-l {


		margin:  0px 0px 10px 150px;
		
	
		
		
	 padding:  5px 5px 5px 5px;

	 width: 50px;	  

	float: left;

	background-color:#FFFFFF;

		}
	

	

			/* -----------------FOOTER--------------------------- */

	

			

		#footer {

			 width: 100%;

	      text-align:center;

			 clear: both;	

			}

		

		

					/* -----------------bottom-nav--------------------------- */

	

			

		#bottom-nav {

		

		padding: 0px 0px 20px 0px;

		

	 		width: 100%;

	      text-align:center;

			 clear: both;	

			}

		

			#bottom-nav ul{

		

			list-style-type: none;

			}

			

				

			#bottom-nav li{

			display:inline;

			padding: 6px;

			

			}

			

			

			#bottom-nav a:link{

			font-size: 120%;

			margin: 0;

			padding: 0;

			 }  

			 

			 

			#bottom-nav a:visited{

			font-size: 120%;

			margin: 0;

			padding: 0;

			 } 	

			

			

		

			/* -----------------PIRATE PAGE--------------------------- */	

		#pirate {

	 float:right;

	 width:195px;

	 padding: 15px;

	

	 text-align: center;

		}	

		

		

	#pirate p {

		font-size: 85%;	

		 text-align: center;

		 padding: 5px 5px 5px 5px  ;

		  margin: 0px;	

		}

		

		

		

				/* -----------------IMAGES--------------------------- */

			

		#image {

		

	 	text-align:center;

		margin: 0px;

	 padding-bottom: 15px;	 

		}

		

		

			#image-sidebar {	 

	 	text-align:center;

		margin: 0px;

	 padding-bottom: 0px;	 

		}

		

		

				#image-sidebar-left {	 

	 	text-align:left;

		margin: 0px;

	 padding-bottom: 0px;	 

		}

		

				#image p {	 

		font-size: 85%;		

		 text-align: center;

		 padding-top:5px;

		  margin: 0px ; 

		}

		

			#thumbnail {

	 float:left;

	 width:30px;

	 padding-right:5px;	

		}

		

		#content .thumbnail-right {

	 float:right;

	 padding-right:15px;

	 padding-left:5px;

	 

	 padding-top: 20px;

	 	

		}

		

		

		



		

			/* -----------------CONTENT INNER-Contact--ON Contact PAGE------------------------- */

				

			#content .inner-contact{

			min-width:500px;

			text-align:center;	

		line-height: 1.7;

		margin: 0 0 0px 20px;

	 padding:   25px 10px 0px 20px ;

	 background-color: #FFFFCC;

		}		

			

			

			

					#content .inner-contact1{

			min-width:500px;

			text-align:center;	

		line-height: 1.7;

		margin: 0 0 0px 20px;

	 padding:   25px 10px 40px 20px ;

	 background-color: #FFFFCC;

		}		

			

				

				

				#content  .inner-contact a:link{

		font-size: 100%;

		margin: 0;

		padding: 0;

			 }  

			 

			 

		#content  .inner-contact a:visited{

		font-size: 100%;

		margin: 0;

		padding: 0;

			 } 	

			 

			 

		#content .inner-inner{

			min-width:400px;

			text-align:left;	

		line-height: 1.7;

		margin: 0 0 0px 10px;

	 padding:   10px 10px 0px 100px ;

	 background-color: #FFFFCC;

		}		

		

		

			#content .inner-address{

			width:240px;

			text-align:center;

		line-height: 1.7;

		float:right;

		margin: 0 0 0px 0px;

	 padding:   0px 130px 0px 0px ;

	 background-color: #FFFFCC;

		}

		

					#content .inner-clear{

					clear:both;

					



		}