body {
font-family : sans-serif;
background : #ffffff ;
padding : 0.5%;
margin : 0.5%;
color : #3c5385;
max-width: 60em;
margin-left:auto;
margin-right:auto;
}
h1 {
font-size : 220%;
color : #3c5385;
margin : 5%0%0%0%;
padding : 0.5%;
text-align : left;
}
h2 {
font-size : 180%;
padding : 0.5% 0% 0% 0.5%;
margin : 4% 0% 0% 0.5%;
line-height : 120%;
color : #3c5385;

}
h3 { font-size: 130%; margin: 4%0.5%0%0.5%; padding: 1%0.5%0%0.5%; color : #3c5385;}
h4 { font-size: 120%; margin: 4%0.5%0%0.5%; padding: 1%0.5%0%0.5%; color : #3c5385;}
h5 { font-size: 100%; margin: 4%0.5%0%0.5%; padding: 1%0.5%0%0.5%; color : #3c5385;}
em { font-weight: bold; }
a:link {  color: #3c5385; padding: 0.1%; }
a:visited { color: #000000;  padding: 0.1%; }
a:hover {font-weight: bold; padding: 0.1%; }
p { text-decoration: none;  padding: 0.5%; margin: 0.5%; }
li { text-decoration: none;  padding: 0.5%; margin: 0.5%0.5%0.5%1.5%; }
.footer  {  clear: both;  text-decoration: none; text-align: center; background: #cccccc;  }
.head { float: none; width: 100%; margin: 0%; padding: 1%;  color: #626e60; background: #cccccc; font-weight: bold;}
.right { float: right; width: 20%; margin: 0.5%; padding: 0.5%; background: white; }
.add-right-160 { float:right; width: 160px; clear: right;}
.right-gray {text-align: center; float: right; width: 15%; margin: 1%; padding: 0.5%; background: #E6E6FA; }
.image-right {float: right; padding: 0.1%; margin: 1%; }
.image-left {float: left; padding: 0.1%; margin: 1%; text-align: left; } 
.box-left {width:30%; float: left; padding: 0.5%; margin: 0.5%;  } 
.box-right {width:30%; float: right; padding: 0.5%; margin: 0.5%; } 
.left {float: left; padding: 0.5%; margin: 0.5%; width: 50%; } 
.portrait {float: left; padding: 0%0.5%1%0%; margin: 0%; text-align: left;}
.image-menu {float: left; padding: 0.5%; margin: 0%; text-align: left;}
table {  padding: 0.5%; margin: 1%; background: #626e60;  }
td { background: #ffffff; padding: 1%; margin: 1%;}
.advert { float: right; width: 150px; margin: 0.5%; padding: 0%; background: white; }
.menu-ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #cccccc;
border-top: solid;
border-right: none;
border-left: none;
border-bottom: none;
clear: left;
}

.menu-li {
    float: left;
}

.menu-li a, .dropbtn {
    display: inline-block;
    color: #dce7d0;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.menu-li a:hover, .dropdown:hover .dropbtn {
    background-color: #cccccc;
    color : #3c5385;
}

.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #cccccc;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: +1;
}

.dropdown-content a {
    color: #3c5385;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}
.itgovernance-ad {
margin : 0%0%1%1%;
padding : 0.5%;
text-align : center;
float : right;
width : 300px;
font-size : 90%;
clear : right;
background: #ffffff;
    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.2);
}
.left-menu a {
    display: inline-block;
    padding: 11px 13px;
text-align: left;
}

.left-menu a:hover {
text-decoration :none;
}
.left-menu {
    text-align: left;
float : left;
margin : 0%2%0%0%;
padding : 0%;
width : 140px;
clear : left;

    box-shadow: 0px 8px 13px 0px rgba(0,0,0,0.2);
}
nav ul ol {
display : none;
font-weight : normal;
color : #3c5385;
background: #cccccc;
}
nav ul li:hover > ol {
display : block;
text-align : center;
}
nav ul {
display : inline-table;
list-style-type : none;

}
nav ul:after {
content : "";
clear : both;
display : block;
}
nav ul ol li:hover {
color: #101d3d;
}


ol.menubutton {
list-style-type : none;
padding :1%;
text-align : left;
position : absolute;
z-index : 1;
background : #cccccc;
color: #3c5385;
}

.button {
float : none;
padding : 0.5%;
vertical-align : middle;
background : #ffffff;
color: #3c5385;
}

.menubutton a:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.menubutton a:link {
text-decoration : none;
}

.menubutton li {
border : 0.5em;
text-align : left;
text-decoration : none;
padding: 2%;
}

.leftmenu {
width : 20%;
float : left;
color: #3c5385;
font-weight: bold;
margin: 0%0%1%0%;
}

.rightmenu {
width :20%;
float : right;
color: #3c5385;
font-weight: bold;
margin: 0%0%1%0%;
}
.right-300 {
margin : 0.5%;
padding : 0%;
text-align : left;
float : right;
width : 300px;
}
.right-200 {
margin : 0.5%;
padding : 0%;
text-align : left;
float : right;
width : 300px;
}
.right-400 {
margin : 0.5%;
padding : 0%;
text-align : left;
float : right;
width : 400px;
}