body { margin: 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 62.5%; color:#c0c0c0; background-color:#000000; } #flag {float:right; width:60px; } #flag a img { margin:0; display:block; padding: 5px; } .toptext { font-size: 11px; margin: 10px 10px 0 0; padding: 10px 5px 10px 5px; height: 375px; float:right; background-color: #606060; color: #c0c0c0; width: 340px; } .text { font-size: 11px; margin: 10px; padding: 10px; width: 880px; background-color: #606060; color: #c0c0c0; } .toptextonly { font-size: 11px; margin: 10px 10px 0 0; padding: 10px 5px 10px 5px; height: 100%; float:right; background-color: #606060; color: #c0c0c0; width: 340px; } a img{ margin: 20px; border: 8px solid #909090; } .next{ margin: 10px 0px 10px 600px; } .prev{ margin: 10px 0px 10px 70px; } #guestbook{ margin: 10px 0 10px 125px; width:70%; border: 1px solid #909090; } .guestbookHeading { font-weight: bold; float: left; padding:10px; } .guestbookDate { float:right; padding: 0 10px 0 0; } .guestbookEntry { padding:10px; } .sitemap { width: 80%; padding: 10px 0 0 50px; } #divesites { float:left; width: 500px; margin: 10px; border: 10px solid #606060; } .summary { width:100%; } #summaryLeft{ border: 5px solid #909090; padding:10px; margin:10px; } #summaryRight{ border: 5px solid #909090; padding:10px; margin:10px; } #staffLeft{ width:30%; border: 5px solid #909090; padding:10px; margin:10px; } #staffRight{ width:70%; border: 5px solid #909090; padding:10px; margin:10px; } #laganasmap { float:left; width: 500px; margin: 10px; background-color: #909090; } #mainSlideshow { float:left; width: 530px; margin: 10px; background-color: #909090; } .style1 { color: yellow; font-weight: bold; } #master1{ border:10px solid #606060; } #graphics { float:right; padding: 10px 10px 0 0; } a:link, ul li a { color: yellow; text-decoration: none; } a:visited { color: yellow; text-decoration: none; } a:hover { color: #ffffff; } a:active { color: #b82a13; } h1 { font-size: 1.5em; } h2 { font-size: 1.4em; } h3 { font-size: 1.3em; } h4 { font-size: 1.1em; color: yellow; } .biggerText { font-size: 1.2em; } h1, h2, h3, h4, h5, h6 { margin: 0.3em 3px; } FORM, SELECT, INPUT { display: inline; font-size: 1em; margin: 0.1em; } TEXTAREA { /* float: left;*/ margin: auto; display: block; width: 95%; } input:focus, select:focus, textarea:focus { background: #c7c7c7; } FIELDSET { padding: 0.5em; margin: 0.5em 0em; border: 1px solid #cccccc; } LEGEND { color: #c72b15 font-weight: bold; padding: 0.3em 0.3em 2em 0.3em; } LABEL, h4.optionName { line-height: 1.5em; padding: 0.2em; } LABEL.checkboxLabel, LABEL.radioButtonLabel { margin: 0.5em 0.3em; } LABEL.inputLabel { width: 11em; float: left; } LABEL.inputLabelPayment { width: 15em; float: left; } LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel { width: 12em; float: left; } P, ADDRESS { padding: 0.5em; } ADDRESS { font-style: normal; } #contentMainWrapper { font-size: 11px; padding: 5px; background-color: #909090; color: #606060; } #staffMainWrapper { font-size: 11px; margin: 10px; padding: 10px; width: 880px; background-color: #606060; color: #c0c0c0; } #mainWrapper { border: 10px solid #909090; background-color: #909090; text-align: left; width: 920px; } #headerWrapper, #contentMainWrapper, #logoWrapper { margin: 0em; padding: 0em; } #headerWrapper {background-color: #909090;} #logoWrapper { width:850px; height:100px; background-image:url(../images/header_bg.jpg); background-repeat:no-repeat; background-position:left; text-align:center; padding-top:0px; } #mainWrapper { margin: 20px auto auto auto; } #contentColumnMain { vertical-align: top; } .centerColumn { background-color: #606060; color: #c0c0c0; margin: 10px 10px 0 0; padding:10px; } .smallText, .legalCopyright { padding: 10px 5px 5px 5px; font-size: 0.9em; text-align: center; } body { behavior:url("csshover.htc"); } div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color:yellow!important;border-bottom: 1px solid yellow;} div#dropMenu { width:100%; margin:0 auto; text-align:center; z-index:1000; position:relative; } div#dropMenu ul { margin:0; padding:0; } div#dropMenu li { position:relative; list-style:none; margin:0; float:left; line-height:1em; width:12.5%; *width:12.5%; } div#dropMenu ul.level1 { width:100%; margin:0 auto; text-align:center; background:#909090; /*background color of top menu when NOT selected. */ z-index:1000; float:left; } div#dropMenu li a { display: block; /* Hides from IE5-mac \*/ height: 1%; /* End hide from IE5-mac */ padding: .6em 0; text-decoration: none; text-transform:uppercase; color:yellow; text-align:center; /*border-right:1px solid #000000; border-bottom:1px solid #000000;*/ } div#dropMenu li:hover {border-bottom: yellow; } /*div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;} */ div#dropMenu li.submenu:hover {} div#dropMenu li a.noLine {border:none;} div#dropMenu>ul a {width: 100%;z-index:1000;} div#dropMenu ul ul {display: none;} div#dropMenu ul ul li {border:none; width:100% ;z-index:1000;padding-top: 2px; padding-bottom: 2px;} /*div#dropMenu li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;} */ div#dropMenu ul.level1 li.submenu:hover ul.level2, div#dropMenu ul.level2 li.submenu:hover ul.level3, div#dropMenu ul.level3 li.submenu:hover ul.level4, div#dropMenu ul.level4 li.submenu:hover ul.level5, div#dropMenu ul.level5 li.submenu:hover ul.level6, div#dropMenu ul.level6 li.submenu:hover ul.level7, div#dropMenu ul.level7 li.submenu:hover ul.level8 {position: absolute; width: 100%;display:block;z-index:1000;} div#dropMenu ul.level2 {background:#909090; color: yellow; z-index:1000;position:absolute;left:0; width:auto;} div#dropMenu ul.level3, div#dropMenu ul.level4, div#dropMenu ul.level5, div#dropMenu ul.level6, div#dropMenu ul.level7, div#dropMenu ul.level8{top: 0; left: 12em; background:#909090} div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0;color: yellow; text-transform:none;} /* this is text color on drop-down submenu */ div#dropMenu ul.level2 a:hover {color:#909090;} .clearBoth { clear:both; height:0; font-size:0; line-height:0; }