* {
	margin:0;
	padding:0;
}
body{
	background-color:#ffffff;
	background-image:url("http://www.notationmachine.com/images/skin0805/content-background.gif");
	background-position: center;
	background-repeat: repeat-y;
	text-align:center; 
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding:0;
	font-size:8pt;
}
#container{
	margin: 0 auto;
	padding:0;
	text-align: center;
	overflow:hidden;
	width:998px;
	overflow:hidden;
}
#header{
	background-image:url("http://www.notationmachine.com/images/skin0805/header.gif");
	background-repeat: no-repeat;
	background-position:bottom;
	margin: 0;
	padding:0;
	width:1000px;
	height:145px;
	position:relative;
	top:0px;
	left:0px;
	border-bottom:12px navy solid;
}
#header ul, #header li{
	float:left;
	list-style-type:none;
	padding:0;
	margin:0;
}
#header a, #header a:visited{
	display:block;
}
#adspot-1{
	position:absolute;
	top:100px;
	left:755px;
	z-index:99;
}
#adspot-2{
	position:absolute;
	top:400px;
	left:775px;
	z-index:99;
}
#topmenu{
	position:relative;
	top:52px;
	left:750px;
}
#signup{
	background:url(http://www.notationmachine.com/images/skin0805/btn-sign-up-off.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	font-size:9pt;
	overflow:hidden;
	display:block;
	width:84px;
	height:64px;
	margin:0; 
	padding:0;
	position:relative;
}
#signup a{
	color:#000000;
	text-decoration:none !important;
	vertical-align:top;
	height:16px;
}
#signup a:hover{
	font-size:10pt;
	background:url(http://www.notationmachine.com/images/skin0805/btn-sign-up-on.gif);
	background-repeat:no-repeat;
	color:navy;
	text-decoration:none;
	vertical-align:bottom;
	height:16px;
}
#signup a span{
	position:absolute;
	left:-100px;
	top:-50px;
}
#learnmore{
	background:url(http://www.notationmachine.com/images/skin0805/btn-learn-more-off.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	font-size:9pt;
	overflow:hidden;
	display:block;
	width:85px;
	height:16px;
	margin:0; 
	padding:0;
	position:relative;
}#learnmore a{
	color:#000000;
	text-decoration:none !important;
	vertical-align:top;
	height:64px;
}
#learnmore a:hover{
	font-size:10pt;
	background:url(http://www.notationmachine.com/images/skin0805/btn-learn-more-on.gif);
	background-repeat:no-repeat;
	color:blue;
	text-decoration:none;
	vertical-align:bottom;
	height:16px;
}
#learnmore a span{
	position:absolute;
	left:-100px;
	top:-50px;
}
#members{
	background:url(http://www.notationmachine.com/images/skin0805/btn-members-off.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	font-size:9pt;
	overflow:hidden;
	display:block;
	width:95px;
	height:16px;
	margin:0; 
	padding:0;
	position:relative;
}#members a{
	color:#000000;
	text-decoration:none !important;
	vertical-align:top;
	height:64px;
}
#members a:hover{
	font-size:10pt;
	background:url(http://www.notationmachine.com/images/skin0805/btn-members-on.gif);
	background-repeat:no-repeat;
	color:blue;
	text-decoration:none;
	vertical-align:bottom;
	height:16px;
}#members a span{
	position:absolute;
	left:-100px;
	top:-50px;
}
#navmenu{
	float:left;
	padding: 0;
	margin: 0 auto;
	text-align:left;
	width:200px;
	height:1200px;
	position:relative;
	top:0px;
	left:-10px;
	white-space:nowrap;
	overflow:hidden;
	background:url("http://www.notationmachine.com/images/skin0805/left-buttons.gif");
	background-repeat:no-repeat;
	background-position:6px 0px;
}
#navmenu ul, #navmenu li{
	flo at:left;
	list-style-type:none;
	padding:0;
	margin:0;
	position:relative;
	left:18px;
	top:4px;
}
#navmenu a, #navmenu a:visited{
	display:block;
}

#content{
	float:right;
	margin: 0 auto;
	color:#000000;
	text-align:justify;
	font-size:9pt;
	padding:10px;
	width:550px;
	max-width:550px;
	position:relative;
	left:-260px;
	top:10px;
	min-height:780px;
}
#content img{
	padding: 0 10px 0 10px;
	border:none;
}
#content a{
	color:red;
	font-weight:bold;
}
/*---------------------------------*/
#footer{
	float:none;
	clear:both;
	color:#000000;
	background:#ffffff;
	font-size:8pt;
	text-align:center;
	width:1000px;
	height:100px;
	overflow:hidden;
	position:relative;
	left:-2px;
	top:0px;
	border-top:solid navy 5px;
}
#footer span{
	position:relative;
	font-size:11pt;
	font-weight:bold;
	top:5px;
}
#footer a{
	color:blue;
	text-decoration:none;
}
#footer a:hover{
	position:relative;
	top:-1px;
	background:navy;
	color:white;
}
#footer p{
	text-align:center;
	position:relative;
	top:00px;
	left:0px;
}
/*---------------------------------*/
.title{
	font-size:22pt;
	font-weight:bold;
	color:navy;
	width:520px;
	h\eight:55px;
	min-height:55px;
	text-align:left;
	overflow:visible;
}
.subtitle{
	font-size:16pt;
	font-weight:normal;
	color:#0e6bff;
	width:520px;
	text-align:left;
	min-height:50px;
	height:50px;
	vertical-align:top;
	position:relative;
	top:10px;
}
.emphasize{
	font-size:12pt;
	color:green;
	font-weight:bold;
}
/*---------------------------------*/
.button{
	z-index:50;
	background-repeat:no-repeat;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	font-size:8pt;
	overflow:hidden;
	display:block;
	width:154px;
	height:22px;
	margin:0; 
	padding:0;
}
.button a{
	color:#395a9c;
	font-weight:normal;
	text-decoration:none !important;
	height:53px;
}
.button a:hover{
	font-size:8pt;
	text-decoration:underline !important;
}
.button a span{
	position:relative;
	left:0px;
	top:0px;
}
/*---------------------------------*/
/* TEXT */
p {
	text-align:left;
	font-size:1em;
	margin:.5em 0 .5em 0; /* some air around p elements */
	line-height:1.7em;
	padding:0;
}
br {
	line-height:15px;
}
blockquote {
	border-left:10px solid #ddd;
	margin-left:10px;
}
pre {
	font-family:monospace;
	font-size:1.0em;
}
strong, b {
/* explicit setting for these */
	font-weight:bold;
}
em, i {
/* explicit setting for these */
	font-style:italic;
}
u {
	text-decoration:none;
	font-size:10px
}
ol{
	position:relative;
	left:35px;
}
/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
	white-space:pre-wrap; /* css-3 */
	white-space:-moz-pre-wrap; /* Mozilla, since 1999 */
	white-space:-pre-wrap; /* Opera 4-6 */
	white-space:-o-pre-wrap; /* Opera 7 */
	word-wrap:break-word; /* Internet Explorer 5.5+ */
	font-family:"Courier New", Courier, monospace;
	font-size:1em;
}
pre {
	border:1px solid #000; /* black border for pre blocks */
	background-color:#ddd;
	margin:0 1em 1em 1em;
	padding:0.5em;
	line-height:1.5em;
	font-size:90%; /* smaller font size, as these are usually not so important data */
}
#googleAdTop{
	position:absolute;
	top:70px;
	left:250px;
}
#googleAdLeft{
	width:160px;
	height:600px;
	overflow:hidden;
	position:relative;
	left:10px;
	top:20px;
}