/* CSS FOR INKSPOT */

body {
padding: 1em 0;
margin: 0;
font-size: small;
font-family: Georgia, serif;
}

* html body {
font-size: x-small; /* IE5/WIN */
f\ont-size: x-small; /* FOR ALL OTHER IE */
}

html>body { /* BE NICE TO OPERA */
font-size: small;
}

#frame {
float: left;
left: 50%;
margin-left: -350px;
position: relative;
width: 700px;
}

#banner {
background: white;
float: left;
height: 100px;
width: 700px;
}

#wrapper {
background: #FFF9BF;
border: 1px solid black;
border-bottom: none;
float: left;
margin: .5em 0 0 0;
overflow: visible;
padding: 0;
width: 700px;
}

#col1, #col2 {
background: white;
float: left;
overflow: visible;
width: 350px;
}

#col1 {
width: 348px;
}

#col1 div, #col2 div {
float: left;
overflow: visible;
}

#col1 div {
padding: 0 1em;
}

#col2 {
padding: 0;
background: #FFF9BF;
}

.border {
border: 1px solid black;
}


/* COL2 JAVABUTTONS */
#javabuttons {
background: black url(../imgs/tmp-gradiant-bg-black.png) repeat-x;
color: white;
float: left;
font-size: 120%;
list-style: none;
margin: 0;
padding: 0;
width: 350px;
}

#javabuttons li {
float: left;
padding: .5em;
}

#javabuttons li a {
background: #B3A000;
border: 1px solid #FFF280;
color: white;
font-weight: bold;
padding: .1em .4em .2em .4em;
text-decoration: none;
}

#javabuttons li a:hover {
color: black;
}

h1 {
background: white url(../imgs/tmp-header1.png) 0 50% no-repeat;
color: black;
font-size: 140%;
padding: 0 0 0 1.5em;
}

p {
font-size: 100%;
line-height: 1.5em;
}

p.notice {
background: #FFF280;
border: 1px solid #B3A000;
font-size: 120%;
margin: 2em 1em .5em 1em;
padding: .5em;
text-align: center;
}

p.mappy {
background: #FFF280;
border: 1px solid #B3A000;
font-size: 120%;
margin: 2em 1em .5em 1em;
padding: .5em;
text-align: center;
}

#col1 p.mappy {
background: #FFF280;
border: 1px solid #B3A000;
font-size: 120%;
margin: 2em 1em .5em 0;
padding: .5em;
text-align: center;
}

p.alert {
background: #FF8080;
border: 4px solid #B30000;
color: white;
font-size: 120%;
font-weight: bold;
margin: 2em 1em .5em 1em;
padding: .5em;
text-align: center;
}

ul {
font-size: 90%;
line-height: 1.5em;
}

.block {
border: 1px solid #B3A000;
background: #FFE500;
font-weight: bold;
padding: 1em 0 1em 2em;
}


#footer {
background: #FFF280 url(../imgs/tmp-gradiant-bg.png);
border: 1px solid black;
border-top: none;
float: left;
font-size: 100%;
line-height: 2em;
width: 700px;
}

#footer div {
padding: .5em 1em;
}

#footer a {
background: url(../imgs/bt-more.png) 0 60% no-repeat;
color: #998900;
font-weight: bold;
margin: 0 0 0 .5em;
padding: 0 0 0 1.3em;
}

#imgfoot {
float: left;
background: url(../imgs/mosaic-bottom.png) 0 0 no-repeat;
width: 700px;
height: 45px;
}

.clear {
clear: both;
}