@charset "utf-8";

/* CSS Document */
* {
	margin:0px;
	padding: 0px;
}

/* commented backslash hack v2 \*/ 
html, body { height:100%; }

/* end hack */ 
p { margin:0 0 1em 0; }

body {
	background:#00d5d5;
	position:relative;/* for ie7*/
	background-image: url(/image-files/stripebk.gif);
}

#bucket {
	background-color:#ffffff;
	margin:10px 40px 10px 40px;
}

#outer {
	min-height:100%;
	margin:0 232px;
	background-color:#fff;
	border-left:1px solid #787878;
	border-right:1px solid #787878;
}

* html #outer { height:100%;	/*IE treats height as min-height anyway*/ }

.outerwrap {
	float: left;
	width: 100%;
	background-color:#ffffff;
	padding-top:158px;/* to clear header*/
	margin-right:-3px;/* to stop columns dropping*/
}

#header {
	position:absolute;
	top:0px;
	left:39px;
	width:93%;
	height:155px;
	background-color: #bfffff;
	background-image: url(/image-files/kid_rooms_logo.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#centercontent {
	float:right;
	width:99%;
	position:relative;
	padding-top: 10px;
	padding-bottom:100px;/* clear footer*/
	height: 100%;
	
}

#left {
	position:relative;/*ie needs this to show float */
	width:230px;
	float:left;
	margin-left:-229px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	left:-8px;
	top:-9px;
	padding-left: 5px;
	padding-bottom:105px;/* clear footer*/
	}

#right {
	position:relative;/*ie needs this to show float */
	width:240px;
	float:right;
	margin-right:-239px;/*must be 1px less than width otherwise won't push footer down in some browsers */
	padding-top:135px;/* to clear header*/
	left:1px;
	padding-bottom:105px;/* clear footer*/
}

#conlft {
	width:48%;
	position:relative;
	float:left;
	padding:0% 1%;
}

#conrt {
	width:48%;
	position:relative;
	float:right;
	padding:0% 1%;
}

#footer {
	position:relative;
	width:100%;
	height:103px;
	background-color:#bfffff;
	border-top:#5900B3 solid 2px;
	margin-top:-103px;/*drag footer from below the fold*/
	overflow:hidden;
}

#w3c {
	position:relative;
	bottom:35px;
	left:10px;
	width:80%;
	z-index:10;
}

#photo {
	width:100%;
	height:auto;
}

.box1 {
	border: solid #787878 2px;
	background-color: #EEEEEE;
	text-align:center;
	padding:7px;
	margin-bottom:10px;
}

#box2 {
	width:31%;
	float:left;
	height:250px;
	padding:0.15em;
	margin:0px 7px 2px 7px;
	border: dotted #6e7f5d 3px;
	overflow:auto;
	background-color: #EEEEEE;
}

#box3 {
	width:31%;
	float:left;
	height:250px;
	padding:.15em;
	margin:0px 4px 2px 0px;
	background-color: #EEEEEE;
	border: dotted #169da6 3px;
	overflow:auto;
}

#box4 {
	width:31%;
	float:left;
	height:250px;
	padding:.15em;
	margin: 0px 4px 2px 7px;
	background-color: #EEEEEE;
	border: dotted #572877 3px;
	overflow:auto;
}