/** BASIC */

html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #007CDE;
	text-align:center;
}

/** HEADINGS */
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

h1, h2, h4 {
	color: #614C31;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-family: Comic Sans MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
}

/** LAYERS */
#content {
	width: 1024px;
	height: 368px;
	margin: 0px auto;
}


#logo {
	width: 1024px;
	height: 368px;
	background: url(images/banner.jpg) no-repeat left top;
}

#body {
	position: relative; 
	top: 0px;
	width: 600px;
	margin: 20px auto;
}

#body2 {
	position: relative; 
	top: 0px;
	width: 1000px;
	margin: 20px auto;
}

#paper {
	float: right;
	top: 0px;
	width: 570px;
	height:802px;
	padding : 20px;
	background: url(images/paper.jpg) no-repeat left top;
	z-index: 2;
}

#halfpaper {
	float: right;
	top: 0px;
	width: 570px;
	height:401px;
	padding : 20px;
	background: url(images/halfpaper.jpg) no-repeat left top;
	z-index: 2;
}

#photo {
	float: left;
	top: 0px;
	left: 200px;
	width: 454px;
	height:451px;
	margin: 20px auto;
	z-index: -2;
}

#photo2 {
	float: left;
	top: 00px;
	left: 0px;
	width: 340px;
	height:440px;
	margin: 70px auto;
	z-index: -2;
}


#leftbar {
	float: left;
	width: 300px;
	margin: 0px auto;
	z-index: 0;
}

#extra {
	width: 600px;
	margin: 20px auto;
	text-align: center;
}


#footer {
	width: 600px;
	margin: 20px auto;
	text-align: center;
}

p.footer {
	font-size: 10px;
	color: #E1DE01;
}	

a.footer {
  color: #FFFFFF;
	text-decoration: none;

}

a.footer:hover {
  color: #FFFFFF;
	text-decoration: underline;

}


p.letter {
	font-size: 20px;
	color: #000000;
}	

p.lettersmall {
	font-size: 17px;
	color: #800800;
}