/* CSS Stuart Stansfield First clear out all settings which may be inserted automatically by some browsers. Doing this gives us a clean start with no problems with the way different browsers interpret the XHTML and CSS code */ body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; } a { text-decoration: none; } a img { border: 0; } /* End of preliminary clear out */ /* General settings */ body { background: url(ob/hf200.png) repeat-y; position: relative; width: 100%; } #wrapper { width: 98%; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 0 20px 10px 20px; text-align: center; margin-top: 0; margin-left: auto; margin-right: auto; } #box { width: 80%; border: 5px ridge #f6c61c; padding: 10px; margin-left: auto; margin-right: auto; text-align: center; } #banner { position: relative; width: 100%; margin: 0; padding: 0; text-align: right; } #logo { position: absolute; top: 0px; left: 0px; } #sun { position: absolute; top: 10px; right: 525px; } #left { width: 200px; float: left; margin: 0; text-align: left; padding: 10px; } #leftp { width: 20%; float: left; margin: 0; text-align: left; padding: 10px; } #right { width: 70%; float: right; font-family: Arial, Verdana, Helvetica, sans-serif; color: #5c5c5c; padding: 0 20px 10px 20px; text-align: center; margin-left: auto; margin-right: auto; } .rightdir { width: 40%; float: right; padding: 0 20px 10px 20px; text-align: left; } .rightdir p { font-size: x-small; } .rightdir h2 { font-size: small; font-weight: bold; text-decoration: underline; } #self { clear: both; background: url(ob/hf200.png) repeat-y; border-top: 9px #FF7300 double; } #latest { width: 175px; float: right; margin: 5px; text-align: center; padding: 7px; border: 3px double #FF7300; } .clearr { clear: right; } #nav { width: 190px; text-align: center; } #nav table { border: 0; } #nav td.navr { background: url(ob/butr.gif) no-repeat; height: 34px; width: 150px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #ff0000; font-size: small; } #nav td.navr a.navr { color: #ff0000; font-size: small; padding: 0 0 0 10px; } #nav td.navg { background: url(ob/butg.gif) no-repeat; height: 34px; width: 150px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #00ff00; font-size: small; } #nav td.navg a.navg { color: #00ff00; font-size: small; padding: 0 0 0 10px; } #wrapper2 { font-family: Arial, Verdana, Helvetica, sans-serif; color: #5c5c5c; padding: 0 20px 10px 20px; text-align: center; margin-left: auto; margin-right: auto; } #map { width: 500px; height: 300px; font-size: small; color: blue; text-align: center; margin-left: auto; margin-right: auto; } .wraps { color: #5c5c5c; padding: 0 20px 10px 20px; text-align: left; } #popupwp { width: 250px; background: url(ob/hf200.png) repeat-y; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 0 20px 10px 20px; text-align: left; } #popuptc { width: 550px; background: url(ob/hf200.png) repeat-y; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 0 20px 10px 20px; text-align: left; } #popuppl { width: 650px; background: url(ob/hf200.png) repeat-y; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 0 20px 10px 20px; text-align: center; } #popupwp p,#popuptc p,#popuppl p { padding: 5px; } .lj { text-align: left; padding: 0 15px 10px 15px; } div.photol { float: left; margin: 10px 15px 10px 0; } div.photor { float: right; margin: 10px 0 10px 15px; } table.prop { border: 0; font-size: small; color: #5c5c5c; } table.prop tr { height: 160px; } table.facilities { border: 0; font-size: small; color: #5c5c5c; } table.pmpl { width: 90%; border: 1px solid #5c5c5c; font-size: small; color: #5c5c5c; cell-padding: 5px; margin-left: auto; margin-right: auto; } table.pmpl td { border: 1px solid #5c5c5c; padding: 5px 10px 10px 5px; text-align: left; } table.rep { width: 90%; margin-left: auto; margin-right: auto; } table.rep th { background: #fdf4d4; color: #7a7a7a; text-align: center; } table.rep tr.tots { background: #fbe293; } table.egtab { width: 90%; border: 1px solid #5c5c5c; font-size: small; color: #5c5c5c; cell-padding: 5px; margin-left: auto; margin-right: auto; } table.egtab td { border: 1px solid #5c5c5c; padding: 5px 10px 10px 5px; text-align: center; } table.egtab td.pic { width: 130px; border: 1px solid #5c5c5c; padding: 5px; text-align: center; } #foot { clear: both; text-align: center; } a.pnav { color: orange; } a.pnav:visited { color: orange; } a.pnav:hover { color: red; } p { padding: 5px 15px 1px 15px; font-size: small; line-height: 120%; color: #5c5c5c; } p.tiny { font-size: x-small; } p.red { color: red; } h1 { font-size: x-large; color: #cacaca; padding-top: 1em; padding-bottom: .2em; padding-left: .4em; margin: 0; } h2 { color: #7a7a7a; font-size: 120%; font-weight: bold; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; margin-top: 5px; text-decoration: underline; } h3 { color: #7a7a7a; font-size: large; font-weight: bold; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; margin-top: 5px; text-decoration: none; } ul.bene { padding-left: 50px; font-size: small; } ul.indent { padding-left: 220px; font-size: small; line-height: 120%; } ul.indent li { padding-bottom: 5px; } #foot p { font-size: x-small; color: #5c5c5c; } #endplay p { font-size: x-small; color: #c2c278; } /* Styles for Availability calendar */ table { padding: 0; cellpadding: 0; cellspacing: 0; border-collapse: collapse; border: 1px solid black; } thead.main { height: 30px; } th { font-family: Arial, sans-serif; font-size: x-small; font-weight: bold; width: 20px; color: blue; text-align: center; border: 1px solid black; } th.first { width: 100px; } th.we { background-color: #b5e9ff; } tr.gen { height: 18px; } table.rep td { font-family: Arial, sans-serif; font-size: small; color: #5c5c5c; font-weight: normal; padding-left: 15px; padding-right: 15px; text-align: center; border: 1px solid black; } td.gen { cursor: pointer; background: url(ob/a.png); font-style: Arial, sans-serif; font-size: x-small; color: red; text-align: center; border: 1px solid black; } td.first { background: white; font-size: x-small; font-weight: bold; color: #7a7a7a } td.sday { cursor: pointer; background: url(ob/s.png); font-size: x-small; color: white; } td.bday { background: url(ob/b.png); font-size: x-small; color: white; } td.fday { cursor: pointer; background: url(ob/f.png); font-size: x-small; color: white; } td.xday { background: url(ob/x.png); font-size: x-small; color: white; } td.rday { background: url(ob/r.png); font-size: x-small; color: white; } td.absday { cursor: pointer; background: url(ob/abs.png); font-size: x-small; color: black; } td.abfday { cursor: pointer; background: url(ob/abf.png); font-size: x-small; color: black; } td.abday { cursor: pointer; background: url(ob/ab.png); font-size: x-small; color: black; } td.sbday { cursor: pointer; background: url(ob/sb.png); font-size: x-small; color: black; } td.fbday { cursor: pointer; background: url(ob/fb.png); font-size: x-small; color: black; } #avail { width: 800px; text-align: center; margin-left: auto; margin-right: auto; }