/* Style Sheet for Seven Roses Inn */ /* Revised 02-25-08 to add Yellow Box in left column. */ /* Yellow Box code updated Jan 2, 2009 Modified 04-30-10, 05-3-10, 05-20-10 */ /* Books page added 01-07-11 Updated 03-27-11, 04-07-11 */ /* Rate table changed 04-08-11, code updated 10-03-12 */ /* Edited out old entries and changed to all em's 04-08-11, updated 08-01-12, general coding updates 10-03-12 */ /* Updated text and codes 11-01-13, 11-08-13, 11-18-13 */ /* Revised pages with HTML5 to make larger 08-23-15, 08-24-15 */ /* Renamed to this page to style15 for the new look 08-24-15, 08-25-15 */ /* Added p-rmhdr, p-sig 05-01-16 */ /* Revised 07-22-21 */ body {text-align:center; background-color: #FFFCE6; color: #000000;} *#frame {width:900px; margin-left: auto; margin-right:auto; margin-top:0px; padding:0px; text-align:left; } *#topheader{ width:100%;} *#photoframe {width:1000px; margin-left: auto; margin-right:auto; margin-top:0px; padding:0px; text-align:left; } span.date {text-align: center; font-size: .83em; color: red; font-weight: 600; font-family: verdana, helvetica, sans-serif; background: #FFFFFF;} /* LEFT PANEL - Navigation Menu plus Yellow Box */ *#navsite2 {top: 146px; width:150px; padding:0px; float:left; } *#not {display:block; padding:15px 8px; margin: 5px 0; text-align:center; font-weight: bold; border: 1px solid #4D4E53; color:#000000; text-decoration:none; background-color: #CCFFCC; } *#navbar { top: 146px; width:150px; padding:0px; float:left; } /*SIDE NAVIGATION BLOCKS*/ ul.sidenav {list-style: none; margin: 0; padding: 0; font-size: 1em; } ul.sidenav li a {display:block; padding:15px 8px; margin: 5px 0; text-align:center; font-weight:bold; color: #FFFFFF; border: 1px solid #4D4E53; text-decoration:none; background-color: #669966;} /* e3e3e3 */ ul.sidenav li a:hover {border: 1px solid #4D4E53; background-color: #006600; color: #FFFFFF;} /* 4D4E53 006600 */ ul.sidenav li a:visited {color:#FFFFFF; background-color: #669966;} a:link {color: #339933; background: #FFFFFF; text-decoration:none;} /* lite green */ a:visited {color: #003300; background: #FFFFFF; } /* dark green */ a:hover {color: #CC6600; background: #FFFFFF; text-decoration:none;} /* orange */ a:active {color: #CC6600; background: #FFFFFF; text-decoration:none;} /* orange */ ul.srv {text-align:left; font-size: 0.92em; font-family: verdana, Helvetica, sans-serif; margin-bottom: 1.2em;} li.srv {text-align: left; font-size: 0.92em; font-family: verdana, helvetica, sans-serif; margin-bottom: 1.2em;} li.srv {text-align: left; font-size: 0.92em; font-family: verdana, helvetica, sans-serif; margin-bottom: 0.2em;} ul.lft {text-align: left; font-size: 0.92em; font-weight:normal; font-family: verdana, helvetica, sans-serif} li {text-align: left; font-size: 1em; font-family: verdana, helvetica, sans-serif;} li.lftin {text-align: left; margin-left: 20px; font-size: 0.92em; font-family: verdana, helvetica, sans-serif} /* Left Yellow Box add-on - next 6 items -- created Feb 2008, revised 01/02/09, and 08-25-15 */ *#spacer { text-align: left; padding: 7px; margin-left: 0px; margin-right: 0px; font-size: 1.1em; font-family: verdana, helvetica, sans-serif; color: #000000; background: #FFFCE6; border: 0px solid #000000; } *#bread { text-align: left; padding: 7px; margin-left: 0px; margin-right: 0px; font-size: 1em; font-family: verdana, helvetica, sans-serif; color: #000000; background: #FEF7A7; border: 0px solid #000000; } /* *#bread a:link {color: #003300; background: #FEF7A7; text-decoration:none;} *#bread a:visited {color: #003300; background: #FEF7A7; } *#bread a:hover {color: #CC6600; background: #FEF7A7; text-decoration:none;} *#bread a:active {color: #CC6600; background: #FEF7A7; text-decoration:none;} */ /* End Yellow Box add-ons */ /* CENTER PANEL */ *#contentcenter {width:600px; padding:0px; float:left; background: #FFFFFF; color: #000000; } *#bc {margin-left: auto; margin-right: auto; text-align: center; width: 275px; border: 2px solid #000000; background: #FFFFFF;} /* Photo in Story */ p {text-align:left; margin-left: 25px; margin-right: 25px; font-size:0.92em; font-family: verdana, helvetica, sans-serif; color: #000000; background: #FFFFFF; } p.sr {font-size:1.5em; font-weight: bold; font-family: "edwardian script ITC", cursive; color: #000000; background-color: #FFFFFF; } span.sr {font-size:2.5em; font-weight: bold; font-family: "edwardian script ITC", cursive; color: #000000; background-color: #FFFFFF; } p.rmbox { text-align: left; padding: 10px; font-size: 0.92em; font-family: verdana, helvetica, sans-serif; color: #000000; border: 2px solid #000000; background: #FFFCE6; } span.roomscroll {text-align: center; font-size: .92em; color: red; font-weight: 600; font-family: verdana, helvetica, sans-serif; background-color: #FFFFFF;} p.site {text-align:left; margin-left: 80px; font-weight: bold; font-size: 1.2em; font-family:verdana, helvetica, sans-serif; background: #FFFFFF; color:#000000;} span.update {color: #000000; font-weight: normal; font-family: verdana, helvetica, sans-serif; background: #FFFFFF;} p.breakfast {text-align: left; margin-left: 40px; margin-right: 25px; font-size: 0.75em; font-family: verdana, helvetica, sans-serif;} p.rmhdr {text-align: left; margin-top: 1em; margin-left:25px; margin-right:0px; font-size: 1.5em; font-weight: bold; color: #663300; font-family: Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF; } p.sig {text-align:right; margin-left: 25px; margin-right: 25px; font-size:0.92em; font-family: verdana, helvetica, sans-serif; color: #000000; background: #FFFFFF; } span.date {text-align: center; font-size: .83em; color: red; font-weight: 600; font-family: verdana, helvetica, sans-serif; background: #FFFFFF;} h1 {text-align: center; margin-top: 1em; margin-left:25px; margin-right:0px; font-size: 2.1em; font-weight: bold; color: #663300; font-family: Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF; } span.date {text-align: center; font-size: .83em; color: red; font-weight: 600; font-family: verdana, helvetica, sans-serif; background: #FFFFFF;} h2 {text-align: center; font-size: 0.92em; font-family: verdana, helvetica, sans-serif; } h3 {text-align: center; font-size: 1.2em; font-family: verdana, helvetica, sans-serif; color: #663300; background-color: #FFFCE6;} h4 {text-align: center; font-size: 0.70em; font-family: verdana, helvetica, sans-serif} /* RIGHT PANEL */ *#contentright {width:150px; padding:0px; float:left; background:#003300; color: #000000; } *#welcome { text-align: left; padding: 5px; margin-left: 0px; margin-right: 0px; font-size: 0.92em; font-weight: bold; font-family: verdana, helvetica, sans-serif; color: #FFFFFF; background: #663300; } *#newsbox { text-align: left; padding: 5px; margin-left: 8px; margin-right: 5px; font-weight:normal; font-size: 0.75em; font-family: verdana, helvetica, sans-serif; color: #FFFFFF; background: #003300; } *#footer { text-align: left; padding: 7px; margin-left: 0px; margin-right: 0px; font-size:0.63em; font-family: verdana, helvetica, sans-serif; color: #000000; background: #FEF7A7; border: 0px solid #000000; } /* END RIGHT PANEL */ img.ctrmap {border: none; margin:10px 10px 10px 10px;} img {border: none; } img.ctr {border: none; margin:10px 10px 10px 10px;} img.mapp { border: 2px solid #003;} img.rght {float:right; margin:10px 0px 10px 10px; border: none;} img.lft {float:left; margin:10px 10px 0px 10px; border: none;} img.lftrm {margin:0px 0px 0px 5px; border: none;} /* START OF NOT-YET-CHECKED */ p.hdrin {text-align: left; margin-top: 1em; margin-left:25px; margin-right:0px; font-size: 1.1em; font-weight: bold; color: #663300; font-family: Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF; } p.sri {text-align:left; margin-left: 25px; margin-right: 25px; font-size:0.75em; font-family: verdana, helvetica, sans-serif; color: #000000; background: #FFFFFF url(images/sri4.jpg) no-repeat left top; } span.srhm {font-size:2em; font-weight: bold; font-family: helvetica, sans-serif; color: #000000; background-color: #FFFFFF; } /* END OF NOT-YET-CHECKED */ /* TABLE for Room Rates in center panel */ *#table {margin-left: auto; margin-right: auto; text-align: center; width: 312px; border: 2px solid #000000;} table.rates {margin-left: auto; margin-right: auto; text-align: center; width: 312px; border: 4px solid #000000;} td.suphd { text-align: center; padding: 3px; margin-left: 0px; margin-right: 0px; font-weight:bold; font-size: 0.83em; font-family: verdana, helvetica, sans-serif; color: #000000; background: #CCFFCC; border: 2px solid #000000;} td.sup { text-align: center; padding: 4px; margin-left: 0px; margin-right: 0px; font-weight:bold; font-size: 0.75em; font-family: verdana, helvetica, sans-serif; color: #FFFFFF; background: #669966; } td.supp { text-align: left; padding: 4px; margin-left: 0px; margin-right: 0px; font-weight:normal; font-size: 0.75em; font-family: verdana, helvetica, sans-serif; color: #000000; background: #FEF7A7; } *#rates a:link {color: #FFFFFF; background: #669966; text-decoration:none;} *#rates a:visited {color: #FFFFFF; background: #669966; } *#rates a:hover {color: #CC6600; background: #669966; } *#rates a:active {color: #FFFFFF; background: #669966; text-decoration:none;} /* End TABLE */ /* Begin BOOKS Page codes */ *#bookframe {width:900px; margin-left: auto; margin-right:auto; margin-top:0px; padding:0px; text-align:left; background-color: #FFFCE6; } p.bookhdr {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; text-align: center; color: #663300; margin-top: .3em; margin-left:0px; margin-right:0px; background-color: #FFFCE6; } span.amazonhdr {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.83em; font-weight: bold; text-align: center; color: #663300; margin-top: 1em; margin-left:0px; margin-right:0px; background-color: #FFFCE6; } p.book1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; text-align: center; color: #663300; margin-top: 1em; margin-left: 0px; margin-right:0px; background-color: #FFFCE6;} p.book2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.92em; font-weight: bold; text-align: center; color: #663300; margin-top: 1em; margin-left: 0px; margin-right:0px; background-color: #FFFCE6; } p.bks {text-align:left; margin-left: 25px; margin-right: 25px; font-size:0.83em; font-family: verdana, helvetica, sans-serif; color: #000000; background-color: #FFFCE6; } span.amazonftr {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; text-align: center; color: #663300; margin-top: 1em; margin-left:0px; margin-right:0px; background-color: #FFFCE6; } /* END of BOOKS Page section */ /* Designed and built by Jeffrey Fitz-Randolph, for Seven Roses Inn */ /* This layout was adopted in part from the webpage titled CSS Layout Techniques: for Fun and Profit, a resource for web developers and designers, at http://www.glish.com/css/home.asp */