.ddsmoothmenu-v ul{
margin: 0;
padding: 0;
width: 190px; /* Main Menu Item widths */
list-style-type: none;
font: bold 11px Tahoma;

border-bottom: 1px solid #fff;
}
 
.ddsmoothmenu-v ul li{
position: relative;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #3945D5;
text-decoration: none;
padding: 4px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background: white; /*background of menu items (default state)*/
color: #3945D5;
}


.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #3945D5; 
color: white;
}

.ddsmoothmenu-v ul li a:hover{
background: #3945D5; /*background of menu items during onmouseover (hover state)*/
color: white;
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 220px; /*Sub Menu Items width */
top: 0;
font-weight: bold;
font-size: xx-small;
visibility: hidden;
}

 
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 3px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: #e8e8e8;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

.ddsmoothmenu-v2 ul{
margin: 0;
padding: 0;
width: 190px; /* Main Menu Item widths */
list-style-type: none;
font: bold 11px Tahoma;

border-bottom: 1px solid #fff;
}
 
.ddsmoothmenu-v2 ul li{
position: relative;
}

/* Top level menu links style */
.ddsmoothmenu-v2 ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #3945D5;
text-decoration: none;
padding: 4px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.ddsmoothmenu-v2 ul li a:link, .ddsmoothmenu-v2 ul li a:visited, .ddsmoothmenu-v2 ul li a:active{
background: white; /*background of menu items (default state)*/
color: #3945D5;
}


.ddsmoothmenu-v2 ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #3945D5; 
color: white;
}

.ddsmoothmenu-v2 ul li a:hover{
background: #3945D5; /*background of menu items during onmouseover (hover state)*/
color: white;
}

/*Sub level menu items */
.ddsmoothmenu-v2 ul li ul{
position: absolute;
width: 300px; /*Sub Menu Items width */
top: 0;
font-weight: bold;
font-size: xx-small;
visibility: hidden;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu-v2 ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v2 ul li a { height: 1%; }
/* End */
div.content {
	width: 100%;
    border: #3945D5 solid 1px;
    clear: left;
    padding: 1em;
}

/*tabs in most read infobox on main page */

div.content.inactive {
	display: none;
}

ol#toc {
    height: 0em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc a {
    background: #3945D5 url(tabs.jpg);
    color: #fff;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #3945D5;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
    color: #fff;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 11px;
}

ol#toc li a.active {
    background-color: #3945D5;
    background-position: 0 -60px;
    color: #ffffff;
    font-weight: bold;
    font-family: Tahoma;

}

ol#toc li a.active span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(tabs.jpg) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}
H1 {font-family: Tahoma; font-size: 14pt; color: black; text-align:left; margin-bottom: 0}
H2 {font-family: Tahoma; font-size: 12pt; font-weight:bold; color: white; text-align:center; margin-bottom: 0}
H3 {font-family: Tahoma; font-size: 10pt; font-weight:bold; color: white; text-align:center; margin-bottom: 0}
body {
scrollbar-face-color:       #3945D5;
scrollbar-shadow-color:     #000080;
scrollbar-highlight-color:  #5E86FF;
scrollbar-3dlight-color:    #5E86FF;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color:      #FFFFFF;
scrollbar-arrow-color:      #FFFFFF;
color:                      #000000;
}
<!--
A:visited {text-decoration: none;}
A:hover {text-decoration: underline; color: #dd0604}
A:link {text-decoration: none;}
A:active {text-decoration: none;}
-->
