body {
background-color : #32cd32;
font-size : 16px;
font-family : Arial, Helvetica, sans-serif;
}
#container {
z-index : 4;
}
#main {
width : 560px;
height : auto;
margin-left : 120px;
margin-top : 1em;
border : 4px solid #f3f300;
padding : 6px;
background-color : #fff;
z-index : 1;
}
#nav {
margin-left : 2px;
margin-top : 10px;
width : 760px;
padding : 0;
font-family : sans-serif;
font-size : 1em;
background-color : transparent;
}
#nav h2 {
color : white;
font-size : 1.55em;
font-weight : normal;
font-family : "Lucida Sans Unicode", Optima, "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#nav address {
font-family : "Lucida Sans Unicode", Optima, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 1em;
font-weight: normal;
font-style: normal;
color : #ffff00;
}
#main p {
font-family : Georgia, Palatino, serif;
font-size : 0.9em;
line-height: 1.3em;
margin-top : 6px;
}
#main li, #main td, #main tr {
font-family : Georgia, Palatino, serif;
font-size : 0.9em;
margin-top : 0;
}
#main h1, #main h2 {
font-family : "Lucida Sans Unicode", Optima, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 1.25em;
font-weight : normal;
color : #aa11aa;
margin-top : 6px;
margin-bottom : 9px;
}

#rightbox {
position : absolute;
top : 10px;
left : 720px;
width : 200px;
height : 600px;
text-align : center;
padding : 4px;
font-family : Arial, Helvetica, sans-serif;
font-size : 0.95em;
background-color : transparent;
background-image : url(images/balloon-yellow-200.png);
background-repeat : no-repeat;
z-index : 2;
}
#rightbox h2 {
margin-top : 90px;
color : #aa11aa;
font-size : 25px;
line-height : 25px;
}
div.textbox {
margin-top : 200px;
width: 260px;
color : #116611;
font-size: 0.9em;
border : 1px solid navy;
padding : 4px;
background-color : #f6f6ff;
z-index : 3;
}
#address {
position : relative;
left : 0;
margin-top : 20px;
width : 540px;
}
#address p {
color : white;
font-family : Arial, Helvetica, sans-serif;
font-size : 0.9em;
padding-left : 4px;
}
#main cite {
text-align : right;
}
#main table {
background-color : white;
border-collapse : collapse;
border-bottom : 1px solid orange;
width : 100%;
}
#main th {
text-align : left;
color : #229922;
font-weight: normal;
}
#main td, #main th {
font-size : 1em;
padding-left : 4px;
padding-right : 4px;
border-top : 1px solid orange;
}
#main caption {
text-align : left;
}
.small {
font-size : 0.75em;
color : #229922;
}
#rightbox p.small a {
text-decoration : none;
color : #229922;
}
#photo {
position : absolute;
left : 810px;
width : 300px;
bottom : 20px;
padding : 5px;
background-color : white;
}
#photo-horizontal {
position : relative;
margin-top : 12px;
padding : 5px;
z-index : 0;
}
div.photo-0 {
position : relative;
border : 1px solid purple;
margin-left : 120px;
top : 0;
width : 320px;
background-color : white;
}
div.photo-1 {
position : relative;
border : 1px solid purple;
margin-left : 0px;
top : 0;
width : 320px;
background-color : white;
}
div.photo-2 {
position : absolute;
border : 1px solid purple;
margin-left : 340px;
top : 0;
width : 320px;
background-color : white;
}
div.photo-3 {
position : absolute;
border : 1px solid purple;
margin-left : 680px;
top : 0;
width : 320px;
background-color : white;
}
.gen-1 {
line-height : 110%;
}
.ts-1 {
border : none;
height : 114px;
padding : 0;
margin : 0;
position : relative;
text-align : left;
width : 700px;
}
div.ts-1 a {
color : #ffff00;
}
.ts-1-1 {
border : none;
height : 120px;
left : -10px;
line-height : 120px;
padding : 0 0;
position : absolute;
top : 0;
width : auto;
}
.gen-2 {
vertical-align : middle;
color : white;
}
.ts-1-2 {
border : none;
height : 100px;
left : 130px;
padding : 1px 8px;
position : absolute;
top : 2px;
width : auto;
}
.ts-table {
border : none;
height : auto;
position : relative;
text-align : left;
padding-left : 5px;
width : 540px;
}
.gen-8 {
margin-bottom : 0;
margin-top : 0;
}
.ts-row {
border-bottom : none;
border-left : none;
border-right : none;
border-top : 1px solid orange;
height : auto;
padding-top : 4px;
padding-bottom : 4px;
position : relative;
clear : left;
}
.ts-2-lt {
border-bottom : none;
border-left : none;
border-right : none;
height : auto;
left : auto;
padding : 2px 1px 0 0;
float : left;
top : auto;
width : 100px;
}
.ts-2-lt strong, .ts-2-rt strong {
color: #229922;
font-weight: bold;
}
.ts-2-3 {
border-bottom : none;
border-left : none;
border-right : none;
height : auto;
left : auto;
padding : 2px 1px 0 0;
float : left;
top : auto;
width : 30%;
}
.ts-2-rt {
display : block;
margin-left : 110px;
padding : 2px 2px 0 0;
}
#navlist, .ts-1-4 {
position : absolute;
text-align: right;
left : 8px;
top : 160px;
width : 120px;
}
.ts-1-3
{ padding-right: 6px; }

#navlist ul {
margin: 0;
padding : 0;
list-style-type : none;
font-size : 14px;
font-family : Arial, Helvetica, Geneva, sans-serif;
}
#navlist li {
text-align : right;
margin-top : 0;
margin-bottom: 0;
}
#navlist a {
display : block;
padding : 2px 8px 2px 2px;
border : 1px solid;
border-color : #ddd #f3f300 #32cd32 #ddd;
background-color : #f3f300;

}
#navlist a:link, #navlist a:visited {
color : #116611;
text-decoration : none;
}
#navlist a:hover, #navlist a:active {
background-color : #e7e700;
color : #ffffff;
}
#uberlink a:link, #uberlink a:visited, #uberlink a:hover, #uberlink a:active {
background-color : #e7e700;
color : #aa11aa;
}