body{font: normal 12px/18px Arial, sans-serif; color: #075444; background: white;}
a{text-decoration: none; color: #075444;}
a:hover{text-decoration: underline;}

#site {width: 993px; margin: 5px auto 0px auto; position: relative;}
#tabs{font: normal 12px/18px Arial, sans-serif;}
.red #tabs{border-bottom: 4px solid #cc0000;}
.orange #tabs{border-bottom: 4px solid #ff7e10}
.light-orange #tabs{border-bottom: 4px solid #ffa417}
.yellow #tabs{border-bottom: 4px solid #ffc733}
#tabs a{width: 128px; height: 18px; display: inline-block; padding: 0 0 0 10px; color: white; font-weight: bold;}
#tabs #light-orange { background: url('../images/tab-light-orange.gif') no-repeat scroll top left; }
#tabs #orange { background: url('../images/tab-orange.gif') no-repeat scroll top left;}
#tabs #red { background: url('../images/tab-red.gif') no-repeat scroll top left;}
#tabs #yellow { background: url('../images/tab-yellow.gif') no-repeat scroll top left;}

#corner-link{position: absolute; top: 0px; right: 0px; text-transform: uppercase; color: #cc0001; font-weight: bold;}
.orange #corner-link{color: #ff7e11;}
.light-orange #corner-link{color: #ffa418;}
.yellow #corner-link{color: #ffc734;}

#top {background: url('../images/top.jpg') no-repeat scroll top left; width: 993px; height: 67px; position: relative;}
#top #logo {position: absolute; top: 25px; left: 870px;}
#top h1{font-size: 36px; position: absolute; top: 22px; left: 10px; color: white;}
#top h1 span{font-size: 23px; line-height: 38px;}

#menu{position: relative; margin-top: 8px; width: 100%}
#lang{position: relative; top: 1px; left: 10px;}
.nav{color: #32a48b; position: absolute; right: -5px; top: 0; font: bold 11px Arial, sans-serif;}
.nav li{display: inline;}
.nav a{ color: #32a48b; margin: 0 10px;}
.nav li.light a{ color: #98d1c5;}
.nav a:hover{text-decoration: underline;}

#sidebar{width: 204px; margin: 0px 33px 0 1px; font: normal 12px/18px Verdana, sans-serif; float: left;}
#sidenav{margin: 0 0 10px 0;}
#sidenav a{}
#sidenav a:hover{text-decoration: underline;}
#sidenav strong{margin: 8px 0 0 0; color: white; text-transform: uppercase;}
#sidenav li ul li, #sidenav strong{border-right: 8px solid #b3cfc5; width: 180px; padding: 0 16px 0 0; text-align: right; line-height: 29px; background-color: #649d88; height: 29px; display: block;}
#sidenav li ul li{height: 21px; margin: 0 0 1px 0; background-color: #d7e6df; border-color: #edf4f1; line-height: 21px;}
#sidenav li ul li a{color: #006e57; font-weight: bold;}

#sidebar #search{margin: 10px 0 0 0;}
#search input, #search select{font: normal 11px/18px Arial, sans-serif;}
#search strong{border-right: 8px solid #edabab; width: 180px; padding: 0 16px 0 0; text-align: right; line-height: 23px; background-color: #d22c2e; height: 23px; display: block; color: white;}
.orange #search strong{border-right-color: #ffbe87; background-color: #ce660d; }
.light-orange #search strong{border-right-color: #edabab; background-color: #d22c2e; }
.yellow #search strong{border-right-color: #edabab; background-color: #d22c2e; }

#search fieldset{padding: 0 0 10px 5px; font: normal 11px/18px Arial, sans-serif; border-right: 8px solid #f8faf8; background-color: #eef3ed; }
#search ul{color: #095344; margin: 0 0 5px 0;}
#search li{background: url('../images/dot.gif') repeat-x bottom left; margin: 0 0 0 5px; padding: 5px 0 7px 0;}
#search select{width: 80px;}
#search select option{ width: auto;}
#search input.text{ width: 80px;}
#search li.checkbox{background: none; color: black; white-space: nowrap;}
#search li label{width: 90px; display: inline-block;}
#search #submit{margin: 10px 0 0 5px;;}

#content{width: 755px; float: left; margin: 5px 0 0px 0; padding: 0 0 40px 0;}

#content img{margin: 10px 10px 0 0; vertical-align: top;}

#content .clear{clear: both; display: block; padding: 0 0 0 12px;}
#content .mt15{margin: 15px 0 0 0;}
#content .mt25{margin: 15px 0 0 0;}
#content a{display: inline-block;}
#content p{margin: 5px 0 5px 0; text-align: justify;}
#content h2,#content h3,#content h4, #tab-content h2{font: bold 28px/34px Verdana, sans-serif; color: #cc0001; text-align: left;}
.orange #content h2, .orange #content h3, .orange #content h4, .orange #tab-content h2{color: #ff7e11;}
.light-orange #content h2, .light-orange #content h3, .light-orange #content h4, .light-orange #tab-content h2{color: #ffa418;}
.yellow #content h2, .yellow #content h3, .yellow #content h4, .yellow #tab-content h2{color: #ffc734;}

#content h2{ margin: 0px 0 0 0; font-family: Arial, sans-serif;}
#content h3{font: normal 21px Verdana; margin: 20px 0 0 0;}
#content h4{font: bold 14px Verdana; margin: 5px 0 0 0; }
#content .red,#content .red a, #content h4 a{color: #cd130d;}
.orange #content .red, .orange #content .red a, .orange #content h4 a {color: #fe7e11;}
.light-orange #content .red, .light-orange #content .red a, .light-orange #content h4 a {color: #fea418;}
.yellow #content .red, .yellow #content .red a, .yellow #content h4 a {color: #fec734;}

#content .green, #content h2.green, #content h3.green, #content h4.green {color: #075444;}
#content .light-green, #content h2.light-green, #content h3.light-green, #content h4.light-green{color: #0b7d64;}
#content .m0, #content .m0 + ul{margin: 0;}
#content .indent li{margin: 0 0 0 40px;}

#content .keywords{font:   normal 14px Verdana, sans-serif; margin: -5px 0 0 0; color: #649d88;}
#content h2.searchheading{font: bold 23px Verdana, sans-serif; margin: 20px 0 0 0;}
#content h2.searchheading + h3{margin: 10px 0 0 0;}

#breadcrumbs{color: #649d88; font-size: 11px;}
#breadcrumbs li{display: inline;}
#breadcrumbs a{color: #649d88; margin: 0 5px 0 0;}
#breadcrumbs a:hover{text-decoration: underline;}

#image{position: relative; color: #006e57; margin: 0 0 10px 0;}
#image img{margin: 0;}
#image-text{background: url('../images/image-text-bg.png') repeat; position: absolute; top: 20px; right: 12px; width: 333px; padding: 12px; font: normal 11px/16px Arial, sans-serif;}
#image-text dl{float: left; clear: both;}
#image-text dt, #image-text dd{float: left;}
#image-text dd{width: 213px;}
#image-text dt{width: 110px; background: url('../images/list-mark-red.png') no-repeat center left; padding: 0 0 0 10px; font-weight: bold;}
.orange #image-text dt{background-image: url('../images/list-mark-orange.png');}
.light-orange #image-text dt{background-image: url('../images/list-mark-light-orange.png');}
.yellow #image-text dt{background-image: url('../images/list-mark-yellow.png');}

#image-text ul{float: left;}
#image-text li{background: url('../images/list-mark.png') no-repeat 0px 2px; padding: 0 0 0 10px; position: relative;}
.orange #image-text li{background-image: url('../images/list-mark-orange.png');}
.light-orange #image-text li{background-image: url('../images/list-mark-light-orange.png');}
.yellow #image-text li{background-image: url('../images/list-mark-yellow.png');}

#image-text li a{color: #006e57; font-weight: bold;}
#image-text li a:hover{text-decoration: underline;}
.bold{font-weight: bold;}
#image-text li .sub{background: none;}
#image-text li.last{background: none; margin: 10px 0 0 0;}
#image-text ul li ul{float: none;}
#image-text ul li ul li{float: none;}
#image-text ul li a span, .raquo{color: #cd130d; font: bold 12px Arial, sans-serif;}
.orange #image-text ul li a span, .orange .raquo {color: #fe7e11;}
.light-orange #image-text ul li a span, .light-orange .raquo {color: #fea418;}
.yellow #image-text ul li a span, .yellow .raquo {color: #fec734;}


#content table{ width: 100%; border-collapse: separate; border-spacing: 1px; text-align: left; border-left: 3px solid #cc0001; margin: 10px -3px 20px 0;}
.orange #content table{border-left-color: #ff7e11;}
.light-orange #corner-link{border-left-color: #ffa418;}
.yellow #content table{border-left-color: #ffc734;}

#content table.short{width: auto;}
#content table td, #content table th{background-color: #f1f5f1; padding: 0 10px 0 10px; vertical-align: top;}
#content table tr.odd td, #content table tr.odd th{background-color: #e5f5f1;}
#content table.td-center td, #content table.td-center thead th{text-align: center;}
#content table .column1{ width: 200px; padding: 0 0 0 10px;}
#content table .column1 a{font-weight: bold;}
#content table img{margin: 0;}

.reservation{display: inline-block; width: 130px; padding: 0 0 0 12px;  background-color: #d22c2e; color: white; font-weight: bold; height: 15px; line-height: 15px; font-size: 11px;}

.orange .reservation{background-color: #ce660d;}
.light-orange .reservation{background-color: #d22c2e;}
.yellow .reservation{background-color: #d22c2e;}

/*
#count fieldset{background: #eef3ed; padding: 4px 0 4px 4px; width: 100%; white-space: nowrap;}
#count fieldset label{margin: 0 25px 0 0;}
#count fieldset input, #count fieldset select{margin: 0 25px 0 0;}
#count fieldset #csubmit{margin: 0;}
*/

#count form {background: #eef3ed; padding: 4px 0 4px 4px; width: 100%; white-space: nowrap;}
#count div {display: inline;}
#count label{margin: 0 25px 0 0;}
#count input, #count select{margin: 0 25px 0 0; width: 80px;}
#count select option { width: auto; }

.index-bottom-nav{float: left; padding: 5px 0 0 0; background: url('../images/dot.gif') repeat-x  top left; clear: both; width: 100%; position: static; text-align: center; margin: 10px 0 10px 0;}

hr { height: 1px; background: #eef3ed; border: none; width: 100%; margin: 20px 0 5px; }
hr.bold { height: 2px; }

#content ul.list { margin-left: 2em; }
#content ul.list li { list-style-image: url('../images/bullet.png'); }

td textarea, td input[type=text] { width: 100%; }
p.info { background: LemonChiffon; display: block; border: 1px solid olive; padding: .3em 2em; color: olive; }

.hintfield .hint { display: none; border: 1px solid black; background: white; padding: .5em 1em; }
.hintfield:hover .hint { display: block; position: absolute; }

#loadingMsg { text-align: center; margin: 2em 1em; }
