body { margin: 0; margin-top: 30px; background: url('../img/gradientbg.jpg') repeat-x #093d5d; font-family: Verdana; }

a:link { color: #0e578f; text-decoration: underline; }
a:visited { color: #0e578f; text-decoration: underline; }
a:hover { color: #ffba00; text-decoration: none; }
a:active { color: #ffba00; text-decoration: none; }

a.light:link { color: #1477c3; text-decoration: underline; }
a.light:visited { color: #1477c3; text-decoration: underline; }
a.light:hover { color: #ffba00; text-decoration: none; }
a.light:active { color: #ffba00; text-decoration: none; }

a img { border: 0; vertical-align: middle; }

.maincontainer { width: 720px; background: url('../img/tealbg.jpg') repeat-y; font-size: 0; position: relative; }

.translate { position: absolute; top: 100px; left: 20px; }
.translate a { text-decoration: none; }

#map_canvas { width: 100%; height: 450px; }

.logobg { width: 720px; background: url('../img/logobg.jpg') no-repeat; top: 0; padding-bottom: 10px; padding-top: 120px; }

.container { margin-bottom: -10px; }

.contentbox { vertical-align: top; border: 1px solid #bbb; background: url('../img/whitebg.jpg') no-repeat #fff; font-size: 9pt; padding: 10px; text-align: justify; color: #333; }
.contentbox td, .contentbox th { color: #333; font-size: 9pt; }
.contentbox.menu { width: 180px; text-align: left; }
.contentbox.content { width: 490px; }
.contentbox.imgarea { width: 680px; padding: 0px; }
.contentbox.imgarea img { border: 1px solid #333; }
.contentbox.newsarea { width: 680px; background: url('../img/newsboxbg.jpg') no-repeat #fff; height: 190px; padding-left: 230px; }

th { background-color: #edf7ff; }

.counter { float: right; font-size: 7pt; color: #aaa; }

h1 { font-size: 14pt; font-weight: normal; margin-bottom: 6px; display: inline; }
h2 { font-size: 14pt; font-weight: normal; margin-bottom: 8px; }
h3 { font-size: 11pt; font-weight: bold; margin-bottom: 10px; }
p { margin-bottom: 4px; margin-top: 8px; }
.bold { font-weight: bold; }
.small { font-size: 7pt; }
ul { margin-left: 16px; padding-left: 0; margin-top: 0; list-style-image: url('../img/bullet.gif'); }

.right { float: right; margin: 3px; margin-left: 10px; }
a img.right { border: 1px solid #333; }
.left { float: left; margin: 3px; margin-right: 10px;  }
a img.left { border: 1px solid #333; }

ul.menu a:link, ul.menu a:visited, ul.menu a:hover, ul.menu a:active { text-decoration: none; }
ul.menu li { margin-bottom: 6px; }
ul.menu li.sub { margin-left: 12px; }
ul.menu li.selected a { color: #333; font-weight: bold; }

.newsitem { font-size: 9pt; }
li.newsitem { margin-bottom: 8px; }
.newsitem .title { font-weight: bold; text-decoration: underline; margin-bottom: 2px; }
.newsitem .title a:link { color: #000; text-decoration: underline; }
.newsitem .title a:visited { color: #000; text-decoration: underline; }
.newsitem .title a:hover { color: #000; text-decoration: underline; }
.newsitem .title a:active { color: #000; text-decoration: underline; }
li.newsitem .title { text-decoration: none; }
.newsitem .date { font-size: 7pt; }

.bottomborder { width: 720px; height: 20px; background: url('../img/bottomborder.jpg') no-repeat; }

.footer { margin-top: 50px; background: url('../img/footer_separator.jpg') no-repeat center top; padding-top: 15px; color: #bbb; font-size: 7pt; text-align: center; }

.login { margin-top: 10px; width: 230px; color: #bbb; font-size: 7pt; text-align: right; }
.login img { vertical-align: middle; }

.slideshow { background-color: #000; position: relative; text-align: left; }
.slideshow img { display: none; position: absolute; }
.slideshow #pic1 { z-index: 2; }
.slideshow #pic2 { z-index: 3; }
.slideshow .imgtext { width: 100%; background: url('t50.png'); color: #fff; font: 14pt Tahoma; z-index: 4; position: absolute; bottom: 0; }
.slideshowsettings { background-color: #000; position: relative; overflow: auto; }
.slideshowsettings img { border: 1px solid #000; cursor: pointer; }
.slideshowsettings .imgborder { border: 1px solid #555; }
.slideshowsettings .imgborder.selected { border: 1px solid #fff; }
.slideshowsettings .imgborder.hover { border: 1px solid #5ac; }
.slideshowsettings ul { list-style-type: none; margin: 0; padding: 0; padding-right: 10px; }
.slideshowsettings li { display: inline; float: left; padding: 10px; padding-right: 0; }
.padding { padding: 10px; }