﻿body {
   text-align:center;
   padding : 0;
}

h1 {
	padding-bottom: 0px;
	margin: 0px;  
	font-family:"Comic Sans MS";
}

h2{
	padding-bottom: 0px;
	margin: 0px;  
	font-family:"Comic Sans MS";
}

h3 {
	padding-bottom: 0px;
	margin: 0px;  
	font-family:"Comic Sans MS";
}

h4{
	padding-bottom: 0px;
	margin: 0px;  
	font-family:"Comic Sans MS";
}

li {
	padding-bottom: 0px;
	margin: 0px;  
	font-family:"Comic Sans MS";
}

p {
	padding-bottom: 0px;
	margin: 0px;  
	font-family:"Comic Sans MS";
}

img {
	border: 0;
}

a {
	color: #000000;
}
a:hover {
	color: maroon;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}

.center {
	text-align:center;
}

.clear {
	clear: both;
}

.large {
	font-size: 54px;
}

.heading {
	font-size: 24px;
}

.medium {
	font-size: 16px;
}

.small {
	font-size: 12px;
}

.blue {
	color:blue;
}

.black {
	color:black;
}

.red {
	color:red;
}

.margin {
	padding-bottom: 0px;
}

.desc {
text-align:     left;
font-family:    times;
font-size:      12px;
color:          black;
position:       absolute;
top:               220px;
left:              200px;
width:          230px;
visibility:     hidden;
z-index:        0;
}

#main {
	text-align: left;
	background: #ffffff;
	font: 11px arial, sans-serif;
	color: #000000;
}

/** layout **/
#wrapper {
	margin: auto;
	text-align: left;
	width: 790px;
	min-height: 750px;
    position: relative;
}

/** Body **/

#content {
  width: 790px;
  position: absolute;
  color: #000000;
  top: 3px;
  left: 0px;
}

.box {
  float: left;
  background: #ffffff;
  margin-right: 0px;
  margin-bottom: 5px;
}
.box-t { background: top url(images/box-t.png) repeat-x; }
.box-r { background: right url(images/box-r.png) repeat-y; }
.box-b { background: bottom url(images/box-b.png) repeat-x; }
.box-l { background: left url(images/box-l.png) repeat-y; }
.box-tr { background: top right url(images/box-tr.png) no-repeat; }
.box-br { background: bottom right url(images/box-br.png) no-repeat; }
.box-bl { background: bottom left url(images/box-bl.png) no-repeat; }
.box-tl { background: top left url(images/box-tl.png) no-repeat; }

.box-tl {
  padding: 10px 15px;
}

.fireworks { background: url(images/fireworks.png) no-repeat;
			z-index: 1;
			background-position: 0px 0px;
} 

.tent {background: url(images/tent.png) no-repeat;
		z-index: 2;			
		background-position: 0px 0px;
}

.parade { background: url(images/parade.png) no-repeat;
			z-index: 3;
			background-position: 0px 100px;
}

.ferris {background: url(images/ferriswheel.png) no-repeat;
			z-index: 3;
			background-position: 600px 50px;
}

#info {
  margin-right: 10px;
}

#info .box-tl {
  padding-bottom: 10px;
}

#info ol {
	padding-bottom:0px;
	padding-top:0px;
	font-family:"Comic Sans MS";
	font-size:11px;
}

/** footer **/
#footer {
  text-align: center;
}
#footer ul {
  margin: 0.8em;
}
#footer p {
  margin: 0.8em;
}
#footer ul {
  margin-top: 1.2em;
}
#footer li {
  display: inline;
  list-style: none;
}

