#mainContainer{
width:760px;
margin:0 auto;
text-align:left;
background-color:#FFFFFF;
height:500px;
}
#leftContainer{
width:160px;
float:right;
padding-left:5px;
padding-right:5px;
height:270px;
}
#contentContainer{
width:580px;
float:left;
padding-left:10px;
}
.ad{
clear:both;
text-align:center;
padding:5px;
}
/* END DEMO CSS */
#dhtmlgoodies_menu{
font-size:12px;
width:150px; /* Width of main menu */
}
#dhtmlgoodies_menu li{ /* Main menu
*/
list-style-type:none; /* No bullets */
margin:0px; /* No margin - needed for Opera */
}
#dhtmlgoodies_menu ul li ul{ /* Styling for those who doesn't have javascript enabled - sub menu items*/
padding-left:10px;
}
#dhtmlgoodies_menu ul{
margin:0px; /* No air */
padding:0px; /* No air */
}
#dhtmlgoodies_menu li a{ /* Main menu links */
text-decoration:none; /* No underline */
color:#ffffff; /* Black text color */
height:20px; /* 20 pixel height */
line-height:20px; /* 20 pixel height */
vertical-align:middle; /* Align text in the middle */
border:1px solid #000; /* Black border */
background-color:#3A71AE; /* Light blue background color */
margin:1px; /* A little bit of air */
padding:1px; /* Air between border and text inside */
display:block;
}
#dhtmlgoodies_menu li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
color:#660000;
background-color:#75ACEB;
}
.dhtmlgoodies_subMenu{
visibility:hidden;
position:absolute;
overflow:hidden;
border:1px solid #000;
background-color:#3A71AE;
text-align:right;
width:150px; /* Width of main submenu */
font-size:12px;
}
.dhtmlgoodies_subMenu ul{
margin:0px;
padding:0px;
}
.dhtmlgoodies_subMenu ul li{
list-style-type:none;
margin:0px;
padding:1px; /* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
}
.dhtmlgoodies_subMenu ul li a{ /* Sub menu items */
white-space:nowrap; /* No line break */
text-decoration:none; /* No underline */
color:#ffffff; /* Black text color */
height:16px; /* 16 pixels height */
line-height:16px; /* 16 pixels height */
padding:1px; /* 1px of "air" inside */
display:block; /* Display as block - you shouldn't change this */
}
.dhtmlgoodies_subMenu ul li a:hover{ /* Sub menu items - mouse over effects */
color:#660000; /* White text */
background-color:#75ACEB; /* Blue background */
}