body { margin: 0; padding: 0; min-width: 770px; } #top { min-width: 770px; width: 100%; } #nav { min-width: 770px; width: 100%; background: url('../images/nav_bg.gif') center repeat-x #fc0; } #left { float: left; width: 20%; } #center { float: left; width: 55%; } #right { float: right; width: 25%; } #footer { clear: both; margin-top: 1em; } #nav ul { margin: 0; padding: 0; float: left; width: 100%; list-style-type: none; } #nav ul li { display: inline; } #nav ul li a { float: left; text-decoration: none; } h1, h2 { margin-top: 0; } a:hover { color: 900; } .inner { padding: 1em; } /* switch layout by changing id. */ #lcr {} #lc #left { width: 25%; } #lc #center { width: 75%; } #lc #right { display: none; } #cr #right { width: 30%; } #cr #center { width: 70%; } #cr #left { display: none; } #c #right { display: none; } #c #center { width: 100%; } #c #left { display: none; } /* formatting */ body { background: url('../images/bg_m.gif') fixed center no-repeat #fff; font-size: .8em; font-family: Georgia, serif; } #top { background: url('../images/top_serving.gif') top right no-repeat #fff; } #nav { background: url('../images/nav_bg.gif') center repeat-x #fc0; } #nav ul { border-top: 1px solid #000; border-bottom: 1px solid #000; } #nav ul li { } #nav ul li a { padding: .3em .7em; color: #000; border-right: 1px solid #960; background: url('../images/nav_bg.gif') center repeat-x #fc0; font-weight: bold; } #nav ul li a.active { background: url('../images/nav_bg_hover.gif') repeat-x center #c90; } #nav ul li a:hover { background: url('../images/nav_bg_hover.gif') repeat-x center #c90; } #right p, #left p { line-height: 1.5em; } #right li, #left li { line-height: 1.5em; } #right dt { font-weight: bold; } #right dd { margin: 0 0 .5em 0; } #center .photo { float: left; padding: 0 1em 1em 0; } #center h2 { font-size: 1.5em; } #center p { line-height: 1.75em; } #footer { border-top: 1px solid #999; text-align: center; } #footer h3 { margin: 0 0 .25em 0; letter-spacing: .1em; font-size: 1em; } #footer p { margin: 0 0 1em 0; } #footer .credit { margin: 1em 0 0 0; color: #666; font-size: .8em; } #tour { float: left; } #tour img { margin-right: 1em; border: 1px solid #000; } #tour textarea { width: 402px; border: 0; text-align: center; font-family: Georgia, serif; } #gallery img { margin: 0 .5em .5em 0; border: 1px solid #000; } #calendar td { height: 4em; vertical-align: top; border: 1px solid #ccc; background: #eee; font-size: .75em; } strong em { font-style: normal; font-family: Courier New, monospace; }