/*Retinus Page Styles*/
/* hide from IE mac \*/ 
body { 
 background-image: url(images/page_bottom.jpg); 
 background-repeat: no-repeat; 
 background-position: left bottom; 
 } 
/* end hiding from IE5 mac */ 

body { 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 100%; 
 color: #333333; 
 background-color: #FFFFFF; 
 margin: 0; 
 padding: 0; 
 min-width: 770px; 
 } 
#masthead { 
background-image: url(images/masthead_bg.gif); 
} 
#logodiv { 
 width: 770px; 
 height: 100px; 
 }  
/* hide from IE mac \*/ 
#logodiv img {float: left;} 
/* end hiding from IE5 mac */ 
#wrap_outer { 
 margin: 30px auto 0 auto; 
 padding: 0; 
 width: 770px; 
 background-image: url(images/wrapper.gif); 
 background-repeat: repeat-y; 
 } 
#wrap_inner { 
 background-image: url(images/sidebar_tile.jpg); 
 background-repeat: repeat-y; 
 background-position: right top; 
 } 
#nav_wrapper { 
 width: 90px; 
 float: left; 
 } 
#mainbox { 
 width: 488px; 
 float: left; 
 } 
#sidebox { 
 width: 192px; 
 float: left; 
 background-image: url(images/sidebar_top.jpg); 
 background-repeat: no-repeat; 
 position: relative; 
 top: -8px; 
 } 
.clearit { 
 clear: both; 
 height: 0; 
 line-height: 0.0; 
 font-size: 0; 
 } 
#nav_wrapper img {border: 0;} 
#nav_wrapper ul, #nav_wrapper li { 
 list-style-type: none; 
 margin: 0; 
 padding: 0; 
 } 
#nav_wrapper ul ul { 
 background-color: #FFFFFF; 
 border: 1px solid; 
 border-color: #FFFFFF #000000 #000000 #FFFFFFF; 
 padding: 2px 3px 3px 3px; 
 display:none; 
 } 
#nav_wrapper ul ul, #nav_wrapper ul ul li { 
 width: 12em; 
 } 
.p7exp_root { 
 filter: alpha(opacity=60); 
 opacity: 0.60; 
 }
#nav_wrapper a { 
 display: block; 
 text-decoration: none; 
 margin: 0 0 10px 0; 
 }
#nav_wrapper ul ul a { 
 padding: 4px 10px; 
 background-color: #666D9B; 
 color: #CCCCCC; 
 margin: 0; 
 border: 1px solid #666D9B; 
 font-size: 0.75em; 
 }
#nav_wrapper ul ul a:hover { 
 background-color: #525252; 
 color: #FFFFFF; 
 border-top-color: #333333; 
 border-bottom-color: #7D89B0; 
 } 
#nav_wrapper {position: relative;} 
#nav_wrapper ul li:hover ul, #nav_wrapper ul li.p7hvr ul { 
 display: block; 
 } 
.p7expsubmenus {
	position: absolute;
	left: 80px;
	visibility: hidden;
 } 
#p7exp_sub2 {top: 105px; z-index: 20000;} 
#p7exp_sub3 {top: 210px; z-index: 20000;} 
#nav_wrapper ul li:hover a, #nav_wrapper ul li.p7hvr a, 
 #nav_wrapper ul li a:focus, #nav_wrapper ul li a:active { 
 filter: alpha(opacity=100) !important; 
 opacity: 1.0; 
 } 
#maincontent { 
 font-size: 0.8em; 
 line-height: 1.75em; 
 padding: 0 24px 20px 32px; 
 } 
#sidecontent { 
 font-size: 0.75em; 
 line-height: 1.5em; 
 padding: 140px 30px 24px 24px; 
 } 
h1, h2, h3 { 
font-size: 1.5em; 
margin: 0; 
 } 
h2, h3 { 
margin: 30px 0 0 0; 
 }  
#sidecontent h3 { 
 font-size: 1.75em; 
 margin: 0 0 10px 0; 
 color: #000000; 
 font-weight: normal; 
 } 
p {margin: 12px 0;} 
#sidecontent #side_nav, #sidecontent #side_nav li { 
 margin: 0; 
 padding: 0; 
 list-style-type: none; 
 } 
#sidecontent #side_nav a { 
 font-size: 1.1em; 
 display: block; 
 background-color: #56628C; 
 color: #ECE9D8; 
 border: 1px solid; 
 border-color: #717DA8 #000000 #000000 #717DA8; 
 padding: 2px 6px; 
 filter: alpha(opacity=60); 
 opacity: 0.60; 
 text-decoration: none; 
 } 
#sidecontent #side_nav a:hover, #sidecontent #side_nav a:active, #sidecontent #side_nav a:focus { 
 background-color: #333333; 
 color: #FFFFFF; 
 border-color: #333333 #000000 #000000 #333333; 
 filter: alpha(opacity=75); 
 opacity: 0.75; 
 } 
#footer { 
 background-color: #000000; 
 color: #FFFFFF; 
 filter: alpha(opacity=70); 
 opacity: 0.70; 
 } 
#footerwrap {width: 770px;} 
#footercontent { 
 padding: 12px; 
 font-size: 0.7em; 
 } 
#maincontent a:link {color: #0000FF;} 
#maincontent a:visited {color: #993300;} 
#maincontent a:hover, #maincontent a:active, #maincontent a:focus { 
 background-color: #4A4A4A; 
 color: #CCCCCC; 
 text-decoration: none; 
 }
#sidecontent a:link {color: #FFFFFF;} 
#sidecontent a:visited {color: #DEDEDE;} 
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus { 
 color: #0000FF; 
 } 
#footercontent a:link {color: #FFFFFF;} 
#footercontent a:visited {color: #ABABAB;} 
#footercontent a:hover, #footercontent a:active, #footercontent a:focus {  color: #0099FF; } 
div {zoom: 100%;} 
#p7menubar a, #side_nav a {height: 1%;} 
#wrap_inner, #nav_wrapper, #footer { 
 height: 1%; 
} 
#nav_wrapper ul li { 
 float: left;  
 clear: both; 
} 
body { 
 text-align: center; 
} 
 #masthead, #wrap_outer, #footer { 
 text-align: left; 
} 
<script type="text/javascript" src="p7exp.js"></script> 
    <body onload="P7_ExpMenu()"> 
	
