@charset "utf-8";

html {height:100%;}

body {
	margin:0px;
	height:100%;
	font-size:15px;
	font-family:Arial, Tahoma, Geneva, sans-serif;
	text-align:center; 
	background-color: #ab96ab;
	}


#header {
	background-image: url(assets/banner-with-text.jpg);
	height: 150px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
		}
	
#wrapper {
	width:840px;
	padding-left:30px;
	padding-right:30px;
	background-color: #f0e1f0;
	min-height:100%;
	padding-bottom:30px;
	overflow:hidden;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	}
	
	

A:VISITED {Text-Decoration: underline;
color: #330033;
}

A:Link{Text-Decoration: underline;
color: #330033;
}

h1 {
color: #330033;
}
	
h2 {
color: #330033;
}
	
h3 {
color: #330033;
padding-top: 1.2em;
}

table {
	border-spacing: 10px 4px;
	}

#menu {
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	list-style-image:none;
	padding-top: 10px;
	padding-bottom:18px;
	list-style-type:none;
	color: #330033; 
	}

#menu li {
	display: inline;
	padding:13px;
	font-size:18px;
	color: #330033;
	}
	
	

.poem {
	font-style: italic;
	text-align:center;
}

.align-right
{float:right;
margin: 0px 15px 15px 15px;
}

.align-left
{float:left;
 margin: 0px 15px 15px 15px;
 }


.leftcolumn {
	float: left;
	height: 85%;
	width: 550px;
	border-right: 1px solid #000;
	padding-right: 6px;
	paadding-left:30px;
	overflow: hidden;
}

.rightcolumn {
	float: right;
	height: 85%;
	width: 243px;
	padding-left: 6px;
	padding-right:30px;
	overflow: hidden;
	}
	
.leftcolumnsmall{
	float: left;
	height: 85%;
	width: 233px;
	padding-right: 6px;
	padding-left:30px;
	overflow: hidden;
}

.rightcolumnbig {
	float: right;
	height: 85%;
	width: 533px;
	padding-left: 6px;
	padding-right:30px;
	overflow: hidden;
	}

.columnwrapper {
	width:870px;
}
.composer {
	font-style: italic;
}


.quotation {
	font-style:italic;
	
}

.leftmenu
{font-size:17px;
color: #330033;
text-decoration: underline;
}

.sixteen
{font-size:16px;
}

.boldital
{font-style:italic;
font-weight:bold;
}