body {
    font-family:sans-serif;
    font-size:small;
    background: #ccc; /* for non-css3 browsers */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#cccccc'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#ccc)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #000,  #ccc); /* for firefox 3.6+ */
}

a {
    text-decoration:none;
    color:#00f;
}

a:hover {
    color:#f00;
    text-decoration:underline;
}

.boxtop a:hover {
    color:#f00;
}

a:visited {
    color:#00f;
}

.boxleft, .boxmain, .boxtop, imagebox {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.boxleft {
    float:left;
    width:20%;
    padding:1%;
    margin-right:1%;
    background-color:white;
}

.boxmain {
    float:left;
    width:73%;
    padding:1%;
    background-color:#ccc;
}

.boxtop {
    background-color:white;
    margin-bottom:1em;
    padding:0.5em;
    min-height:2em;
}

.caption {
    margin:0.5em;
}

h1 {
    font-size:x-large;
    color:white;
}

h2 {
    margin:0;
    font-size:large;
    font-style:italic;
    color:#888
}

.image {
    height:150px;
    border:solid thin #ccc;
}

.imagebox {
    width:210px;
    height:180px;
    border:thin solid #999;
    text-align:center;
    float:left;
    margin:0.1em;
    padding:0.5em;
    font-size:x-small;
    background-color:#fff;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#fff'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#fff)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ccc,  #fff); /* for firefox 3.6+ */
}

.wrapper {
    
    //width:960px;
    min-height:1000px;
    margin:auto;
    width: 100%;
}