rendered paste body<div id="outer"><!-- Lots of code removed here --><div id="lvlSwitcher"><ul> <li><a href="http://localhost/~debrac/beach/content/tourPictures.php">Arriving</a></li> <li><a href="http://localhost/~debrac/beach/content/tourPictures.php?m=lvl1">Level 1</a></li> <li><a href="http://localhost/~debrac/beach/content/tourPictures.php?m=lvl2">Level 2</a></li> <li><a href="http://localhost/~debrac/beach/content/tourPictures.php?m=lvl3">Level 3</a></li> <li><a href="http://localhost/~debrac/beach/content/tourPictures.php?m=back">Private Pool</a></li></ul></div></div> <!-- End outer div -->// CSS/* Items for the page header */.pageHeader{ color: White; text-align: center; font-style: italic; margin-bottom: 10px; }p.pageHeader{ font-style: oblique; font-size: 14pt;}/* Main navbar items */#navBar{ color: MidnightBlue; font-weight: bold; margin-top: 25px; margin-bottom: 30px;}#navBar ul{ margin: 0; padding: 0; list-style-type: none; text-align: center;}#navBar ul li { display: inline; }#navBar a{ text-decoration: none; padding: .2em 1em; color: MidnightBlue; background-color: AliceBlue;}#navBar a:hover{ color: MidnightBlue; background-color: LightGreen;}/* Items for level selector */#lvlSwitcher{ color: MidnightBlue; font-weight: bold; margin-top: 25px; margin-bottom: 30px;}#lvlSwitcher ul{ margin: 0; padding: 0; list-style-type: none; text-align: center;}#lvlSwitcher ul li { display: inline; }#lvlSwitcher a{ text-decoration: none; padding: .2em 1em; color: MidnightBlue; background-color: AliceBlue;}#lvlSwitcher a:hover{ color: MidnightBlue; background-color: LightGreen;}/* Hot news item -- spans main div */.hotNews{ text-align: center; font-weight: bold; color: White; margin-bottom: 15px;} /* Items for the news-box */#newsBox{ background-color: AliceBlue; float: right; color: MidnightBlue; width: 20%; right: 5px; border-width: 1px; border-color: MidnightBlue; border-style: dashed; font-size: 10pt; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px;}#newsBox a{ color: MidnightBlue;}/* Post box info */#forumPost{ background-color: AliceBlue; color: MidnightBlue; border-width: 1px; border-color: MidnightBlue; border-style: dashed; font-size: 10pt; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px;}/* Testimonials page */#testimonial{ background-color: LightGoldenRodYellow; color: MidnightBlue; border-width: 1px; border-color: ForestGreen; border-style: dashed; font-size: 10pt; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px;}/* Contact info box */#contactBox{ background-color: Plum; float: right; color: Indigo; width: 20%; right: 5px; border-width: 1px; border-color: Indigo; border-style: dashed; font-size: 10pt; font-weight: bold; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px;}#contactBox a{ color: Indigo; text-decoration: none;}/* This item is for the list of current specials */#specialsBox{ background-color: #A1E2A1; float: right; min-height: 100px; width: 20%; right: 5px; border-width: 1px; border-color: DarkGreen; border-style: dashed; font-size: 11pt; text-align: center; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px;}/* This item is for the main entry div */#mainBox{ width: 77%; padding-left: 5px; float: left;}#mainImage{ /* Images MUST be 362 width */ width: 362px; float: left; margin-right: 5px; text-align: center; font-style: italic; font-size: 10pt;}/* Picture bullets */ul.picture{ list-style-image: url(../images/supplements/bullet.gif);} /* No indent bullets */ul.noIndent{ margin: 0; padding-left: 15px;}/* Page title/subtitle h3 */h3.pageTitle{ text-align: center; font-size: 16pt;}h3.pageSubTitle{ text-align: center; font-size: 14pt;}