@charset "utf-8";
/* CSS Document */
html {
	background-color:#fff;

}
body {
	background:center;
	background-image:url(images/bkgd.jpg);
	background-repeat:no-repeat;
	background-color:#F099A1;
	font-family:"Comic Sans MS";
}
/* 
table {
	border:double;
	border-color:#00FFFF;
}
tr {
	border:double;
	border-color:#00FFFF;
}
td {
	border:double;
	border-color:#00FFFF;
}
*/
img{
	border: none;
}
#main {

}

#header {
	font-size:30px;
	text-align:center;
	height:10px;
	margin-top:-5px;
}
#subtitle {
	font-size:18px;
	text-align:center;
	height:5px;
	margin-top:-5px;
}
#des {
	font-size:16px;
	text-align:center;
	height:5px; 
	margin-top:-5px;
}

#nav {
	clear: left;
	width: 100%;
}
#left {
	padding-right:50px;
}
#middle {
	padding-left:50px;
	padding-right:50px;
}
#right {
	padding-left:50px;
}

.dragger  {
	width:100px;
	height:100px;
	border:1px solid black;
	position:relative;
	z-index:50;
	padding:4px;
}
.item {
	width:100px;
	height:100px;
	border:3px solid black;
	position:relative;
	float:left;
	margin:5px;
	padding:4px;
	background:#FFFFFF;
}
.drag {
	background-color:#EFE;
}
.dragover {
	border:3px solid #900;
	background-color:#FEE;
	color:#000;
}
.dropped {
	border:3px solid #009;
	background-color:#339;
	color:#FFF;
}