Body{
  font-family: 'Shadows Into Light', cursive;
  font-style: normal;
	font-size:30px;
	color:#333333;
	font-weight:bold;
	font-style:auto;
	text-decoration:none;
	line-height:35px;
	letter-spacing:0px;
	word-spacing:3px;
	text-align:left;
	/*text-indent:60px;*/
	text-shadow:2px 2px 10px #111111;
	background-color:#ec8ee2; 
}
h2{
	background-color:#4199eb;
	opacity:0.9;
}
#box{
	height: 400px;
	width: 400px;
	overflow: scroll;
	border-top: 5px dotted #000;
	border-bottom: 5px dotted #000;
	border-right: 5px dotted #c626b1;
	border-left: 5px dotted #c626b1;
	padding: 0px;
	margin:0 auto; /* center */
	display:inline-block;
  
  -moz-box-shadow:10px 5px 5px 5px #aaa;
	-webkit-box-shadow:10px 5px 5px 5px #aaa;
	box-shadow:10px 5px 5px 5px #aaa;

	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	border-radius:100px;
}
#bigbox{
	height: 815px;
	width: 610px;
	overflow: scroll;
	border-top: 5px solid #000;
	border-bottom: 5px solid #000;
	border-right: 5px solid #c626b1;
	border-left: 5px solid #c626b1;
	padding: 25px;
	margin:0 auto; /* center */
	display:inline-block;
}
#box2{
	height: 400px;
	width: 400px;
	overflow: scroll;
	border-top: 5px solid #000;
	border-bottom: 5px solid #000;
	border-right: 5px solid #0f4216;
	border-left: 5px solid #0f4216;
	padding: 0px;
	margin:0 auto; /* center */
	display:inline-block;
}
#leftcolumn{
	width:33%;
	float:left;
}
#rightcolumn{
	width:65%;
	float:right;
}
/*div{
  border:1px solid black;
  width:200px;
  height:200px;
  opacity:0.8;
}*/
#d1{
  position:absolute;
  top:150px;
  left: 290px;
}
#d2{
  position:absolute;
  top:150px;
  left: 290px;
}
footer{
	background-color:#FFFFFF;
	width:1000px;
	overflow: scroll;
	border-top: 5px dotted #000;
	border-bottom: 5px dotted #000;
	border-right: 5px dotted #c626b1;
	border-left: 5px dotted #c626b1;
	padding: 25px;
	margin:0 auto; /* center */
	display:inline-block;
	clear:both;
	/*float:bottom;*/
}

ol{
  list-style-type:none;
}
  