/*	-------------------------------------------------------------
	Red Frog Solutions 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	autor         Angie Yoo
	version       1.0
	url       Kids Zone Chilc Care Center
	timestamp       July 15/2009 
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1. Body
	2. Floats & clears
	3. Links
	4. Typography
	5. General Properties
    6. Layout
   


/*  -------------------------------------------------------------
	1. BODY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

     body {      
		
		margin: 0;
		padding: 0px;
		border: 0px;
		color: #474747; 
		font-family: "Arial", Helvetica, sans-serif;
		font-size: 12px;
		line-height:18px;
		background-color:#ffd734;
	    
		}
		
/*	-------------------------------------------------------------
	2. FLOATS & CLEARS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 
	 .clear-both{
		clear:both;
		}
	 
	 .clear-left{
		clear: left;
		}
		
	 .clear{
	  	width: 670px;
	  	height: 1px;
	  	background: url('../images/clear.gif') repeat;
		}
		
	 .spacer{
	  	padding-left:8px;
	  	height:100px;
		}
		
	 .align_r {
	 	text-align:right;
		float:right;
		margin-right:25px;
		
		}
	 
	
/*	-------------------------------------------------------------
	3. LINKS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 
		
	 a:link, a:visited {
		text-decoration: none;
		color: #43839c;
		}

	 a:hover {
		text-decoration: underline;
		color: #43839c; 
		}

	 a:active {
		text-decoration: underline;
		color: #43839c; 
		}

	 

	 a:link.footera, a:visited.footera {
		text-decoration: none;
		font-size: 12px;
		color: #fff;
		}

	 a:hover.footera {
		text-decoration: underline;
		font-size: 12px;
		color: #fff; 
		}

	 a:active.footera {
		text-decoration: underline;
		font-size: 12px;
		color: #fff; 
		}
		
	a:link.contact, a:visited.contact {
		text-decoration: none;
		
		font-size: 14px;
		color: #565656;
		}

	 a:hover.contact {
		text-decoration: underline;
		font-size: 14px;
		color: #565656; 
		}

	 a:active.contact {
		text-decoration: underline;
		font-size: 14px;
		color: #565656; 
		}	
		
		
	 a:link.sidebar, a:visited.sidebar {
		text-decoration: none;
		color: #151515;
		}

	 a:hover.sidebar, a:active.sidebar {
		text-decoration: underline;
		color: #025229; 
		}

	 a img {
		border:none;
		}
	
/*	-------------------------------------------------------------
	4. GENERAL PROPERTIES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.top a, .top a:link{
	display:block;
	float:right;
	font-weight:normal;
	font-size:11px;
	border:solid 1px #cccccc;
	background-color:#f3f3f3;
	padding:0px 5px;
}
	
	.left {
		float:left;
		}
		
   
	
/*	-------------------------------------------------------------
	5. FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 
	 #footer {
	 	background: url('../images/footer.png');
		background-repeat:no-repeat;
		padding: 0;
	 	font-size:11px;	
	 	text-align:left;
		line-height:13px;
		width:644px;
		height:28px;
	 	vertical-align: bottom;
		color:#fff;
		padding: 10px 25px 10px 10px;
		
	 	
	 }        
	 
/*	-------------------------------------------------------------
	6. LAYOUT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#site {
		
		height:auto;
		position:relative;
		margin:0px;
	
		background-repeat:no-repeat;
	
	}
	
	#top {
	background: url('../images/bg_top.png');
	width:678px;
	height:10px;
	margin-left:2px;
	background-repeat:no-repeat;
	
	}
	
	#header {	
	 
		
		background: url('../images/bg_header.png');
		background-repeat:no-repeat;
		width:677px;
		height:137px;
		
	}
	
	#logo {
	margin-top:10px;
	padding-left:20px;
	float:left;
	}
	
	#menu {
	
		line-height:0px;
		padding-left:80px;
		float:left;
		padding-top:62px;
		text-align:left;
		
		}
		
	 #content {
	 
		width:677px;
		height:530px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image: url(../images/bg_header.png);
		background-repeat:repeat-y;

		}
	
	  #content_index {
	 
		width:677px;
		height:845px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image: url(../images/bg_header.png);
		background-repeat:repeat-y;

		}	
		
	  #content_contact {
	 
		width:677px;
		height:900px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image: url(../images/bg_header.png);
		background-repeat:repeat-y;
	

		}		
		
		  #content_thankyou {
	 
		width:677px;
		height:900px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image: url(../images/bg_header.png);
		background-repeat:repeat-y;
	

		}		
		
		
		  #content_gallery {
	 
		width:677px;
		height:700px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image: url(../images/bg_header.png);
		background-repeat:repeat-y;
	

		}		
		
		
		 #content_registration {
	 
		width:677px;
		height:872px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image: url(../images/bg_header.png);
		background-repeat:repeat-y;
	

		}		
		
		
		 #content_program {
	 
		width:677px;
		height:2245px;
		text-align:left;
		margin-right: auto;
		margin-left: auto;
		background-image: url(../images/bg_header.png);
		background-repeat:repeat-y;
	
		}		
	
	#l_bg {
		
		background-image: url(../images/bg_left.png);
		background-repeat: y-repeat;
		float:left;
		height:auto;
	}
	#contentbar {
	float:left;

	width:522px;
	}
	
		
	 #sidebar{
  		width: 111px;
		height:auto;
  		float:left;
  		text-align:left;
		background-image: url(../images/bg_sidebar.png);
		background-repeat:repeat-y;
		padding: 45px 20px 20px 20px;
		line-height:23px;
  		background-color:#f4bd31;
		overflow:visible;
		
  		}
		
		
  		  	 
  	 #r_content {
	 	width:auto;
		height:auto;
  	 	text-align:left;
  	 	float:left;
		margin-left:2px;
		margin-right:2px;
		background-image:url(../images/bg_gradient.png);
		background-repeat:no-repeat;
		line-height:20px;
		overflow:visible;
		background-color:#e0dfdf;
		
  	 }
  	 
	  
	 
	 
	 #r_content_gallery {
	 	width:670px;
		height:auto;
  	 	text-align:left;
  	 	float:left;
		background-image:url(../images/bg_content.png);
		background-repeat:no-repeat;
		padding: 45px 30px 45px 30px;
		line-height:20px;
		background-color:#fff;
  	 }
  	 
  	 
  	 
  	 
  	.box100 {
  	 	
  	 	width: 100px;
  	 	float:left;
		margin:10px;
  	 	
  	 }
	 
	 .box200 {
  	 	
  	 	width: 200px;
  	 	float:left;
		margin:15px;
		margin-right:35px;
  	 	
  	 }
	 
	 .box230map {
  	 	
  	 	width: 230px;
  	 	float:left;
		margin:0;
  	 	
  	 }
	 
	 .box230form {
  	 	
  	 	width: 230px;
  	 	float:left;
		margin-left:15px;  	 	
  	 }
	 
	 .box270 {
  	 	
  	 	width: 270px;
  	 	float:left;
		margin:5px;
  	 	
  	 }
	 
	 .box300 {
  	 	
  	 	width: 300px;
  	 	float:left;
		margin:10px;
  	 	
  	 }
	 
	 .box300map {
  	 	
  	 	width: 300px;
  	 	float:left;
		margin:20px 10px 10px 10px;
  	 	
  	 }
	 
	 .box370{
  	 	
  	 	width: 370px;
  	 	float:left;
		margin:18px 25px 25px 25px;
  	 	
  	 }
  	 
  	 .contentpush {
		padding: 0px 30px 15px 10px;
		}
	
  	.button {
	margin-left:-8px;
	}
/*	-------------------------------------------------------------
	7. HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

         
/*	-------------------------------------------------------------
	8. IMGS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.photo {
		margin:5px 15px 15px 5px;
		}
		
	.photo2 {
		margin:5px 5px 15px 15px;
		}
		
	 .photo3 {
		margin:20px 5px 15px 20px;
		}
	 .photo4 {
		margin:15px 35px 15px 20px;
		}
/*	-------------------------------------------------------------
	10. BUTTONS: RSS-FEED
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*	-------------------------------------------------------------
	13. TYPOGRAPHY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 		
	  h1{
	  	font-family: 'Georgia';
	  	color:#515151;
	  	font-size: 27px;
	  	
	   	
	  	text-align: left;
	  	font-weight:normal;
	  	}
	  
	  h2{
	  	font-family: "Arial", Helvetica, sans-serif;
	  	color:#4182a6;
	  	font-size: 24px;
	  	margin-bottom:10px;
	  	text-align: left;
	  	font-weight:normal;
		line-height:0px;
	  	}
	  	
	   h3{
	  	font-family: "Arial", Helvetica, sans-serif;
	  	color:#151515;
	  	font-size: 16px;
	  	font-weight:bold;
	  	text-align: left;
	  	font-weight:normal;
		
	  	}
	  	
	   h4{
	  	font-family:"Arial", Helvetica, sans-serif;
	  	font-size: 17px;
	  	margin-left: 33px;
	  	margin-bottom:10px;
	  	margin-top:10px;
	  	text-align: left;
	  	font-weight:normal;
	  	}
	  	
	  	h5{
	  	font-family:"Arial", Helvetica, sans-serif;
	  	font-size: 15px;
	  	margin-left: 33px;
	  	margin-bottom:10px;
	  	margin-top:10px;
	  	text-align: left;
	  	font-weight:normal;
	  	}
	   
	 
		
		 .backtotop {
		color:#000;
		margin:0px 0px 10px 0px;
		float:right;
		
		}