/* silverdale.css */ /* the (margin) controls the indent of text (all pages) */ /* (margin:50px 0px; padding:0px;) in the first line of body offsets IE bugs with this method of centering the container column and margin:0px auto; text-align:left; in the #container is to center the container */ /* this controls the scrollbar in IE5 and above only (only works with a quirky DOCTYPE declaration i.e. with no W3C URL */ body { margin:25px 0px; padding:0px; text-align:center; background-image:url('images/background2.jpg'); font-family:Verdana, Arial, "Times New Roman", sans-serif; font-size:1em; } body{ scrollbar-arrow-color:#FFFFFF; scrollbar-base-color:#000000; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#666666; scrollbar-track-color:#CCCCCC; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#000000;} /* this is the grey box container (all pages) */ #container { width:750px; margin:0px auto; text-align:left; border:1px; border-style:solid; border-color: #000000; background-color:#99CCFF; } /* this is the grey contact graphic beneath main logo header (all pages) */ #contact { width:750px; } /* this is the main graphic header logo (all pages) */ #logo { text-align:center; } #logo2 { text-align:center; } #photos1 { float:right; } #photos2 { float:left; } /* this is the content layout properties within the container */ #maincontent { margin-left:20px; margin-right:20px; background-color:transparent; padding:10px; } #subheadings {text-align:center; } a:link { font-size:0.90em; color:#000099; text-decoration:none; font-weight:600; } a:visited { font-size:0.90em; color:#FF0000; text-decoration:none; font-weight:600; } a:hover { font-size:0.90em; color:#3333FF; text-decoration: underline; font-weight:600; } h1 { font-family:Verdana, Arial, "Times New Roman", sans-serif; font-size:1em; color:#000000; background-color:transparent; } h2 { font-family:Verdana, Arial, "Times New Roman", sans-serif; font-size:0.90em; color:#000000; background-color:transparent; } p { font-family:Verdana, Arial, "Times New Roman", sans-serif; font-size:0.90em; color:#000000; font-weight:400; font-style:normal; background-color:transparent; } /* this is the prices table on contact.htm */ .prices { width:500px; text-align:center; } /* this is the prices header for guesthouse on prices table contact.htm */ .headinggh { font-family:Verdana, Arial, "Times New Roman", sans-serif; font-size:0.90em; color:#000000; font-weight:bolder; background-color:#F5C861; } /* this is the prices details for guesthouse on prices table contact.htm */ .detailsgh { font-family:Verdana, Arial, "Times New Roman", sans-serif; font-size:0.90em; color:#000000; background-color:#FFFFFF; } /* this is the prices header for selfcatering on prices table contact.htm */ .headingsc { font-family:Verdana, Arial, "Times New Roman", sans-serif; font-size:0.90em; color:#000000; font-weight:bolder; background-color:#99FF99; } /* this is the prices details for selfcatering on prices table contact.htm */ .detailssc { font-family:Verdana, Arial, "Times New Roman", sans-serif; font-size:0.90em; color:#000000; background-color:#FFFFFF; } /* Unordered lists on links.htm */ ul { list-style-type:square; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.90em; } /* these are the maps on the directions.htm */ #map2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; text-align:center; } #map1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; text-align:center; } /* this is the blue enquiry table header on (contact.htm) */ .TitleTxt { background-color:#2f3ba1; padding-top:1%; padding-bottom:1%; padding-left:1%; padding-right:1%; font-family:Verdana, Arial, "Times New Roman", sans-serif; color:#FFFFFF; font-size:0.90em; font-weight:600; text-align:center; } .ErrorTxt { font-family: Verdana, Arial, "Times New Roman", sans-serif; font-size:0.90em; font-style: normal; font-weight: 600; font-variant: normal; color: #FF0000} /* these are the navigation buttons (menu - all pages) */ /*Rollovers - Box style*/ table.navbut { font-family : Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; font-weight:600; margin-bottom : 4px; margin-top : 6px; } table.navbut a { background-color:#2f3ba1; border-width:3px; border-color:#FFFFFF; border-style:outset; color:#FFFFFF; display:block; padding-bottom:4px; padding-left:12px; padding-right:12px; padding-top:4px; text-decoration:none; text-align:center; } table.navbut a:hover { background-color:#0000FF; border-width:3px; border-color:#FFFFFF; border-style:outset; color:#FFFFFF; text-decoration: underline; } table.navbut a:visited { color:#FFFFFF;} /* this is the footer on all pages */ .ftr { width:750px; padding-top:5px; padding-bottom:5px; background-color:#666666; color:#FFFFFF; text-align:center; font-weight:400; font-family:Verdana, Arial, "Times New Roman", sans-serif; font-size:0.75em; font-style:normal; } .ftr a { color:#FFFFFF; background-color:transparent; } .ftr a:hover { color:#FFFFFF; background-color:transparent; } .ftr a:visited { color:#FFFFFF; background-color:transparent; } /* this is the accommodation picture thumbnails table on index.htm, cottage.htm, guesthouse.htm */ #tableaccommodation { background-color:transparent; width:400px; } /* this is the accommodation picture thumbnails table on index.htm, cottage.htm, guesthouse.htm */ .data { color:#000000; font-size:0.90em; font-weight:400; font-style:normal; } /* this is the highslide configuration */