body {
margin : 0;
padding : 0;
}
div#header h1 {
height : 80px;
line-height : 80px;
margin : 0;
padding-left : 10px;
background : url(images/real1.gif) #C1A319;
color : #880418;
text-shadow : 2px 2px 4px #000000;
}
#header h1, #header h2, #header p {
margin-left : 2%;
padding-right : 2%;
text-align : center;
}
#active2 #tab2, #active3 #tab3, #active4 #tab4, #active5 #tab5 {
font-weight : bold;
text-decoration : none;
color : #000;
}
#footer {
clear : both;
float : left;
width : 100%;
background : url(images/real1.gif) #C1A319;
color : #880418;
}
#footer p {
margin-left : 1%;
padding-right : 2%;
font-weight : bolder;
}
#container5 {
clear : left;
float : left;
width : 100%;
overflow : hidden;
background : url(images/real4.gif) #C1A319;
color : #880418;
border-top : 6px solid #002699;
border-bottom : 6px solid #002699;
}
#container4 {
clear : left;
float : left;
width : 100%;
position : relative;
right : 20%;
background : url(images/real6.gif) #C1A319;
color : #880418;
}
#container3 {
clear : left;
float : left;
width : 100%;
position : relative;
right : 20%;
background : url(images/real5.gif) #C1A319;
color : #880418;
}
#container2 {
clear : left;
float : left;
width : 100%;
position : relative;
right : 20%;
background : url(images/real5.gif) #C1A319;
color : #880418;
}
#container1 {
float : left;
width : 100%;
position : relative;
right : 20%;
background : url(images/real6.gif) #C1A319;
color : #880418;
}
#col1 {
float : left;
width : 16%;
position : relative;
left : 82%;
overflow : hidden;
}
#col2 {
float : left;
width : 16%;
position : relative;
left : 86%;
overflow : hidden;
}
#col3 {
float : left;
width : 16%;
position : relative;
left : 90%;
overflow : hidden;
}
#col4 {
float : left;
width : 16%;
position : relative;
left : 94%;
overflow : hidden;
}
#col5 {
float : left;
width : 16%;
position : relative;
left : 98%;
overflow : hidden;
}
em {
color : #00006E;
}
p {
font-family : "bookman old style", times, serif, "Verdana", sans-serif;
font-size : 12pt;
line-height : 0.9;
color : #005252;
font-weight : bolder;
padding-top : 0;
text-align : justify;
margin : 0 0 0;
font-weight : bold;
}
h2 {
font-family : "bookman old style", times, serif, "Verdana", sans-serif;
font-size : 14pt;
text-align : center;
line-height : 1.4;
color : #CE0000;
padding-top : 1em;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
h3 {
font-family : "bookman old style", times, serif, "Verdana", sans-serif;
font-size : 15pt;
line-height : 1.4;
color : #005252;
font-weight : bolder;
padding-top : 1em;
}
h4 {
font-family : "bookman old style", times, serif, "Verdana", sans-serif;
font-size : 8pt;
text-align : center;
line-height : 1.4;
color : #707095;
font-weight : bolder;
padding-top : 1em;
}
ul {
list-style-type : none;
margin : 0;
padding : 0;
overflow : hidden;
background-color : #862d59;
}
li {
float : left;
}
li a, .dropbtn {
display : inline-block;
color : #ffff00;
text-align : center;
padding : 14px 16px;
text-decoration : none;
font-weight : bolder;
text-shadow : 2px 2px 4px #000000;
}
li a:hover, .dropdown:hover .dropbtn {
background-color : #002699;
}
li.dropdown {
display : inline-block;
}
.dropdown-content {
display : none;
position : absolute;
background-color : #f9f9f9;
min-width : 160px;
box-shadow : 0 8px 16px 0 rgb(0, 0, 0, 0.2);
z-index : 1;
}
.dropdown-content a {
color : #520066;
padding : 12px 16px;
text-decoration-style : solid;
display : block;
text-align : left;
}
.dropdown-content a:hover {
background-color : #f1f1f1;
}
.dropdown:hover .dropdown-content {
display : block;
}
.tooltip {
position : relative;
display : inline-block;
}
.tooltip .tooltiptext {
visibility : hidden;
width : 120px;
background-color : #005252;
color : #fff;
text-align : center;
border-radius : 6px;
padding : 5px 0;
position : absolute;
z-index : 1;
bottom : 125%;
left : 50%;
margin-left : -60px;
opacity : 0;
transition : opacity 1s;
}
.tooltip .tooltiptext::after {
content : "";
position : absolute;
top : 100%;
left : 50%;
margin-left : -5px;
border-width : 5px;
border-style : solid;
border-color : #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility : visible;
opacity : 1;
}