body{
	background-color: #9cc;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	margin-top: 0px;
	margin-bottom: 10px;
	border: 0;
	color: #000;
	font: 12px/16px verdana, arial, sans-serif;
	background-image: url(05harmonynim/pageshadow720art.gif);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;/*for the benefit of IE5 win*/
}
	
/*body id rental, books etc, not used*/

div#wholepage{
	background:transparent url() top right repeat-y;
	width:670px;
	margin:0 auto;
	margin-top:0px;
	padding-top:3px;
	padding-left:15px;
	padding-right:18px;
	text-align: left;/*for the benefit of IE5 win see above*/
	}
	
div#presents{
	float:left;
	color:#06c;
	font-size:90%;
	line-height:11px;
	margin:0;
	padding:0;
	background:transparent;
	width:250px;
	}
#presents p a:link,#footer p a:link{color: #06c; text-decoration: none;}
#presents p a:visited,#footer p a:visited{color: #06c; text-decoration: none;}
#presents p a:active,#footer p a:active{color: #c30; text-decoration: none;}
#presents p a:hover,#footer p a:hover{color: #c00; background: #ffffe5; text-decoration: none;}

#summary p{
	background: transparent;
	font-size:90%;
	color: #069;
	font-weight:bold;
	float: right;
	text-align: right;
	margin: 0 0 0px 0;
	padding: 0 5px 3px 0;
	border: 0px #ccc solid;
		width:250px;
		line-height:11px;
		border:0;
	}


#intro,#content,#footer{
	clear:both;
	margin:20px 0 0 0;
/*	border:1px #c00 solid;*/
	}


img{
	border-style:none;
	}
img.centregif{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:0;
	}
	
.left{
	float:left;
	margin:0;
	padding:0;
	width:auto;
	}
	
.right{
	float: right;
	width:auto;
	margin:0;
	}
	
.floatright{
	float: right;
	width:auto;
	margin:10px 0 10px 10px;
	}

#topnav,#botnav{
	float: right;
	text-align: left;
	width:auto;
	padding:5px 5px 5px 10px;
	color: #069;
	border:0;
	border:1px #ccc solid;
	margin:4px 0 0 0;
	background:#ffffe6;
	}

#content ul, div#intro ul{
	margin: 4px 0 5px 0;
	padding: 0;
	list-style: none;
	}
#content li{
	text-align:left;
		color: #069;
	margin: 0 0 .2em 0;
	padding: 0 0 0 10px;
	line-height: 1.25em;
	background: url(05harmonynim/liredot.gif) no-repeat 0 5px;
	}


ol, ul, li {margin: 0; padding: 0;}
#topnav ul{
	margin: 4px 0 5px 0;
	padding: 0;
	list-style: none;
	}
#topnav ul li{color: #069;
	text-align:left;
	margin: 0 0 .2em 0;
	padding: 0 0 0 10px;
	line-height: 1.25em;
	background: url(05harmonynim/listred.gif) no-repeat 0 2px;
	}
#topnav li ul li{color: #069;
	text-align:left;
	margin: 0 0 0em 0;
	padding: 0 0 0 10px;
	line-height: 1.25em;
	background: url(05harmonynim/lilistred.gif) no-repeat 1px 2px;
	}
#topnav ul li a, #topnav li ul li a{
	background: transparent;
	color: #069;
	text-decoration:none;
	}
#topnav ul li a:visited,#topnav li ul li a:visited{
	text-decoration:none;
	background: transparent;
	color: #036;
	text-decoration:none;
	}
#topnav ul li a:hover,#topnav li ul li a:hover{
	text-decoration:none;
	background: transparent;
	color: #f30;
	text-decoration:none;
	background: url(05harmonynim/listunderline.gif) repeat 0px 1px;
	}
#topnav ul li a:active, #topnav li ul li a:active{
	text-decoration:none;
	background: transparent;color: #c00;
	text-decoration:none;
	}
	
#botnav ul{
	margin: 4px 0 5px 0;
	padding: 0;
	list-style: none;
	}
#botnav ul li{color: #069;
	text-align:left;
	margin: 0 0 .2em 0;
	padding: 0 0 0 10px;
	line-height: 1.25em;
	background: url(05harmonynim/listred.gif) no-repeat 0 2px;
	}
#botnav li ul li{color: #069;
	text-align:left;
	margin: 0 0 0em 0;
	padding: 0 0 0 10px;
	line-height: 1.25em;
	background: url(05harmonynim/lilistred.gif) no-repeat 1px 2px;
	}
#botnav ul li a, #botnav li ul li a{
	background: transparent;
	color: #069;
	text-decoration:none;
	}
#botnav ul li a:visited,#botnav li ul li a:visited{
	text-decoration:none;
	background: transparent;
	color: #036;
	text-decoration:none;
	}
#botnav ul li a:hover,#botnav li ul li a:hover{
	text-decoration:none;
	background: transparent;
	color: #f30;
	text-decoration:none;
	background: url(05harmonynim/listunderline.gif) repeat 0px 1px;
	}
#botnav ul li a:active, #botnav li ul li a:active{
	text-decoration:none;
	background: transparent;
	color: #c00;
	text-decoration:none;
	}
	
body#introduction ul li#int a,body#introduction ul li#intr a,
body#plato li#pla a,body#plato li#plat a,
body#pythagoras li#pyt a,body#pythagoras li#pyth a,
body#alberti li#alb a,body#alberti li#albe a,
body#proportion li#pro a,body#proportion li#prop a,
body#arithmetic li#ari a,body#arithmetic li#arit a,
body#geometric li#geo a,body#geometric li#geom a,
body#harmonic li#har a,body#harmonic li#harm a,
body#squareroot li#sum a,body#squareroot li#summ a{
	color: #036;
	background:none;
	font-weight: bold;
	text-decoration: none;
	}

.blueredlinks p{
color:#069;font-size:1em;font-weight:bold;padding:0 0 0 0;margin: 0 0 0 0px;}
.blueredlinks p a{color:#06c;text-decoration:none;}
.blueredlinks p a:hover{color:#f30;}



h1{font-size: 180%;font-weight: normal;line-height:26px;background:transparent;}
h2{font-size: 160%;font-weight: normal; margin:10px 0 5px 0; background:transparent;}
h3{font-size: 140%;font-weight: normal; margin:8px 0 3px 0; background:transparent;}
h4{font-size: 120%;font-weight: normal; margin:8px 0 3px 0; background:transparent;}
h5{font-size: 100%;font-weight: normal; margin:8px 0 3px 0; background:transparent;}
h6{font-size: 85%;font-weight: normal; margin:8px 0 2px 0; background:transparent;}


h1,h2,h3,h4,h5{
color:#c00;
}
.pagetitle{
	color:#069;
	clear:both;
	}
div#content p{
	text-indent: 0;
	color: #036;
	margin-top:0;
	margin-bottom : 0px;
	background:transparent;
	}
div#content p+p{
	text-indent: 1em;
	margin-top: 0px;
	margin-bottom : 0px;
	background:transparent;
	}
div#footer p{
	color:#06c;
	font-size:90%;
	margin:0;
	padding:0;
	background:transparent;
	}

span.reditalic, p.reditalic{
	color: #c00;
	font-style: italic;
	}
blockquote{
font-style:italic;
	color: #069;
	padding:0em;
	margin-top:10px;
/*	border:1px #ccc solid;*/
}
div.adgap{margin-top:15px;margin-bottom:20px;border:1px solid #ccc;width:210px;}