/*All main-elements*/ body{ margin: 0px; } html, body, form{ height: 100%; } /*#right { font-family: Arial, Helvetica, sans-serif; float: left; width: 615px; left: 145px; }*/ #right h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; } #logo { background-image: url(Caribbean_logo.gif); background-repeat: no-repeat; background-position: center center; height: 112px; width: 145px; float: left; cursor: hand; cursor: pointer; } #rzlogo { text-align:center; padding-bottom: 10px; } /*All styles for the pulldown menu*/ /*Menu will expand and collapse*/ ul#menubar li.expand:hover ul.a2, ul.a2 li.expand:hover ul.a3, ul.a3 li.expand:hover ul.a4, ul.a4 li.expand:hover ul.a5, ul.a5 li.expand:hover ul.a6, ul.a6 li.expand:hover ul.a7, ul.a7 li.expand:hover ul.a8, ul.a8 li.expand:hover ul.a9, ul.a9 li.expand:hover ul.a10{ visibility: visible; position: absolute; } li.expand ul { position: absolute; top:0px; visibility: hidden; } /*Layout stuff*/ #menubar { background-image: url(bg_head.png); background-repeat: repeat-x; background-position: left top; float: left; height: 35px; margin: 0; padding: 5px 0 0 0; width: 615px; } #menubar li { float: left; padding: 0; list-style-type: none; background-image:url(hoek-r.png); background-repeat: no-repeat; background-position: top right; margin-left: 4px; margin-top: 0px; background-color: #FFB300 height: 31px; font-weight: bold; /* position:relative;*/ } #menubar li.liactive { float: left; padding: 0; list-style-type: none; background-image: url(hoek-r_act.png); background-repeat: no-repeat; background-position: top right; margin-left: 4px; margin-top: 0px; background-color: #FFB300 height: 31px; } #menubar a { font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size: 11px; color:#000000; background-image: url(hoek-l.png); background-repeat: no-repeat; background-position: top left; float: left; height: 31px; display: block; } #menubar a.aactive { background-image: url(hoek-l_act.png); } #menubar li ul a { height: auto; background-image:none; display: block; width: 150px; } .menuitem { background-image:url(mnu_bg.png); background-repeat: repeat-x; padding-left: 6px; padding-right: 6px; margin-left: 3px; margin-right: 3px; padding-top: 7px; float: left; width: auto; height:31px; cursor: hand; } .menuactive { background-image:url(mnu_bg_act.png); background-repeat: repeat-x; padding-left: 6px; padding-right: 6px; margin-left: 3px; margin-right: 3px; padding-top: 7px; float: left; width: auto; cursor: default; height:31px } #menubar li ul { position: absolute; z-index:10000; top: 31px; width: 150px; clear: both; float:left; margin-left: 1px; margin-right: 0; margin-top: 0; margin-bottom:0; padding: 0px; border: 1px solid #787E1A; background-color: #FEF0CD; } #menubar li ul li { clear: both; background-image: none; width: 150px; padding: 3px 0 3px 3px; margin: 0; border-bottom: 1px solid #FFB300; font-size: 11px; font-weight: bold; height: auto; cursor: default; position: relative; } #menubar li ul li ul { position: absolute; top: 5px; left: 10px; padding: 0; left: 140px; background-image: none; width: 150px; z-index: 100000; } .extradiv { background-color: #FEF0CD; height:2px; z-index: 4; clear:both; width: inherit; display: none; margin-left: 2px; margin-right: 4px; font-size: 0px; background-image:url(border_bg.png); background-repeat: no-repeat; background-position: top right; } /*Styles for index leftside*/ #submenu { clear: both; float: left; } #submenu ul { float: left; padding: 0; margin: 0; width: 145px; clear: both; } #submenu li { border-bottom: 1px solid #FFB300; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size: 11px; padding-left:13px; margin: 0; } #submenu li A { color:#000000; text-decoration: none; font-weight: bold; } /* Iconset */ #iconset { border: 1px solid; border-color: #52A127; float: left; margin: 3px 0px 0px 0px; padding: 2px; } #iconset img { border: 1px solid; border-color: #52A127; float: left; margin-left: 3px; margin-right: 3px; height: 66px; width: 66px; } /*Left bottom menu*/ #left { position: absolute; clear: both; bottom: 0px; left: 0px; margin: 0 0 0 11px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } #left ul input, select { border: 1px solid; width: 75px; font-size: 11px; margin: 1px 1px 1px 1px; background-color: #FFF } #left ul select { width: 120px; } #left ul { list-style-type: none; padding: 0; margin: 0; } #left li { display: block; background-color: #FFDE8F; border: 1px solid #FFF0CC; width: 130px; padding: 0 0 0 2px; margin: 0; } .buttonsearch { width: auto; } #left a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; } /*Breadcrumbs */ #breadcrums { background-color:#FFFFFF; height: 18px; font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size: 11px; font-weight: bold; color:#000000; padding: 0 0 0 10px; } #breadcrums A { text-decoration: underline; color:#000000; }