<style type="text/css"> 
#info {padding-bottom:20px;}
 
/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_flash.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
body {background: rgb(0,0,0);}
.headline {clear:left; padding-top:0px;}
.menu {
position:fixed;
top:150px;
left:0px;
z-index:10;
float:left;
height:900px;
background:url("images/side_menu.jpg");
background-repeat:no-repeat;
/* opacity:0.5; */
margin-left:0px; display:inline;
}
.menu h1 {color:#000; font-size:50px; font-family:serif; width:150px; text-align:center;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:160px;
position:relative;
background:url(trans.gif);
}
 
.menu li {
background:url(images/button_1.png); position:relative; white-space:nowrap;
height:30px;
}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}
 
/* style the links */
.menu a, .menu a:visited {
color:#f0f;
font-family:times, verdana, arial, sans-serif;
font-size:13px;
display:block; 
text-decoration:none;
height:30px;
line-height:30px;
width:150px;
color:#ddd;
background:transparent;
text-align:center;
}
/* style the link hover */
* html .menu a:hover {background: url(images/button_2.png); position:relative; white-space:nowrap;}
 
.menu li:hover {position:relative;}
.menu :hover > a {
color:#fff; background: url(images/button_2.png);
}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:150px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
.style1 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; }
.style2 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
.style3 {font-family: Arial, sans-serif, Geneva; font-size: 12px; }
.style4 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
.style9 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-style: italic;}
#banner1 {float:left;}
#banner2 {float:left;}
#banner3 {width:500px; height:500px; background:#000; float:left;}
#content {background: transparent; z-index:8; position:absolute; top: 0px; left: 0px; padding-top:160px; padding-left:190px; padding-right:30px; width:680px; }
#content2 {background: url(images/paperbg.jpg); z-index:7; position:fixed; height:110%; top: 0px; left: 0px; padding-top:160px; padding-left:190px; padding-right:30px; width:680px; }
#bottom {background: url(images/bottom_menu.png); z-index:9; position:fixed; bottom: 0px; left: 0px; width:900px; height:32px;}