body
{background-color: #FFF;
 color: #000000;
 padding: 0;
 border: 0;
}

a:link
{color: #4C82A1;
 text-decoration: none;
}

a:visited
{color: #4C82A1;
 text-decoration: none;
}

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

a:active
{color: #4C82A1;
 text-decoration: underline;
}

#title
{position: relative;
 top: -10px;
 width: 980px;
 height: 20px;
 color: #FFF;
 font-family: arial, sans-serif;
 font-weight: bold;
 background: #303030;
 border-right: 0;
}

#svg
{position: relative;
 top: -10px;
}

#svgDirections
{position: relative;
 top: -15px;
 width: 701px;
 height: 10px;
 font-size: 10px;
 color: #fff;
 background: #303030;
 text-align: center;
}

.ajax
{position: absolute;
 left: 715px;
 top: 355px;
 width: 270px;
 height: 180px;
 background: #CCC;
 border: 1pt solid #555;
}

.ajax caption
{color: #FEFEFE;
 width: 271px;
 background: #303030;
 font-family: arial, sans-serif;
 font-weight: bold;
}

.resultsTable
{position: relative;
 width: 270px;
 height: 160px;
}

.note
{color: #FFF;
 font-size: 11pt;
 font-family: arial, sans-serif;
}

#cat
{font-weight: bold;
}

#controlFonts p
{font-family: arial;
}

.controls
{position: absolute;
 left: 715px;
 top: 28px;
 width: 270px;
 height: 320px;
 background: #CCC;
 border: 1pt solid #555;
 padding: 0;
 margin: 0;
}

p.top
{position: relative;
 width: 271px;
 text-align: center;
 background-color: #303030;
 color: #FFF;
 font-weight: bold;
}

.generalDiv
{position: relative;
 width: 100%;
 height: 38px;
}

.raster
{position: absolute;
 left: 35px;
}

.plateau
{position: absolute;
 left: 155px;
}

.annotation
{position: absolute;
 left: 42px;
 top: 25px;
}

.squares
{position: absolute;
 left: 140px;
 top: 25px;
}

.environ
{position: relative;
 top: 1em;
 text-align: center;
 font-weight:bold;
 font-size: small; 
}

.environDiv
{position: relative;
 width: 100%;
 height: 10px;
}

.contours
{position: absolute;
 left: 2px;
}

.environment
{position: absolute;
 left: 124px;
}

.arch
{position: relative;
 top: 1em;
 text-align:center;
 font-weight: bold;
 font-size: small;
}

.archDiv
{position: relative;
 width: 100%;
 height: 50px;
}

.pottery
{position: absolute;
 left: 5px;
}

.rooftile
{position: absolute;
 left: 135px;
}

.vis
{position: absolute;
 left: 90px;
 top: 25px;
}

p.dot
{position: relative;
 top: 1em;
 text-align: center;
 font-weight: bold;
 font-size: small;
}

.dotDiv
{position: relative;
 width: 100%;
}

.potDot
{position: absolute;
 left: 60px;
}

.roofDot
{position: absolute;
 left: 130px;
}

#legend
{font-size: 7pt;
 font-family: "lucida console", sans-serif;
 color: #4C82A1;
}

#footer
{font-family: arial, sans-serif;
 font-size: 10pt;
 width: 950px;
 color: #303030;
 text-align: center;
}