body {min-width:770px; font:80% Verdana, Arial, Helvetica, sans-serif; background: #fff url(../images/pageback_home.gif) repeat-y; margin:0; padding:0;}
body#pagecounties {background:#fff url(../images/pageback_counties.gif) repeat-y;}

div#pagecontainer {position:relative; width:770px; margin:0; padding:0;}
form {margin:0;}
a img {border:0; display:block;}
 
div#searchbar {height:23px; border-bottom:1px solid #707070; background-color:#777; color:#fff;}
div#searchbar a {display:block; color:#fff; text-decoration:none; font-size:0.85em; padding:5px 0 0 8px; width:200px; float:left;}
div#searchbar a:hover {text-decoration:underline;}
div#searchbar div#searchform {display:block; float:right; width:478px;}

div#searchform label {display:block; width:300px; float:left; font-size:0.85em; padding-top:5px; text-align:right; padding-right:6px;}
div#searchform input.edit {display:block; width:112px; float:left; height:14px; font-size:0.85em; margin:3px 6px 0 0; border:1px solid #606060;}
/* have been crafty below and hidden the text on the button in order to use the graphic */
div#searchform input.button {display:block; width:40px; float:left; background:transparent url(../images/searchbutton.gif) no-repeat; font-size:0; height:19px; margin:4px 0 0 0; border:0; padding:0; line-height:40px;}

div#title {height:75px; border-bottom:1px solid #707070; background:#0f8fca url(../images/titleback.jpg) no-repeat; color:#fff; clear:both;  position:relative;}
div#title h1 {font:700 2.0em Arial, Helvetica, sans-serif; padding:16px 0 0 110px; margin:0; letter-spacing:-2px;}
div#title h1#logo {font-size:1px; margin:0; text-indent:-9999px; position:absolute; top:16px; left:14px; background:url(../images/titlelogo.gif) no-repeat; padding:0; width:74px; height:45px;}
div#title h2 {font:1em Arial, Helvetica, sans-serif; margin:-2px 0 0 220px; letter-spacing:1px;}

body#pageaccomodation div#title {background:#880f93 url(../images/titleback_accomodation.jpg) no-repeat;}
body#pageaccomodation div#title h1#logo {background:url(../images/titlelogo_accomodation.gif) no-repeat;}
body#pagenews div#title {background:#cc1325 url(../images/titleback_news.jpg) no-repeat;}
body#pagenews div#title h1#logo {background:url(../images/titlelogo_news.gif) no-repeat;}
body#pageeducation div#title {background:#26ab2c url(../images/titleback_education.jpg) no-repeat;}
body#pageeducation div#title h1#logo {background:url(../images/titlelogo_education.gif) no-repeat;}
body#pageeatingout div#title {background:#171577 url(../images/titleback_eatingout.jpg) no-repeat;}
body#pageeatingout div#title h1#logo {background:url(../images/titlelogo_eatingout.gif) no-repeat;}
body#pageentertainment div#title {background:#c753c6 url(../images/titleback_entertainment.jpg) no-repeat;}
body#pageentertainment div#title h1#logo {background:url(../images/titlelogo_entertainment.gif) no-repeat;}
body#pagejobs div#title {background:#674711 url(../images/titleback_jobs.jpg) no-repeat;}
body#pagejobs div#title h1#logo {background:url(../images/titlelogo_jobs.gif) no-repeat;}
body#pagefinance div#title {background:#c8c726 url(../images/titleback_finance.jpg) no-repeat;}
body#pagefinance div#title h1#logo {background:url(../images/titlelogo_finance.gif) no-repeat;}
body#pageutilities div#title {background:#898989 url(../images/titleback_utilities.jpg) no-repeat;}
body#pageutilities div#title h1#logo {background:url(../images/titlelogo_utilities.gif) no-repeat;}
body#pageshopping div#title {background:#6a1313 url(../images/titleback_shopping.jpg) no-repeat;}
body#pageshopping div#title h1#logo {background:url(../images/titlelogo_shopping.gif) no-repeat;}
body#pagesport div#title {background:#20520f url(../images/titleback_sport.jpg) no-repeat;}
body#pagesport div#title h1#logo {background:url(../images/titlelogo_sport.gif) no-repeat;}
body#pagetravel div#title {background:#cf8d2e url(../images/titleback_travel.jpg) no-repeat;}
body#pagetravel div#title h1#logo {background:url(../images/titlelogo_travel.gif) no-repeat;}
body#pagecounties div#title {background:#0A4B60 url(../images/titleback_counties.jpg) no-repeat;}
body#pagecounties div#title h1#logo {background:url(../images/titlelogo_counties.gif) no-repeat;}
body#pageproperty div#title {background:#2A3ED2 url(../images/titleback_properties.jpg) no-repeat;}
body#pageproperty div#title h1#logo {background:url(../images/titlelogo_properties.gif) no-repeat;}

ul#navbar {height:25px; background:#d6d6d6 url(../images/navbarback.gif) repeat-y; list-style:none; padding:0 0 0 294px; margin:0;}
ul#navbar li {width:140px; float:left; background-color:#fff; margin-left:-2px;}
ul#navbar li a {display:block; margin:0 2px; background-color:#d6d6d6; width:136px; height:16px; font-size:0.8em; text-align:center; font-weight:normal; color:#000; text-decoration:none; padding-top:4px; border-top:3px solid #d6d6d6;}
ul#navbar li a:hover {border-top:3px solid #aaa; background-color:#d6d6d6; height:16px;}

ul#navbar li a.selected,
ul#navbar li a.selected:hover {background-color:#f4f4f4; border-top:3px solid #0f8fca; height:18px; padding-top:4px;}

ul#navbar li#navhome {width:184px;}
ul#navbar li#navhome a {width:180px;}

div#sidebar {width:131px; float:left; text-align:center;}
div#sidebar ul {list-style:none; margin:0 0 16px 0; padding:0 8px 0 0;}
div#sidebar li {text-align:right; font-size:1.0em; margin-bottom:1px;}
div#sidebar li a {text-decoration:none; color:#000; display:block; height:19px; border-right:3px solid #b9b9b9; padding:0 4px 0 0; line-height:1.4em;}
div#sidebar a.button {display:block; margin:0 auto 6px auto; text-decoration:none; width:105px; height:20px; background:#b9b9b9 url(../images/sidebutton.gif) no-repeat; padding:4px 0 0 8px; font-size:0.7em; color:#222; text-align:left;}
div#sidebar a.button strong {color:#0f8fca; font-weight:normal;}
div#sidebar li a.selected,
div#sidebar li a:hover {border-right:3px solid #898989; background-color:#cfcfcf;}
div#sidebar ul ul {margin:4px 0 4px 0; padding-right:12px;}
div#sidebar ul ul li {margin:0 0 1px 0; background-color:#c4c4c4; font-size:0.85em; height:auto !important; height:16px;}
div#sidebar ul ul li a {border-right:3px solid #c4c4c4; padding:0px 8px 0 0; line-height:16px; height:auto !important; height:16px; }
div#sidebar ul ul li a.selected,
div#sidebar ul ul li a:hover {border-right:3px solid #888; background-color:#cfcfcf;}

/* colour of side bar items */
div#sidebar li#sideaccommodation a.selected,
div#sidebar li#sideaccommodation a:hover {border-right-color:#880f93;}
div#sidebar li#sidenews a.selected,
div#sidebar li#sidenews a:hover {border-right-color:#cc1325;}
div#sidebar li#sideeducation a.selected,
div#sidebar li#sideeducation a:hover {border-right-color:#26ab2c;}
div#sidebar li#sideeatingout a.selected,
div#sidebar li#sideeatingout a:hover {border-right-color:#171577;}
div#sidebar li#sideentertainment a.selected,
div#sidebar li#sideentertainment a:hover {border-right-color:#c753c6;}
div#sidebar li#sidejobs a.selected,
div#sidebar li#sidejobs a:hover {border-right-color:#674711;}
div#sidebar li#sidefinance a.selected,
div#sidebar li#sidefinance a:hover {border-right-color:#C8C726;}
div#sidebar li#sideutilities a.selected,
div#sidebar li#sideutilities a:hover {border-right-color:#898989;}
div#sidebar li#sideshopping a.selected,
div#sidebar li#sideshopping a:hover {border-right-color:#6a1313;}
div#sidebar li#sidesport a.selected,
div#sidebar li#sidesport a:hover {border-right-color:#20520f;}
div#sidebar li#sidetravel a.selected,
div#sidebar li#sidetravel a:hover {border-right-color:#cf8d2e;}
div#sidebar li#sideproperty a.selected,
div#sidebar li#sideproperty a:hover {border-right-color:#192FD6;}


div#content {width:639px; float:left;}
body#pagecounties div#content {padding:24px 0 0 24px; width:746px;}

ul#countieslist {list-style:none; margin:0; padding:0; width:100%;}
ul#countieslist h3 {margin:4px 0 0 0; font-size:1.1em; font-weight:normal;}

ul#countieslist table.counties {list-style:none; margin:4px 0 0 0; padding:0;}
ul#countieslist table.counties td {width:218px; margin:0 15px 2px 0; background:url(../images/countypanel.gif) no-repeat; vertical-align:top;line-height:24px; height:27px; padding-left:12px;}
ul#countieslist table.counties a {display:inline; color:#555; text-decoration:none;}
ul#countieslist table.counties strong {color:#3a6880;}
ul#countieslist table.counties a:hover {color:#3a6880; text-decoration:underline;}

ul#countieslist ul.towns {list-style:none; margin:2px 0 0 -12px; padding:0;}
ul#countieslist ul.towns li {margin-right:0; width:219px; background:url(../images/townpanel.gif) 23px 0 no-repeat; text-align:right; padding-right:12px; height:27px;}
ul#countieslist ul.towns li a display:inline;{color:#3f3f3f}

div#content div.panel {background:transparent url(../images/panelback.gif) left bottom no-repeat; padding:16px 16px 16px 24px; width:467px; clear:left; float:left;}
div#content div.panel h3 {margin:0 0 8px 0; font-size:1.1em;}
div#content div.panel p {margin:0 0 16px 0;}

div#content div#extrabar {width:129px; float:right; margin:14px 0 0 0; background-color:#f4f4f4; }

div#content ul#adbar {width:129px; float:right; list-style:none; padding:0; margin:0;}
div#content ul#adbar li {width:99px; height:78px; margin:0 auto 14px auto; background: url(../images/adpanel.gif) no-repeat; padding:0;}
div#content ul#adbar li a {display:block; width:99px; height:73px; padding-top:5px; text-align:center;}
div#content ul#adbar li img {display:block; border:0; margin:0 auto;}

div#content ul.advert {list-style:none; padding-bottom:5px;}
div#content li.advert {width:50%; display:block; float:left}

div#advert {position:absolute; top 0px; left 0px;}

/* div#thomsonsearch {position:relative;} */
div#thomsonsearch {position:relative; height:168px; border-bottom:2px solid #fff;}
div#thomsonsearch p {margin:2px 7px 0 7px !important; font-size:0.8em;}
div#thomsonsearch h3 {margin:0 7px 8px 7px !important;}
div#thomsonsearch input.edit {display:block; width:113px; height:18px; margin:0px 0 0px 7px; color:#777; border:1px solid #666;}
div#thomsonsearch input.button {display:block; width:70px; height:22px; margin:6px 0 0 7px; border:1px solid #666; background-color:#ff7d13; color:#fff; font-size:9px;}
div#thomsonsearch a#thomsonlogo {display:block; position:absolute; left:16px; top:104px; background:url(../images/thomson.gif) no-repeat; border:0; width:101px; height:50px; text-indent:-9999px; text-decoration:none;}
div#thomsonsearch p {clear:left; margin:0;}

ul#featured {list-style:none; margin:-2px 0 0 0px; padding:0;}
ul#featured li {display:block; clear:left; padding:12px 16px 16px 24px; width:467px; background:transparent url(../images/panelback.gif) left top no-repeat;}
ul#featured h3 {margin:0 0 8px 0; font-size:1em; font-weight:normal; text-decoration:underline;}
/* ul#featured img {display:block; width:61px; float:left; border:1px solid #777; margin-right:8px;} */
ul#featured img {display:block; width:110px; float:left; border:1px solid #777; margin:0 8px 8px 0;}
/* ul#featured h4 {display:block; width:390px; float:left; margin:0; font-size:0.85em; line-height:1.2em;} */
ul#featured h4 {display:block; width:340px; float:left; margin:0; font-size:0.85em; line-height:1.2em;}
ul#featured p {display:block; width:390px; float:left; margin:0 0 16px 0; font-size:0.85em; line-height:1.2em;}
ul#featured h5 {display:block; width:340px; float:left; margin:0; font-size:0.85em; font-weight:normal; line-height:1.2em;}


div#featuredlistings {padding:16px 16px 0px 24px;  width:467px; clear:left;}
div#featuredlistings h3 {margin:0; font-size:1.1em;}
div#featuredlistings h3 strong {color:#0f8fca;}
div#featuredlistings h4 {margin:0; font-size:1em; font-weight:normal;}
div#featuredlistings ul {list-style:none; margin:16px 0 0 0; padding:0;}
div#featuredlistings li {margin:0 0 16px 0;}
div#featuredlistings h5 {margin:0; font-size:0.9em;}
div#featuredlistings p {margin:0; font-size:0.9em;}
/* div#featuredlistings a {color:#000; text-decoration:none;} */
div#featuredlistings a {color:#000; text-decoration:underline;}
div#featuredlistings a:hover {text-decoration:underline;}

div#sidebar div#searchtowns {margin:16px 0; text-align:center;}
div#sidebar div#searchtowns label {font-size:0.8em;}
div#sidebar div#searchtowns input {width:100px; border:1px solid #888; display:block; font-size:1em; height:16px; line-height:16px; margin:0 auto;}
div#sidebar div#searchtowns button {display:block; width:40px; background:transparent url(../images/searchbuttonside.gif) no-repeat; font-size:1px; height:19px; margin:4px auto; border:0; padding:0; line-height:40px; color:#B9B9B9;}

div#content ul#attractionlist {list-style:none; margin:0 0 0px 0; padding:0; float:left;}
html>body div#content ul#attractionlist {margin:0 0 16px 0;}
div#content ul#attractionlist li {width:130px; float:left; margin:0 11px 10px 0; font-size:0.8em; background:#e6e6e6; border:1px dashed #bbb; padding:8px;}
div#content ul#attractionlist li.last {margin:0 0 10px 0;}
div#content ul#attractionlist li p {margin:0; height:40px;}
div#content ul#attractionlist li a {font-weight:bold; color:#000; display:block; margin-bottom:4px;}

div#content div#googlesearch {height:92px;}
div#content a#googlelink {width:122px; float:left;}
div#content a#imageslink {color:#000; width:300px; float:left; margin-left:16px; padding-top:26px;}

div#extrabar h3 {font-size:1.1em; margin:8px 0 8px 6px;}
div#extrabar ul#nearbytowns {list-style:none; margin:0 0 16px 0; padding:0 0 16px 6px; font-size:0.8em; border-bottom:2px solid #fff;}
div#extrabar ul#nearbytowns li {padding:0 8px; background:url(../images/listarrow.gif) 0 8px no-repeat;}
html>body div#extrabar ul#nearbytowns li {padding-left:8px; background:url(../images/listarrow.gif) 0 4px no-repeat; margin-bottom:4px;}
div#extrabar ul#nearbytowns a {color:#000; text-decoration:none;}
div#extrabar ul#nearbytowns a:hover {text-decoration:underline;}

/* AL Additions */

ul#ad {list-style:none; margin:-2px 0 0 0px; padding:0;}
ul#ad h3 {margin:0 0 8px 0; font-size:1em; font-weight:normal;}
/* ul#featured img {display:block; width:61px; float:left; border:1px solid #777; margin-right:8px;} */
ul#ad img {display:block; width:110px; float:left; border:1px solid #777; margin:0 8px 8px 0;}
/* ul#featured h4 {display:block; width:390px; float:left; margin:0; font-size:0.85em; line-height:1.2em;} */
ul#ad h4 {display:block; width:340px; float:left; margin:0; font-size:0.85em; line-height:1.2em; font-weight:bold;}
ul#ad p {display:block; width:390px; float:left; margin:0 0 16px 0; font-size:0.85em; line-height:1.2em;}
ul#ad h5 {display:block; width:340px; float:left; margin:0; font-size:0.85em; font-weight:normal; line-height:1.2em;}
ul#ad a.e4p {color:#000; text-decoration:underline;cursor:hand; font-weight:bold; font-size:0.85em}
br.ad {clear:left}