body {background-position: bottom right; background-image: url(images/back_bottom.gif); margin: 0px; background-repeat: no-repeat; background-attachment: fixed; background-color: #004080}
body {color: #ffffff}
td {color: #ffffff}
th {color: #ffffff}
.style1 {font-size: 10px; color: #acc6f7; font-family: Verdana, Arial, Helvetica, sans-serif}
.styleX {font-size: 12px; color: #acc6f7; font-family: Verdana, Arial, Helvetica, sans-serif}
.style2 {font-size: 12px; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif}
.style3 {font-weight: bold; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif}
.style6 {font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif}
.style7 {font-weight: bold; font-size: 12px; color: #acc6f7}
.style8 {font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif}
.style10 {font-weight: bold; font-size: 12px; color: #acc6f7; font-style: italic; font-family: Verdana, Arial, Helvetica, sans-serif}
a:link {color: #ffffff; text-decoration: none}
a:visited {color: #ffffff; text-decoration: none}
a:hover {color: #acc6f7; text-decoration: underline}
a:active {color: #acc6f7; text-decoration: none}
.style11 {color: #acc6f7; font-style: italic}
.style12 {font-weight: bold}
.style13 {font-weight: normal}
.style14 {font-weight: normal; color: #ffffff}

.zoom {
    padding: 30px;
    background-color: none;
    transition: transform .2s; /* Animation */
    width: 200px;
    height: 150px;
    margin: 0 auto;
}

.zoom:hover {
    transform: scale(1.4); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}