body {background-color=#ffee88; text-align:centre; color:purple;}
/* default colors unless over-ridden */
.jjj {background-color:red}
/* -------------------- common to more than one script */
.try {background-color:#ffee88; font:"Arial, Arial, Helvetica";>
}
/* background for body of each page */
#sp1 {font-size:3px}
#sp2 {font-size:6px}
/* ----------------- end of span definitions for single lines --------- */
#span2 {background-color:#eeee70; color:black; font-size:8pt;
font-weight='550';}
/* all scripts ... current menu item*/
#span_accom {font-size:0.9em;}
/* message to enlarge photo near to each photo in
accommodation and shrop/shropxj */
.menu{font-size:10pt; color:white;font-weight:bold;}
a.menu:link { text-decoration:underline;}
a.menu:visited {text-decoration:underline;}
a.menu:hover {text-decoration:underline }
a.menu:active {text-decoration:underline}
/* top menu all through */
#menub {position:absolute;top:1%;left:5%;width:93%; height:auto;
color:maroon; background-color:#800040;
text-align:center;padding-bottom:1%;padding-top:1%;
}
/* home and all others .. div for top menu */
#span6 {background-color:transparent; color:maroon; font-size:1.05em;
font-weight:bold;}
/* shropshire sub headings & shropshire */
/* bigger home.exterior.patio.tub */
#d1 {position:absolute;top:14%;left:3%;
background-color:transparent;width:95%;height:auto;
text-align:center;font-size:1em; color:#cc4040;
font-weight:bold;}
/* home & accommodation 1st heading */
#d2 {position:absolute;top:21%;left:3%;
background-color:transparent;width:95%;height:auto;
text-align:center; font-size:0.9em; color:maroon; font-weight:bold;
}
/* Home & accommodation 2nd heading */
#d27 {position:absolute;top:30%;left:7%;
background-color:transparent;width:85%;height:auto;
font-size:0.8em; color:maroon;text-align:center;
}
/* directions and feedback ... main body of text */
#d99 {position:absolute;top:27%;left:7%;
background-color:transparent;width:85%;height:auto;
font-size:0.8em; color:maroon;text-align:center;
}
/* contact ... main body of text */
#dcal {text-align:center}
/* to center calendar and bottom of rates*/
/* -------------------- rates and calendar */
.b {background-color=#ff1010; color:white}
/* red dates to show booked */
.p {background-color=green; color:white}
/* -------------------- home */
#d3 {position:absolute;top:27%;left:3%;
background-color:transparent;width:95%;height:auto;
font-size:0.8em; color:maroon;text-align:justify;
}
/* home top text */
#d3 {position:absolute;top:27%;left:8%;
background-color:transparent;width:85%;height:auto;
font-size:0.8em; color:maroon;text-align:justify;
}
/* home top text */
#d4za {position:absolute;top:100%;left:0%;width:100%;height:auto;
background-color:transparent; color:maroon; font-size:121%;
font-weight:700;text-align:center;}
/* home bottom text in bold */
/* -------------------- Shropshire */
#d2a {position:absolute;top:17%;left:3%;
background-color:transparent;width:95%;height:6%;
text-align:center; font-size:1.15em; color:maroon; font-weight:500;
}
/* Shropshire 1st heading */
.ddd{font-size:9pt;color:black;background-color:#cccccc}
a.ddd:link {text-decoration:none;}
a.ddd:visited {text-decoration:none;}
a.ddd:hover {text-decoration:none;}
a.ddd:active {text-decoration:none;}
/* shropshire internal links */
.aaa{font-size:9pt}
a.aaa:link { color:blue;text-decoration:underline;}
a.aaa:visited {color:blue;text-decoration:underline;}
a.aaa:hover { color:red;text-decoration:underline }
a.aaa:active {color:blue;text-decoration:underline}
/* shropshire external links */
#d5{position:absolute;top:29%;left:3%;
background-color:transparent;width:96%;height:auto;
font-size:0.9em; color:maroon;text-align:center;
}
/* shropshire internal links and main body of text */
#span1 { font-size:3pt}
/* shropshire and small line return in heading */
#span8 {font-size:9pt;color:blue;text-decoration:underline;}
/* shropshire dummy window open message */
/* -------------------- accommodation ... start */
#accom1 {position:absolute;top:34%;left:3%;
width:28%;height:36%;font-size:0.76em; color:maroon;
text-align:justify;background-color:transparent;
}
/* accommodation 1st picture exterior */
#accom2 {position:absolute;top:41%;left:33%;
background-color:transparent;width:65%;height:auto;
font-size:0.76em; color:maroon;text-align:justify;
}
/* accommodation text next to 1st picture */
#accom3 {position:absolute;top:79%;left:6%;
width:20%;height:49%;font-size:0.76em; color:maroon;
text-align:justify;background-color:transparent;
}
/* accommodation 2nd picture interior */
#accom4 {position:absolute;top:94%;left:33%;
background-color:transparent;width:65%;height:auto;
font-size:0.76em; color:maroon;text-align:justify;
}
/* accommodation text next to 2nd picture */
#accom5 {position:absolute;top:138%;left:3%;
width:28%;height:36%;font-size:0.76em; color:maroon;
text-align:justify;background-color:transparent;
}
/* accommodation 3rd picture lounge */
#accom6 {position:absolute;top:143%;left:33%;
background-color:transparent;width:65%;height:auto;
font-size:0.76em; color:maroon;text-align:justify;
}
/* accommodation text next to 3rd picture */
#accom7 {position:absolute;top:185%;left:3%;
width:28%;height:36%;font-size:0.76em; color:maroon;
text-align:justify;background-color:transparent;
}
/* accommodation 4th picture kitchen */
#accom8 {position:absolute;top:190%;left:33%;
background-color:transparent;width:65%;height:auto;
font-size:0.76em; color:maroon;text-align:justify;
}
/* accommodation text next to 4th picture */
#accom9 {position:absolute;top:235%;left:3%;
width:28%;height:36%;font-size:0.76em; color:maroon;
text-align:justify;background-color:transparent;
}
/* accommodation 5th picture bedroom */
#accom10 {position:absolute;top:245%;left:33%;
background-color:transparent;width:65%;height:auto;
font-size:0.76em; color:maroon;text-align:justify;
}
/* accommodation text next to 5th picture */
#accom11 {position:absolute;top:280%;left:6%;
width:20%;height:49%;font-size:0.76em; color:maroon;
text-align:justify;background-color:transparent;
}
/* accommodation 6th picture bathroom */
#accom12 {position:absolute;top:295%;left:33%;
background-color:transparent;width:65%;height:auto;
font-size:0.76em; color:maroon;text-align:justify;
}
/* accommodation text next to 6th picture */
#accom13 {position:absolute;top:340%;left:3%;
width:28%;height:36%;font-size:0.76em; color:maroon;
text-align:justify;background-color:transparent;
}
/* accommodation 7th picture patio */
#accom14 {position:absolute;top:345%;left:33%;
background-color:transparent;width:65%;height:auto;
font-size:0.76em; color:maroon;text-align:justify;
}
/* accommodation text next to 7th picture */
#accom15 {position:absolute;top:385%;left:3%;
width:28%;height:36%;font-size:0.76em; color:maroon;
text-align:justify;background-color:transparent;
}
/* accommodation 8th picture hot tub */
#accom16 {position:absolute;top:390%;left:33%;
background-color:transparent;width:65%;height:auto;
font-size:0.76em; color:maroon;text-align:justify;
}
/* accommodation text next to 8th picture */
/* -------------------- Bigger ... start */
#d12c {position:absolute;top:35%;left:72%;
width:20%;height:auto;text-align:center;font-size:1em;
background-color:transparent;}
/* TEXT home.exterior.patio.tub.lounge etc etc */
#d25 {position:absolute;top:10%;left:9%;
background-color:transparent;width:60.5%;height:71.5%;}
/* PHOTO home.exterior.patio.tub.clun.church */
/* ie ordinary Landscape */
#d25a {position:absolute;top:10%;left:7%;
background-color:transparent;width:65%;height:71.5%;}
/* PHOTO lounge.kitchen.bedroom.soke ie wide angle. Landscape */
#d25b {position:absolute;top:4%;left:27%;
background-color:transparent;width:36%;height:85%;}
/* PHOTO interior.bathroom ie wide angle. Portrait */
#d25c {position:absolute;top:10%;left:27%;
background-color:transparent;width:37%;height:78%;}
/* PHOTO bike. ie ordinary Portrait */
/* ----------------- rates */
#span_rates {font-size:0.8em;}
/* message to enlarge photo */
#d27a {position:absolute;top:28%;left:7%;
background-color:transparent;width:85%;height:auto;
font-size:0.8em; color:maroon;text-align:justify;}
/* rates ... main body of text */
/* ----------------- slides */
#d30 {position:absolute;top:20%;left:75%;
color:maroon;background-color:transparent;width:20%; height:auto;
font-family: verdana;padding:1px;font-size:0.8em;text-align:center;
}
/* slideshow upper general text */
#d31 {position:absolute;top:60%;left:75%;
color:maroon;background-color:transparent;width:20%; height:auto;
font-family: verdana;padding:1px;font-size:0.8em;text-align:center;
font-weight:normal;}
/* slideshow lower general text */
#d21 {position:absolute;top:13%;left:5%;
background-color:gray;width:59%;height:70%;padding:3%;}
/* slideshow.html photos */
#d22 {position:absolute;top:88%;left:5%;
background-color:transparent;width:59%;height:auto;
font-size:1em;text-align:center;color:#ffee88;}
}
/* slideshow caption */
/* ----------------- sendmail.php */
#d28 {position:absolute;top:35%;left:3%;
background-color:transparent;width:95%;height:auto;
font-weight='bold';font-size:1em; color:black;text-align:center;}
}
/* sendmail */
/* ----------------- index */
#d29 {position:absolute;top:15%;left:25%;
color:maroon;background-color:transparent;width:50%; height:auto;
font-size:1em;text-align:center;
}
/* index.html when no java */
.ind{font-size:12pt;color:black;background-color:white}
a.ind:link {text-decoration:none;}
a.ind:visited {text-decoration:none;}
a.ind:hover {text-decoration:none;}
a.ddd:active {text-decoration:none;}
/* index.html when no java */