body {
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: small;
	text-align: center;
	line-height: 1.5em;
	color: black;
	background: #F7EFEF;
}

/********** main *************************/
#page {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 772px;
	background: #fff;
	border-left: 1px solid #94a9bc;
	border-right: 1px solid #94a9bc;
}
#headline {
	height: 1.5em;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS";
	font-size: xx-small;
	text-align: center;
	color: #F7EFEF;
  	background: #94a9bc;
	vertical-align: middle;
	border-bottom: 5px solid #F7EFEF;
}
#head {
	height: 7em;
	margin: 0 25px;
	padding: 0;
	font-size: xx-small;
	color: #94a9bc;
	text-align: right;
	vertical-align: middle;
	background: white url(images/midi2wavcom.gif) no-repeat center left;
}
#bottomline {
	position: /*relative*/static;
	height: 1.5em;
	clear: both;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS";
	font-size: xx-small;
	text-align: center;
	color: #F7EFEF;
	background: #94a9bc;
	vertical-align: middle;
	border-top: 5px solid #F7EFEF;
}

/************** menu ******************/
#menu {
	height: 1.5em;
	padding: 0 15px;
	font-family: "Trebuchet MS";
	font-size: medium;
	border-top: 5px solid #F7EFEF;
	background: #94a9bc;
}
#menu ul {
	float: left;
	list-style: none;
}
#menu li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 1px 1px;
}
#menu a {
	float: left;
	padding: 0 10px;
	text-decoration: none;
	border-bottom: none;
	color: #F7EFEF;
}
#menu a:hover {
	color: #94a9bc;
	background: #F7EFEF;
}
#menu a.active {
	font-weight: bold;
}

/********************** left column ********************/
#leftcol {
	float: left;
/*	width: 520px;*/
	width: 68%;
	margin: 0;
	padding: 20px 5px 20px 25px;/* top right bottom left */
	font-size: small;
	line-height: 1.5em;
	text-align: left;
}
#leftcol img.left {
	float: left;
	margin-top: 1.5em;
	margin-right: 20px;
	margin-bottom: 15px;
	padding: 0px;
}
#leftcol img.right {	
	float: right;
	margin-top: 0;
	margin-left: 20px;
	margin-bottom: 15px;
	padding: 0px;
}
#leftcol ul.left {
	/*position: relative;*/
	float: left;
	list-style: square inside;
	margin: 0 0 15px 0;/* top right bottom left */
	padding: 0 0 0 0;
	/*text-align: left;*/
	/*border: 1px solid #000;*/
}
#leftcol li {
	padding: 0 0px 0 0px;
	margin: 0 0px 0 0px;
	/*border: 1px solid #000;*/
}
#leftcol br {
	clear: both;
}
#leftcol p {
	margin: 0px 0 15px 0;/* top right bottom left */
	padding: 0px 0px;
}
#leftcol h3 {
	margin: 0px 0 10px 0;
	padding: 0px 0px 0 0;
	font: bold medium "Trebuchet MS";
	color: #336699;
}
#leftcol h4 {
	margin: 5px 0 0px 0;/* top right bottom left */
	padding: 0px 0px 0 0;
	font: bold small;
	/*color: #336699;*/
}

/********** right column *******************/
#rightcol {
/*	width: 220px;*/
	width: 28%;
	float: right;
	margin: 0px 0;
	padding: 20px 0px;/* top right bottom left */
	font: small "Trebuchet MS";
	line-height: 1.5em;
	color: #336699;
	text-align: justify;
	/*background-color: #F7EFEF;*/
}
#rightcol h3 {
	margin: 0px 0 7px 0;/* top right bottom left */
	padding: 0px 10px;
	color: #F7EFEF;
	font: bold medium "Trebuchet MS";
	background-color: #94a9bc;
	border-top: 4px solid #F7EFEF;
}
#rightcol h2 {
	margin: 0px 0 7px 0;
	padding: 0px 10px;
	font: bold medium "Trebuchet MS";
}
#rightcol p {
	margin: 0;
	padding: 0px 10px 10px 10px;/* top right bottom left */
}
#rightcol ul {
	margin: 0;
	padding: 0px 10px 10px 10px;/* top right bottom left */
	list-style: none;
	/*background-color: #f00;*/
}
#rightcol li {
	margin: 0;
	padding: 0px;
	height: 1.5em;
	/*background-color: #0f0;*/
	/*clear: both;*/
}
#rightcol a.left {
	float: left;
	clear: both;
}
#rightcol span.right {	
	float: right;
	font: bold;
}
#rightcol br {
	clear: both;
}
.lightblock {
	margin: 5px 0;
	padding: 5px 5px;
	background-color: #F7EFEF;
	border: 1px solid #94a9bc;
}


/********** links ***********************/
a:link {
	color: #336699;
	/*text-decoration: none;*/
	/*border-bottom: 1px dotted;*/
}
a:visited {
	color: #996699;
	/*text-decoration: none;*/
	/*border-bottom: 1px dotted;*/
}
a:hover {
	color: #3366FF;
	/*border-bottom-style: solid;*/
}


/********** common *************/
h1 {
	font-family: "Trebuchet MS";
	font-size: large;
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height: 1.2em;
}
ul {
	margin: 0;
	padding: 0;
	list-style-type: square;
}
li {
	padding: 0;
	margin: 0 0 0 15px;
}

/******************** misc. *****************************/
.center {
	text-align: center;
}
a img {
	border: none;
}
.hide, hr {
	display: none;
}