/* Begining of DHTML work for menus
/*
General styles for this example page */
html{
height:100%;
}
body{
font-family: Georgia, Arial, Helvetica, sans-serif;
/*Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/
font-size:0.8em;
margin:0px;
padding:0px;
text-align:center;
background-color:#E2EBED;
height:100%;
}
p{
font: small serif;
margin-top: 5px;
margin-bottom: 10px;
}
#mainContainer{
width:760px;
margin:0 auto;
text-align:left;
background-color: #FFF;
padding-left:16px;
padding-right:16px;
padding-bottom:20px;
}
#dhtmlgoodies_menu img{
border:0px;
}
/* End general styles for this example page */
/* General configuration CSS */
#dhtmlgoodies_menu ul li ul{
display:none; /* Needed to display ok in Opera */
}
#dhtmlgoodies_menu{
visibility:hidden;
}
#dhtmlgoodies_menu ul{
margin:0px; /* No indent */
padding:0px; /* No indent */
}
#dhtmlgoodies_menu li{
list-style-type:none; /* No bullets */
}
#dhtmlgoodies_menu a{
margin:0px;
padding:0px;
}
/* End general configuration CSS */
/* Cosmetic */
/***********************************************************************
CSS - MENU BLOCKS
General rules for all menu blocks (group of sub items)
***********************************************************************/
#dhtmlgoodies_menu ul{
border:1px solid #000;
background-color:#FFF; /* DON'T THINK WE USE THIS */
padding:1px;
}
#dhtmlgoodies_menu ul.menuBlock1{ /* Menu bar - main menu items */
border:0px;
padding:1px;
border:1px solid #317082; /* BORDER COLOR FOR THE WHOLE MENU BAR was: 317082 */
background-color:#E2EBED; /* BACKGROUND COLOR FOR THE WHOLE MENU BAR was: E2EBED */
overflow:visible;
}
#dhtmlgoodies_menu ul.menuBlock2{ /* Menu bar - main menu items */
border:0px;
padding:1px; /* DON'T THINK WE USE THIS */
border:1px solid #555;
}
/***********************************************************************
CSS - MENU ITEMS
Here, you could assign rules to the menu items at different depths.
***********************************************************************/
/* General rules for all menu items */
#dhtmlgoodies_menu a{ /* FONT FOR MAIN AND SUB-MENU ITEMS AT REST, I.E., WITHOUT HOVER*/
color: #000; /* COLOR WAS : 000 */
text-decoration:none;
padding-left:2px;
padding-right:2px;
}
/*
Main menu items
*/
#dhtmlgoodies_menu .currentDepth1{
padding-left:5px;
padding-right:5px;
border:1px solid #E2EBED; /* BORDER OF MAIN MENU ITEMS AT REST; MIGHT WANT THIS TO MATCH MAIN MENU BAR BACKGROUND was : e2ebed */
}
#dhtmlgoodies_menu .currentDepth1over{
padding-left:5px;
padding-right:5px;
background-color:#317082; /* highlight color of the main menu item on hover; was : 317082 */
border:1px solid #000; /* border color of main menu item on hover; was : 000 */
}
#dhtmlgoodies_menu .currentDepth1 a{
font-weight:bold; /* MAIN MENU FONT AT REST INITIALLY ONLY HAD FONT-WEIGTH ATTRIBUTE*/
/* color:#C0C0C0 */
}
#dhtmlgoodies_menu .currentDepth1over a{ /* Text rules */
color:#FFF; /* MAIN MENU FONT ON HOVER WAS: FFF */
font-weight:bold;
}
/* Sub menu depth 1 */
#dhtmlgoodies_menu .currentDepth2{
padding-right:2px;
border:1px solid #FFF; /* BORDER COLOR OF AT REST SUB ITEMS WAS: FFF */
text-align:left
}
#dhtmlgoodies_menu .currentDepth2over{ /* MENU SUB ITEM ON HOVER */
padding-right:2px;
background-color:#E2EBED; /* SUB ITEM BACKGROUND COLOR ON HOVER WAS: E2EBED */
border:1px solid #000; /* SUB ITEM BORDER COLOR ON HOVER WAS: 000 */
text-align:left
}
#dhtmlgoodies_menu .currentDepth2over a{ /* Text rules */
color:#000; /* SUB ITEM FONT COLOR ON HOVER WAS: 000 */
}
/* Sub menu depth 2 ************************************************************************* */
#dhtmlgoodies_menu .currentDepth3{
padding-right:2px; /* I THINK THIS IS FOR SUB-SUB MENU, WHICH WE DON'T CURRENTLY USE */
border:1px solid #FFF;
}
#dhtmlgoodies_menu .currentDepth3over{
padding-right:2px;
background-color:#EDE3EB;
border:1px solid #000;
}
/* Sub menu depth 3 */
#dhtmlgoodies_menu .currentDepth4{ /* SAME AS ABOVE */
padding-right:2px;
border:1px solid #FFF;
}
#dhtmlgoodies_menu .currentDepth4over{
padding-right:2px;
background-color:#EBEDE3;
border:1px solid #000;
}
/* ************************************************************************************************ */