#heading
{position: fixed;
top: 0px;
left: 0px;
background-color: #ffffff;
width: 100%;
height: 70px}

div#heading h1
{margin-left: .75cm}

h1
{color: #998866;
text-align: left;
margin-left: -2.25cm;
font-family: "comic sans ms", arial, sans-serif}

h2,h3,h5,h6
{color: #cc88ff}

p
{color: #111111;
font-family: times, serif;
font-size: 100%;
text-indent: .5cm;
margin-right: 1cm}

p.large
{font-family: "comic sans ms", arial, sans-serif;
font-size: 110%;
margin-top: 10px;
margin-bottom: 0px}

p.small
{color: #333022;
font-size: 80%;
margin-top: 1px;
margin-bottom: 10px}

p.nav
{color: #333022;
font-size: 80%;
margin-top: 1px;
margin-bottom: 1px}

p.margin {margin-left: 1.5cm;
margin-right: 1.5cm}

span.alert
{color: #800000;
background: #fff59d;
font-size: 80%}

img.rborder
{vertical-align:text-top}

a:link {color:#776644}
a:visited {color:#444433}
a:hover {background-color:#ffffff}

.center {text-align: center}

body
{background-color: #ffffff;
color: #111111;
background-repeat: no-repeat;
background-attachment: fixed;
margin-left: 3.25cm;
margin-top: 80px;
/*background-image: url('../backgrounds/bgmainpage-winter.jpg');*/
background-image: url('../backgrounds/bgmainpage-summer.jpg');}

#main
{position: absolute;
top: 80px;
width: auto;
height: auto;}

#left
{position: absolute;
left: auto;
top: auto;
width: 70%;}

#right
{position: absolute;
width: 40%;
left: 50%;
top: auto;}

#lib
{position: relative;
text-align: right;
float: right;
width: 30%}

#shop
{position; absolute;
right: 0;
float: right;
top: auto;
padding: .5em;
border-left: thin groove;}

#navtop
{position: relative;
text-align: right;
float: right;
width: 25%}

#navend
{position: relative;
text-align: right;
float: right;
top: auto;
width: 30%}

#bottom {position: absolute;
		right: auto;
		top: auto;
		width: auto;}

p.menu {
font-family: inherit;
font-size: inherit;
margin: 0;
padding: 0;
line-height: 100%;
text-indent: 0;}	

ul.navigation { font-family: "comic sans ms", arial, sans-serif;
				font-size: 110%;
				display: block;
				position: absolute;
				top: auto;
				left: auto;
				margin-left: 0;
				z-index: 1;
				width: 100%;}

/*ul.navigation a span*/
p.menu span {display: none;}

li.top {height: 4em;
		width: 90%;
		margin-left: 0;
		text-indent: 0;
		list-style-image: url("../graphics/greyprotrudingmetallic20.png");}

li.top:hover {list-style-image: url("../graphics/purpleprotrudingmetallic20.png");}

li.next { height: 1.5em;
			width: auto;
			list-style-image: none;}

/*ul.navigation a:hover span*/
p.menu:hover > span {display: block;
							position: absolute;
							top: 0;
							right: 0;
							width: 50%;
							padding: 5px;
							margin: 10px;
							z-index: 3;
							color: #111111;
							background: white;
							font-size: 80%;
							font-family: times, serif;
							text-align: left;
							text-decoration: none;}
							
ul li {	position: relative;
		list-style-type: none;}
li ul { display: none;}
li:hover > ul { display: block;
				position: absolute;
				top: 0;
				left: 4em;
				height: auto;
				width: 90%;
				z-index: 2;}
				
/*Borrowed code
ul {padding: 0;
	margin: 0;
	border-bottom: 1px solid silver;
	font: 1em sans-serif;
	width: 6em;}
ul li {list-style-type: none;
  		border: 1px solid silver;
  		border-width: 1px 1px 0 3px;
  		position: relative;
  		margin: 0; padding: 0;}
ul ul {display: none;}
ul li:hover > ul {display: block;
					position: absolute;
					top: -1px;
					left: 100%;}
li a {display: block;
		padding: 5px 7px;
		text-decoration: none;
		background: #FFF;}
ul#topmenu li a:hover {background: yellow;}
li.sub > a {font-weight: bold; background: #FFE;}*/