/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements. 
=================================================================== */
div .nav
{ 
url(http://www.yourworkplace.ca/multimedia/conference/10/DropDown/three_0.gif); background-repeat: x;
}
.preload1 {
background: url(http://www.yourworkplace.ca/multimedia/conference/10/DropDown/three_1.gif);
}
.preload2 {
background: url(http://www.yourworkplace.ca/multimedia/conference/10/DropDown/three_1a.gif);
}
#nav {
padding:0; margin: 0; list-style:none; background:#fff url(http://www.yourworkplace.ca/multimedia/conference/10/DropDown/three_0.gif) repeat-x; width:100% !important; position:relative; z-index:500; font-family:arial, verdana, sans-serif; 
}
#nav li.top {
display:block; float:left; height:38px;
}
#nav li a.top_link {
display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 4px; cursor:pointer;background: url(http://www.yourworkplace.ca/multimedia/conference/10/DropDown/three_0.gif);
}
#nav li a.top_link span {
float:left; display:block; padding:0 10px 0 4px; height:35px; background: url(http://www.yourworkplace.ca/multimedia/conference/10/DropDown/three_0.gif) right top no-repeat;
}
#nav li a.top_link span.down {
float:left; display:block; padding:0 24px 0 4px; height:35px; background: url(http://www.yourworkplace.ca/multimedia/conference/10/DropDown/three_0a.gif) no-repeat right top;
}
#nav li a.top_link span.home {
float:left; display:block; padding:0 15px 0 4px; height:35px; background: url(http://www.yourworkplace.ca/multimedia/conference/10/DropDown/three_0.gif) right top no-repeat;
}
#nav li a.top_link span.contact {
float:left; display:block; padding:0 20px 0 4px; height:35px; background: url(http://www.yourworkplace.ca/multimedia/conference/10/DropDown/three_0.gif) right top no-repeat;
}
#nav li a.top_link span.sponsors {
float:left; display:block; padding:0 10px 0 4px; height:35px; background: url(http://www.yourworkplace.ca/multimedia/conference/10/DropDown/three_0.gif) right top no-repeat;
}
#nav li:hover a.top_link {
color:#fff; background: url(http://www.yourworkplace.ca/multimedia/conference/10/DropDown/three_1.gif) no-repeat;
}
#nav li:hover a.top_link span {
background:url(http://www.yourworkplace.ca/multimedia/conference/10/DropDown/three_1.gif) no-repeat right top;
}
#nav li:hover a.top_link span.down {
background:url(http://www.yourworkplace.ca/multimedia/conference/10/DropDown/three_1a.gif) no-repeat right top;
}
/* Default list styling */
#nav li:hover {
position:relative; z-index:200;
}
#nav li:hover ul.sub {
left:1px; top:38px; background: #95eb65; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:210px; height:auto; z-index:300; text-align: left;
}
#nav li:hover ul.sub li {
display:block; height:20px; position:relative; float:left; width:130px; font-weight:normal;
}
#nav li:hover ul.sub li a {
display:block; font-size:11px; height:18px; width:190px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #95eb65;}
<!-- sessions & transportation-->
#nav li:hover ul.sessions {
left:1px; top:38px; background: #95eb65; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:240px; height:auto; z-index:300;
}
#nav li:hover ul.sessions li {
display:block; height:20px; position:relative; float:left; width:240px; font-weight:normal;
}
#nav li:hover ul.sessions li a {
display:block; font-size:11px; height:18px; width:240px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #95eb65;
}
#nav li ul.sub li a {
background:#95eb65; width: 190px; 
}
#nav li:hover ul.sub li a:hover {
background:#459915; 80px 6px no-repeat; color:#fff; width: 200px;
}
#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;
}
.breadcrumbs a { 
text-decoration: none; font: 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #D69F56; padding-top: 0; padding-right: 0;
}
.breadcrumbs a:visited { 
text-decoration: none; font: 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #D69F56; padding-left: 0; padding-right: 0;
}
.breadcrumbs a:hover { 
text-decoration: none; font: 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #D69F56; padding-left: 0; padding-right: 0;
}
.breadcrumbs a:active { 
text-decoration: none; font: 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #D69F56; padding-left: 0; padding-right: 0;
}
body 
{ 
margin-left: 15px; 
margin-top: 0px; 
margin-right: 5px; 
margin-bottom: 0px; 
background-color:#f5f5f5;
}
.mainleft
{ 
width:53px; 
height:100%; 
background-image: url("/multimedia/mainpage/left1.jpg"); 
background-repeat:repeat-y;  
}
.mainright
{
width:53px; 
height:100%; 
background-image: url("/multimedia/mainpage/right1.jpg"); 
background-repeat:repeat-y;  
}