body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	background-color: #99CCCC;
	background-image: url(assets/tile_bg_leo1.gif);
}
#index {
	background-image: url(assets/leonardo_head_body.jpg);
	text-align: right;
	border: medium dotted #006633;
	width: 607px;
	visibility: visible;
}
/*
#index seems only to apply to index page - can't remember why ....  but should not affect the overflow on other pages as index is indeed a fixed height ...  I will remove (below) the height value of #most, whcich if i remember or guess correctly, applies to most of the pages!
*/
#most {
	background-image: url(assets/tile_bg_leo1.gif);
	text-align: left;
	border: medium dotted #006633;
	width: 607px;
	font-size: 1em;
	margin: 1em;
	padding: 1em;
	visibility: visible;



}
h4 {
	font-size: 1.2em;
	font-weight: bold;
	font-variant: normal;
	color: #006699;
	}
span.big {
	font-size: 1.2em;
	font-weight: bold;
	font-variant: normal;
	color: #006699;
	}
.boxes {
	font-size: 0.8em;
	color: #003333;
	background-color: #33CCCC;
	background-image: url(assets/tile_bg_leo1.gif);
	text-align: left;
	margin: 1em;
	padding: 1em;
	border-top: 1px dotted #006600;
	border-right: 1px dotted #006600;
	border-bottom: 1px dotted #009999;
	border-left: 1px dotted #009999;
}
.special {
	font-size: 1em;
	background-image: url(assets/tile_bg_leo1.gif);
	text-align: center;
	width: 300px;
	margin: 1em 2em 2em 1em;
	padding: 1em;
	border-top: 2px dotted #060;
	border-right: 2px dotted #006600;;
	border-bottom: 2px dotted #009999;
	border-left: 2px dotted #009999;
	float: left;
	}
.quotn {
	font-size: 90%;
	font-style: italic;
	color: #660000;
	padding: 10px;
	line-height: 1.3em;
	text-align: justify;
	margin: 10px 25px;
}
.freefloat {
	color: #660000;
	margin: 2px -100px 2px 2px;
	padding: 1.5em;
	float: right;
	border: 5px groove #660000;
	
	width: 400px;
	visibility: visible;
}
/*
freefloat was floating right out of the box - so i have deleted  position: relative; 
*/

/*
below is taken directly from alice-web nav system.  Adapted according to colour and specific needs ....)
may not need the sidebar and some other elements .and the bg images (deleted for now) if I make a bg image based on the leonardo or a hypermedia-specific one, are DOCUMENT RELATIVE right now, will have to change for upload.
may also need to import the saved search to alter that .*/
#sidebar {
	font-size: 75%;
	padding: 0px 00px 24px 16px;
}
p.navbuts {
	font-size: 130%;
	margin: 0px 1.5em 2em 0px;
}
p.navbuts a {
	text-decoration: none;
	background-repeat: no-repeat;
	display: inline;
	border-top: 1px solid #EEEEEE;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #EEEEEE;
	padding: 3px 0px 3px 12px;
	color: #660033;
}
p.navbuts a:hover, p.navbuts a:active {
	color: #FFFFFF;
	background-image:  url(assets/tile_bg_leo1.gif);
	background-repeat: repeat;
}
li {
	margin-bottom: 1.2em;
	margin-right: 5em;
	text-align: justify;

}
img {
	margin: 2em;
}