html, body { font-family: "Arial", "Helvetica", "Verdana", sans-serif; font-size: 0.9em; }
body { margin: 0; background-color: rgb(41, 77, 113); }
h1 { font-size: 1.8em; float: left; width: auto; margin: 0; }
h1 a { display: block; width: 100%; text-decoration: none; }
span#what-span { color: white; }
span#up-span { color: rgb(255, 231, 0); }
h2 { font-size: 1.44em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1em; font-weight: bold; }
h5 { font-size: 1em; }

div#header { height: 3.5em; background-color: rgb(74, 118, 161); border-bottom: 2px solid rgb(255, 231, 0); color: rgb(202, 214, 227); padding-left: 1%; padding-top: 1em; } 
/* div#header a { color: white; }  */
h2#subtitle { font-size: 1em; font-style: italic; float: left; }
ul#menu { float: left; overflow: hidden; padding: 0; margin: 0; margin-left: 9%; width: 33%; text-align: center; font-weight: bold; font-size: 1.1em; }
ul#menu li { float: left; width: 20%; display: block; height: 2.3em; }
ul#menu li a { text-decoration: none; display: block; width: 100%; height: 100%; color: rgb(255, 231, 0); padding-top: 0.5em;  }
ul#menu li a:hover { background-color: rgb(41, 77, 113); color: white; }
ul#lang-links, ul#login-links { float: right; margin: 0; margin-right: 1%; padding: 0; padding-left: 1%; }
ul#lang-links a, ul#login-links a { color: rgb(202, 214, 227); }
form#logout-form { float: right;  margin-right: 1%; width: auto; }
form#logout-form p { margin: 0; }
form#search-form { float: right; margin-right: 1%; width: 15%; }
form#search-form p { margin: 0; /* text-align: right; */ }
form#search-form input { width: 55%; }

div#main { background-color: rgb(236, 236, 236); margin: 0; float: left; width: 100%; padding-bottom: 2%; color: black; }
div#main h2 { color: black; margin-left: 1%; }
div#main a:hover { color: rgb(41, 77, 113); }
div#center { /* margin: 0 20%; */ float: left; width: 60%; margin-left: 1%; }
div#center.noleft { /* margin: 0 20%; */ float: left; width: 60%; margin-left: 20%; }
p.box { background-color: #FFFFAA; }
div#map { width: 100%; height: 450px; border: 1px solid rgb(74, 118, 161); }
thead { text-align: center; font-weight: bold; background-color: rgb(236, 236, 236); color: rgb(41, 77, 113); }
div#content { padding: 2%; min-height: 23em; background-color: white; border: 1px solid rgb(41, 77, 113); margin-bottom: 1em; }
div#content a { color: black; }
div#content table { width: 100%; border-collapse: collapse; }
div#content table a { display: block; width: 100%; text-decoration: none; }
div#content table a:hover { text-decoration: underline; color: rgb(41, 77, 113); }
div#content thead a { text-decoration: none; }
div#content table td { padding: 0.2em; }
div#content tbody tr.even { background-color: rgb(245, 245, 245); }
div#content tbody tr:hover, div#content tbody tr.even:hover { background-color: rgb(202, 214, 227); }
div#content tbody td { border-bottom: 1px solid rgb(236, 236, 236); }
div#content tr.bold { font-weight: bold; }
div#content h3, div#center h3 a { color: rgb(41, 77, 113); }
/* div#content input, div#content select { width: 50%; } */
col.main-column { width: 40%; }
col.counter-column { width: 4%; }
col.numeric-column { width: 8%; }

ul#tabs { margin: 0; overflow: hidden; padding: 0; text-align: center; color: rgb(74, 118, 161); font-weight: bold; width: 100%; border-left: 1px solid rgb(41, 77, 113); margin-bottom: -1px; }
ul#tabs li { float: left; width: 12%; display: block; background-color: white; border-top: 1px solid rgb(41, 77, 113); border-right: 1px solid rgb(41, 77, 113); border-bottom: 1px solid rgb(41, 77, 113); color: inherit; }
ul#tabs li.selected { border-bottom: 1px solid white; color: rgb(41, 77, 113); }
ul#tabs li.selected a { color: inherit; }
ul#tabs li a { text-decoration: none; display: block; padding: 4%; color: inherit; }
ul#tabs li a:hover { color: rgb(41, 77, 113); }

div#left { float: left; margin-left: 1%; width: 18%; }
div#right { float: right; margin-right: 1%; width: 18%; }
div.container { margin-bottom: 1em; border: 1px solid rgb(41, 77, 113); background-color: white; overflow: hidden; width: 100%; }
div.container h4 { display: block; margin: 0; padding: 0.2em; background-color: rgb(74, 118, 161); text-align: center; color: rgb(202, 214, 227); border-bottom: 1px solid rgb(41, 77, 113); font-weight: bold; }
div.container a { color: black; }
div.container p, div.container dl { margin: 0.7em; }
div.container ul#categories a, div.container ol#categories a { text-decoration: none; display: block; width: 100%; }
div.container ul#categories a:hover, div.container ol#categories a:hover { text-decoration: underline; }
div.container form { margin: 0; }
div.container img { display: block; margin: auto; border: none; }
div.container button { display: block; margin: auto; }
div.container button img { display: inline; vertical-align: middle; }
ul.rating-icons { list-style-type: none; overflow: hidden; width: 160px; padding: 0; margin-left: auto; margin-right: auto; }
ul.rating-icons li { float: left; width: 16px; height: 16px; }
ul.rating-icons li span { display: none; }
ul.rating-icons li.star { background: url('/static/images/star-icon.png') no-repeat; }
ul.rating-icons li.half-star { background: url('/static/images/half-star-icon.png') no-repeat; }
ul.rating-icons li.empty-star { background: url('/static/images/empty-star-icon.png') no-repeat; }
ol#comments { list-style: none; padding: 0; }
ol#comments li { border-top: 1px solid rgb(41, 77, 113); }
ol#comments p { margin: 0.7em; }
form#comment-form textarea { width: 100%; }

div#footer { clear: both; text-align: center; font-size: smaller; border-top: 2px solid white; background-color: rgb(41, 77, 113); margin-top: 5%; color: white; }
div#footer li { display: inline; padding-left: 10px; }
div#footer a { color: white; }

input:focus, /* select:focus, */ textarea:focus { border: 2px solid rgb(74, 118, 161); }
button { font-weight: bold; /* background-color: rgb(232, 115, 2); */ /* border: 1px groove rgb(255, 231, 0); */ color: rgb(74, 118, 161);  }
button:hover { color: rgb(41, 77, 113); }
textarea#content, textarea#description { width: 100%; }

ul.pictures { padding: 0; margin: 0; overflow: hidden; }
ul.pictures li { float: left; display: block; width: 128px; height: 128px; padding-right: 2%; padding-bottom: 2%; }
ul.pictures img { max-width: 300px; max-height: 300px; border: 1px solid black; margin: auto; padding: 2%; }

p#message-text { background-color: rgb(245, 245, 245); padding: 2%; overflow: auto; }
p#description { overflow: auto; }

.holiday { color: rgb(200, 0, 0); }
div#content a.holiday { color: rgb(200, 0, 0); } /* QUIRK?? */
.current { font-weight: bold; }
table.calendar { text-align: center; }

ul.autocomplete { list-style: none; padding: 0; position: absolute; display: none; background-color: white; overflow: auto; border-left: 2px solid gray; border-top: 1px solid gray; border-right: 1px solid black; border-bottom: 1px solid black; z-index: 100; max-height: 12em; width: auto; }
ul.autocomplete li { cursor: default; padding-left: 4px; padding-right: 23px; }
ul.autocomplete li.selected { background-color: rgb(49, 106, 197); color: white; }

#search-page-input { width: 50%; }