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


body {
	background: #caddeb url(images/kids-bg.jpg) repeat;
	font-family: "Eras Medium ITC";
	font-size: 12px;
	margin: 0;
	padding: 0;
}



#container {
	margin: 0 auto;
	width: 986px;
}

#kids-header {
	background: url(images/header.png) no-repeat;
	height: 188px;
	width: 986px;
	overflow: hidden;
}

.header-kids {
	float: left;
	margin: 9px 0 0 10px;
}

.header-kids-text {
	float: left;
	margin: 15px 0 0 -9px;
}

#kids-menu {
	background: url(images/kids-menu.png) no-repeat;
	height: 40px;
	width: 986px;
	overflow: hidden;
}





#head-wrapper {
	margin: 20px auto;
}

#content-wrapper {
	background: url(images/white-bg.png) repeat-y;
	overflow: hidden;
	width: 986px;
}

#white-bg-curve {
	background: url(images/curve-white-bg.png) no-repeat;
	height: 15px;
	width: 986px;
}

#contents {
	padding: 0 15px;
	margin-top: 10px;
}

#footer-wrapper {
	margin: 0 auto;
}

#footer-wrapper ul {
	list-style-type: none;
	color: #3d4d5a;
	font-weight: bold;
	/*margin-left: 92px;*/
	font-size: 14px !important;
	padding: 0;
	text-align: center;
}

#footer-wrapper ul li {
	display: inline;
	padding-left: 14px;
}

#footer-wrapper ul li a {
	color: #3d4d5a;
	text-decoration: none;
}

#footer-wrapper ul li a:hover {
	color: #3d4d5a;
	text-decoration: underline;
}

.clearboth {
	clear: both;
}

#left {
	float: left;
	border: 0px solid red;
	width: 200px;
	/*height: 200px;*/
}

#middle {
	float: left;
	border: 0px solid red;
	width: 546px;
	/*height: 200px;*/
	margin-left: 5px;
}

#right {
	float: right;
	border: 0px solid red;
	width: 200px;
	/*height: 200px;*/
	
}

/*box*/

.right-panel {
	margin-left: 11px;
}

.left-panel {
	margin-left: 3px;
}


.bottom-panel {
	margin-top: 10px;
}

.top {
	background: url(images/box-upper.png) no-repeat;
	height: 10px;
	width: 186px;
}

.center {
	background: url(images/blue-box-bg.png) repeat-y;
	width: 186px;
	overflow: hidden;
	padding-left: 10px;
}

.bottom {
	background: url(images/blue-box-bottom.png) no-repeat;
	height: 10px;
	width: 186px;
}

/*middle*/

.content-top-bg {
	background: url(images/content-top.png) no-repeat;
	width: 546px;
	height: 10px;
}

.content-middle-bg {
	background: url(images/content-bg.png) repeat-y;
	width: 546px;
	overflow: hidden;
	padding-left: 10px;
}

.content-bottom-bg {
	background: url(images/content-bottom.jpg) no-repeat;
	width: 546px;
	height: 10px;
}

.boxtitle {
	background: url(images/box-separator.png) no-repeat bottom center;
	width: 157px;
	font-size: 12px;
	font-weight: bold;
	color: #2f4144;
	padding-bottom: 5px;
}

p, .list, table {
	color: #2f4144;
	font-size: 13px;
	font-family: "Eras Medium ITC";
}

a {
	outline: none;
}

.submitbutton {
	background: url(images/go-buttons.png) no-repeat;
	width: 74px;
	height: 22px;
	border: 0;
	cursor: pointer;
	padding-left: 0;
	font-family: "Eras Medium ITC";
	font-size: 12px;
}

.sponsorchild {
	background: url(images/go-buttons.png) no-repeat;
	width: 74px;
	height: 22px;
	border: 0;
	cursor: pointer;
	padding-left: 0;
	font-family: "Eras Medium ITC";
	font-size: 12px;
	line-height: 22px;
	
	text-decoration: none;
}

.btn {
	background: url(images/btn.png) no-repeat;
	width: 106px;
	height: 22px;
	border: 0;
	cursor: pointer;
	padding-left: 6px;
	font-family: "Eras Medium ITC";
	font-size: 12px;
}

.check {
	color: #003399;
	text-decoration: underline;
}



#searchbox {
	background: url(images/search-box.png) no-repeat;
	width: 151px;
	height: 23px;
	border: 0;
	color: #62654a;
	font-size: 12px;
	font-style: oblique;
	text-indent: 9px;
}

.div-searchbox {
	width: 151px;
	margin-left: 8px;
}

.div-submitgo {
	margin-top: 10px;
	margin-left: 50px;
	color: #2f4144;
}

.social-network-icon {
	margin-top: 10px;
}

.flashbox {
	width: 522px;
	height: 171px;
	border: 0px dashed #999999;
	
}

.separtor-long {
	background: url(images/separator-long.png) no-repeat bottom center;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.common-content {
	padding-right: 22px;
}

.donation {
	float: left;
}

.donation ul {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	color: #0000CC;
}

.affialite {
	margin-top: 21px;
}

.affialite ul {
	list-style-type: disc;
	margin: 0 0 5px 0;
	padding: 0 0 0 35px;
	color: #0000CC;
}

.affialite ul li a {
	text-decoration: none;
	color: #0000CC;
}

.affialite ul li a:hover {
	text-decoration: underline;
	color: #0000CC;
}

.authorize {
	float: left;
	margin: -4px 0 0 86px;
}

.card {
	padding-left: 15px;
}


/*drop down menu*/

#kids-menu #jsddm {	
	/*margin: 0 0 0 45px;*/
	/*margin: 0 0 0 105px;*/
	margin: 0 0 0 170px;
	padding: 0;
	font-size: 15px !important;
	font-weight: bold;
	/*margin: 0 0 0 70px; */
	height: 35px;
}
	
#kids-menu	#jsddm li {	
	float: left;
	list-style: none;

}

#kids-menu	#jsddm li a	{	
	display: block;
	/*background: #20548E;*/
	/*padding: 5px 12px;*/
	padding: 0 10px 0 15px;
	text-decoration: none;
	/*border-right: 1px solid white;*/
	/*width: 70px;*/
	color: #2e6f8a;
	white-space: nowrap;
	height: 35px;
	background: url(images/menu-separator.jpg) no-repeat right center;
	line-height: 35px;
}

#kids-menu	#jsddm li a:hover {	
	/*background: #1A4473;*/
	color: #2e6f8a;
	text-decoration: underline;
}
		
#kids-menu #jsddm li ul	{	
	margin: 1px 0 0 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white;
	z-index: 50;
}
		
#kids-menu	#jsddm li ul li	{	
	float: none;
	display: inline;
}
		
#kids-menu	#jsddm li ul li a {	
	width: auto;
	background: #dbf0fb;
	color: #2e6f8a;
}
		
#kids-menu #jsddm li ul li a:hover {	
	background: #a6d9ed;
	color: #2e6f8a;
	text-decoration: none;
}

#kids-menu #jsddm .contactus {
	background: none !important; 
}

/*slideshow*/

#slideshow {
    position:relative;
    height: 162px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*contact form*/

.input-txt {
	border: 1px solid #A6A289;
	background: #eef0dd;
	width: 179px;
	font-family: "Eras Medium ITC";
}

.textarea {
	border: 1px solid #A6A289;
	background: #eef0dd;
}


/*gallery*/

/* jQuery lightBox plugin - Gallery style */
	#gallery {
		/*background-color: #444;*/
		/*padding: 10px;*/
		width: 520px;
	}
	#gallery ul { list-style: none; margin-left: -8px;}
	#gallery ul li { display: inline; }
	#gallery ul img {
		/*border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;*/
		border: 1px solid #124d68;
	}
	#gallery ul a:hover img {
		/*border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;*/
		text-decoration: none;
		border: 0px solid #124d68;
	}
	/*#gallery ul a:hover { color: #fff; }*/
	
	
	/* jQuery lightBox plugin - Gallery style */
	#gallery2 {
		/*background-color: #444;*/
		/*padding: 10px;*/
		width: 520px;
	}
	#gallery2 ul { list-style: none; margin-left: -8px;}
	#gallery2 ul li { display: inline; }
	#gallery2 ul img {
		/*border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;*/
		border: 1px solid #124d68;
	}
	#gallery2 ul a:hover img {
		/*border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;*/
		text-decoration: none;
		border: 0px solid #124d68;
	}
	/*#gallery ul a:hover { color: #fff; }*/
	
	
	/* jQuery lightBox plugin - Gallery style */
	#gallery3 {
		/*background-color: #444;*/
		/*padding: 10px;*/
		width: 520px;
	}
	#gallery3 ul { list-style: none; margin-left: -8px;}
	#gallery3 ul li { display: inline; }
	#gallery3 ul img {
		/*border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;*/
		border: 1px solid #124d68;
	}
	#gallery3 ul a:hover img {
		/*border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;*/
		text-decoration: none;
		border: 0px solid #124d68;
	}
	/*#gallery ul a:hover { color: #fff; }*/

.input {
	border: 1px solid #A6A289; 
	background: #EEF0DD; 
	font-family: 'Eras Medium ITC';
}