body {
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
/*Site specific*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-large;
font-weight: normal;
text-align: left;
background-color: #FFFFE5;
color: #000;
line-height: 50px
}
ol {
padding-left: 2em
}
.check {
vertical-align: middle
}
#framecontentLeft, #framecontentTop{
position: absolute; 
top: 1px; 
left: 0; 
width: 250px; /*Width of left frame div*/
height: 100%;
overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/
/*Site specific*/
background-color: #FFFFE5;
color: #000;
line-height: 22px
}
#framecontentTop{ 
left: 250px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: auto;
height: 90px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
/*Site specific*/
background-color: #FFFFE5;
color: #000;
line-height: 22px;
text-align: center;
font-size: 24px
}
#maincontent{
position: fixed; 
left: 250px; /*Set left value to WidthOfLeftFrameDiv*/
top: 90px; /*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
/*Site specific*/
background-color: #FFFFE5
}
.innertube{
margin: 10px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}
#content {
position: absolute;
padding: 0 10px 10px 0;
width: 720px; /*Width of scrolling text*/
max-width: 720px;
line-height: 50px;
font-size: 0.8em; /*Size of scrolling text*/
margin-top: 5px
}
* html body{ /*IE6 hack*/
padding: 90px 0 0 250px /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}
* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100% 
}
* html #framecontentTop{ /*IE6 hack*/
width: 100%
}
a:link			
{
color: #0000CC; 
text-decoration: underline
}
a:visited		
{
color: #551A8B;
text-decoration: underline
}
a:hover			
{
color: #FF0000;
text-decoration: none
}
a:active		
{
color: #FF0000;
text-decoration: none;
outline: none
}
h1
{
font-size: 200%;
color: #000;
font-weight: bold;
text-decoration: none;
margin-top: 15px;
margin-bottom: 10px
}
h2
{
font-size: 150%;
color: #000;
margin-top: 40px;
margin-bottom: 40px
}
h3
{
font-size: 120%;
color: #000;
margin-top: 40px;
margin-bottom: 40px
}
.small
{
font-size: 70%
}
img.left 
{
float: left; 
margin-right: 10px;
margin-top: 10px
}
img.right 
{
float: right;
margin-left: 10px;
padding-right: 10px
}
.sound
{
vertical-align: 0;
padding-left: 10px;
padding-right: 10px;
margin: 0
} 
.nav 
{
border: 0;
padding: 0;
text-align: center;
font-size: 70%
}
ul 
{
list-style: none;
margin: 0;
padding: 0
}
img 
{
border: none
} 
#menu
{
width: 200px;
margin: 5px;
font-size: medium;
font-weight: bold
}
#menu li a 
{
height: 32px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 24px;
text-decoration: none;
font-size: 85%;
margin: 1px 0 1px 0
}
#menu li a:active
{
color: #333;
margin: 1px 0 1px 0
}
#menu li a:link, #menu li a:visited 
{
color: #333;
display: block;
background: url(http://serene.me.uk/info/graphics/menu.gif);
padding: 8px 0 0 10px;
margin: 1px 0 1px 0
}
#menu li a:hover 
{
color: #FFFFFE;
background: url(http://serene.me.uk/info/graphics/menu.gif) 0 -32px;
padding: 8px 0 0 10px;
margin: 1px 0 1px 0
}
.cap
{
float: left;
color: #000;
font-size: 125px; 
line-height: 90px;
padding-top: 6px;
padding-right: 2px;
font-family: Georgia, 'Times New Roman', Times, serif;
}
.menutitle
{
font-size: 0.9em;
text-align: center
}