<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>CSS 3 Column Float</title>
</head>

<body>

<link rel="stylesheet" type="text/css" href="3colfloat-sm.css" />

a {
    color: #0099CC;
    font-family: Garamond, arial, helvetica, sans-serif;
    font-size: 1em;
    font-weight: 600;
    text-decoration: none;
}

a:link {
    color: #0F1AD2;
	background-color: ;
}

a:visited {
    color: #101BCB;
}

a:hover {
    background-color: #101BCB;
   color: white;
   
}

body {
    background-color: black;
    background-image: url(../images/skyshower.jpg);
    color: #333333;
    font: 12px Garamond, verdana, arial, helvetica, sans-serif;
    margin: 8%;
    padding: 0px;
}

h1 {
    color: black;
    font-size: 2em;
    font-weight: 900;
    font: ;
    margin: 0px 0px 15px 0px;
    padding: 0px;
   letter-spacing: 2px;
}

h2 {
    font: bold 20px/22px Garamond, arial, helvetica, sans-serif;
    font-size: 1.75em;
    font-weight: 600
    margin: 0px 0px 15px 0px;
    padding: 0px;
    text-align: center;
}

h3 {
    font: bold 20px/22px Garamond, arial, helvetica, sans-serif;
    font-size: 1.5em;
    font-weight: 600
    margin: 0px 0px 15px 0px;
    padding: 0px;
    text-align: center;
}

p {
    font: 14px/20px Garamond, arial, helvetica, sans-serif;
    margin: 0px 0px 16px 0px;
    padding: 0px;
}

p.bc {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

/* begin stretch, hold for 20 seconds */
p.lg-stretch {
    color: black;
    font-weight: bold;
    letter-spacing: 10px;
}

p.lg-stretch2 {
    color: #6699FF;    
    font-weight: bold;
    letter-spacing: 50px;
}
/* end stretch */


.content {
    background-color: #DBDBDB;
    border: 1px solid #000000;
    margin: 0px 210px 20px 170px;
    min-width: 120px;
    padding: 10px;
    position: relative;
    width: auto;
    z-index: 3;
}

.content-bg {
    background-color: #000000;
    border: 1px solid #000000;
    margin: 0px 210px 20px 170px;
    min-width: 120px;
    padding: 10px;
    position: relative;
    width: auto;
    z-index: 3;
}

.button a {
    
   padding : 4px;
   text-decoration : none;
   display : block;
   color : #333;
   border-top : 1px solid #000;
   border-left : 1px dashed #565656;
   border-bottom : 1px solid #000;
   border-right : 1px dashed #565656;
   background : #000000;
   font-family: Dauphin, verdana, arial ;
}
 
.button a:hover {
   border-top : 1px #000000 solid;
   border-left : 1px #000000 solid;
   border-bottom : 0px #000000 solid;
   border-right : 0px #000000 solid;
   text-decoration : none;
   background-color: #DBDBDB;

}

--> </style>


</body>
</html>
