body {
    background-color: #f0f0f0;
    background-image: url("images/bg.jpg");
}

P { color: Black;
       font-size: medium;
       font-family: "Helvetica", serif;
       text-align: justify }

DT { color: Black;
       font-size: medium;
       font-family: "Helvetica", serif;
       text-align: justify }

DD { color: Black;
       font-size: medium;
       font-family: "Helvetica", serif;
       text-align: justify }

UL { color: Black;
       font-size: medium;
       font-family: "Helvetica", serif;
       text-align: justify }

P.right { color: Black;
       font-size: medium;
       font-family: "Helvetica", serif;
       text-align: right 
}

P.left { color: Black;
       font-size: medium;
       font-family: "Helvetica", serif;
       text-align: left 
}

DT.left { color: Black;
       font-size: medium;
       font-family: "Helvetica", serif;
       text-align: left }

DT.right { color: Black;
       font-size: medium;
       font-family: "Helvetica", serif;
       text-align: right }

.right {
    display: block;
    margin-left: auto;
}

.frame {
    border: 1px solid #000;
    border-radius: 20px;
    padding: 3px;
}

.big {
    position: relative;
    opacity: 1;
    transform: scale(1, 1);
    transition: 0.3s ease;
}

.big:hover {
    transform: scale(1.1, 1.1);
    opacity: 1;
    z-index: 1;
}

.small {
    position: relative;
    opacity: 1;
    transform: scale(1, 1);
    transition: 0.3s ease;
}

.small:hover {
    transform: scale(0.9, 0.9);
    opacity: 1;
    z-index: 1;
}

.dim {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.dim:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    transition: 0.3s ease;
}

.rotate {
    position: relative;
    opacity: 1;
    transition: 0.3s ease;
}

.rotate:hover {
    transform: rotate(-15deg);
    opacity: 1;
    z-index: 1;
}

.spin {
    position: relative;
    opacity: 1;
    transition: 0.3s ease;

}

.spin:hover {
    transform: rotate(360deg);
    opacity: 1;
    z-index: 1;
}

.bw {
    position: relative;
    opacity: 1;
    transition: 0.3s ease;

}

.bw:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.shake:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}

.imgbr {
    border: 2px solid transparent;
    padding: 2px;
    border-radius: 15px;
}

.imgbr1 {
    border: 1px solid black;
    padding: 0px;
    border-radius: 15px;
    transition: 0.3s ease; 

}

.imgbr1:hover {
    transform: scale(1.5, 1.5);
    opacity: 1;
    z-index: 1;
}

.imgbr2 {
    border: 3px solid #000099;
    padding: 0px;
    border-radius: 15px;
}

.imgbr3 {
    border: 2px solid Black;
    padding: 0px;
    border-radius: 15px;
}

.zoom {
	animation:animatezoom 0.9s}
	@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

.link:link {color:#0000ff;text-decoration: none;}
.link:visited {color:#29088A;text-decoration: none;}
.link:hover {color:#ff0000;text-decoration: underline;}
.link:active {color:#ff0000;text-decoration: none;}

.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 1px 6px;
    border: 2px solid #ededed;
    border-radius: 5px;
    background: #3c9fe9;
    background: -webkit-gradient(linear, left top, left bottom, from(#3c9fe9), to(#25628f));
    background: -moz-linear-gradient(top, #3c9fe9, #25628f);
    background: linear-gradient(to bottom, #3c9fe9, #25628f);
    font: normal normal bold 13px Helvetica;
    color: #ffffff;
    text-decoration: none;
}
.button:hover,
.button:focus {
    border: 2px solid #ededed;
    background: #48bfff;
    background: -webkit-gradient(linear, left top, left bottom, from(#48bfff), to(#2c76ac));
    background: -moz-linear-gradient(top, #48bfff, #2c76ac);
    background: linear-gradient(to bottom, #48bfff, #2c76ac);
    text-shadow: #ffffff 1px 1px 1px;
    color: #000000;
    text-decoration: none;
}
.button:active {
    background: #25628f;
    background: -webkit-gradient(linear, left top, left bottom, from(#25628f), to(#25628f));
    background: -moz-linear-gradient(top, #25628f, #25628f);
    background: linear-gradient(to bottom, #25628f, #25628f);
}