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: medium;
font-weight: normal;
text-align: left;
color: #404040;
line-height: 22px;
background-image: url(http://serene.me.uk/info/graphics/corner_faint.jpg);
background-position: bottom left;
background-repeat: no-repeat;
background-attachment: fixed
}
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*/
color: #404040;
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*/
color: #404040;
line-height: 22px;
text-align: center
}
#maincontent{
position: fixed; 
left: 250px; /*Set left value to WidthOfLeftFrameDiv*/
top: 90px; /*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 0;
overflow: auto
}
.innertube{
margin: 10px /*Margins for inner DIV inside each DIV (to provide padding)*/
}
#content {
position: absolute;
padding: 0 10px 0 10px;
width: 720px; /*Width of scrolling text*/
max-width: 720px;
line-height: 25px;
font-size: 0.9em; /*Size of scrolling text*/
margin-top: 0
}
* 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: #800080;
text-decoration: underline
}
a:hover			
{
color: #FF0000;
text-decoration: none
}
a:active		
{
color: #FF0000;
text-decoration: none;
outline: none
}
h1
{
font-size: 200%;
color: #666;
font-weight: bold;
text-decoration: none;
margin-top: 10px;
margin-bottom: 10px
}
h2
{
font-size: 150%;
color: #666;
margin-top: 10px;
margin-bottom: 10px
}
h3
{
font-size: 120%;
color: #666;
margin-top: 10px;
margin-bottom: 10px
}
.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: normal
}
#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: #666;
font-size: 54px; 
line-height: 50px;
padding-top: 0;
padding-right: 1px;
font-family: Georgia, 'Times New Roman', Times, serif
}
.menutitle
{
font-size: 0.9em;
text-align: center
}