Please see:
care-in-the-vale - Home Page
I am happy with the left hand vertical nav bar, but the horizontal navigation bar is not very satisfactory. The sub-menus under "Issues You Face" interfere with each other on hover and, anyway, I would prefer that this looked the same as the vertical navbar, i.e. with the sub-menus Disability, Age, and Illness being static under Issues You Face, always on display, without spaces in between, and only the sub- sub- menus appearing on hover. The same for the other sub-menus.
I have no idea how to do this, or even whether it is possible.
Any help would be appreciated.
Thank you
NevNic (CSS Newbie)
CSS:
@charset "iso-8859-1";
body {
font-family: Calibri;
margin: 0;
padding: 0;
background-color: #193EBC; /*dark blue*/;
color: #000000;
}
/*===============indicates no border around any image ============*/
body img {
border: 0px;
text-decoration: none;
}
/* ============ margins auto center the container on the page ==========*/
#container {
margin: 10px auto 10px auto;
padding: 30px;
background-color: #ffffff;
width: 80%;
max-width: 1300px;
}
/*=================== styles for top banner ========================*/
#banner {
margin: 10 0 10 0;
background-position: center;
padding: 0px;
background-color: #C4E3F7;
background-image: url('../care-in-the-vale/images/care-in-the-vale_banner.gif');
height: 90px;
background-repeat: no-repeat;
color: #C4E3F7;
max-width: 100%;
max-height: 250px;
}
/*=================== styles for wrapping text ========================*/
#wrap {
position: relative;
font-size: large;
width: 700px;
padding: 50px 20px;
margin: 0 auto;
position: relative;
border-top-color: #193EBC;
}
/*=================== styles for Home menu ======================*/
ul#css3menuhome,ul#css3menuhome ul{
margin:0;list-style:none;padding:0;background-color:#ffffff;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
ul#css3menuhome ul{
display:none;position:absolute;left:100%;top:0;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;padding:0 10px 10px;background-color:#ffffff;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#193ebc;}
ul#css3menuhome li:hover>*{
display:block;}
ul#css3menuhome li:hover{
position:relative;}
ul#css3menuhome ul ul{
position:absolute;left:100%;top:0;}
ul#css3menuhome{
display:block;font-size:0;float:left;}
ul#css3menuhome li{
display:block;white-space:nowrap;font-size:0;}
ul#css3menuhome>li,ul#css3menuhome li{
margin: 0;
background-color: #ffffff;
padding-bottom: 0px;
}
ul#css3menuhome a:active, ul#css3menuhome a:focus{
outline-style:none;}
ul#css3menuhome a,ul#css3menuhome a.pressed{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 11px Arial;color:#193ebc;text-shadow:#FFF 0 0 1px;cursor
ointer;}
ul#css3menuhome ul li{
float:none;margin:10px 0 0;}
ul#css3menuhome ul a{
text-align:left;padding:4px;background-color:#ffffff;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:bold 14px Arial;color:#193ebc;text-decoration:none;}
ul#css3menuhome li:hover>a{
background-color:#ffc000;border-color:#C0C0C0;border-style:solid;font:bold 11px Arial;color:#193ebc;text-decoration:none;text-shadow:#FFF 0 0 1px;background-image:url("mainbk.png");background-position:0 100px;}
ul#css3menuhome img{
border:none;vertical-align:middle;margin-right:10px;}
ul#css3menuhome img.over{
display:none;}
ul#css3menuhome li:hover > a img.def{
display:none;}
ul#css3menuhome li:hover > a img.over{
display:inline;}
ul#css3menuhome li a.pressed img.over{
display:inline;}
ul#css3menuhome li a.pressed img.def{
display:none;}
ul#css3menuhome span{
display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menuhome a{
padding:10px;background-color:#ffffff;background-image:url("../care-in-the-vale/images/mainbk.png");background-repeat:repeat;background-position:0 0;border-width:1px 0 0 0;border-style:solid;border-color:#C0C0C0;color:#193ebc;text-decoration:none;text-shadow:#FFF 0 0 1px;}
ul#css3menuhome li:hover>a,ul#css3menuhome li>a.pressed{
background-color:#ffc000;background-image:url("../care-in-the-vale/images/mainbk.png");background-position:0 100px;border-style:solid;border-color:#C0C0C0;color:#193ebc;text-decoration:none;text-shadow:#FFF 0 0 1px;}
ul#css3menuhome ul li:hover>a,ul#css3menuhome ul li>a.pressed{
background-color:#c4e3f7;background-image:none;font:bold 14px Arial;color:#193ebc;text-decoration:none;}
ul#css3menuhome li.toplast>a{
border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;}
/*=================== styles for top menu ======================*/
ul#css3menuh,ul#css3menuh ul{
margin:0;list-style:none;padding:0;background-color:#ffffff;border-width:0px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
ul#css3menuh ul{
display:none;position:absolute;right:0;top:0;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;padding:0 10px 10px;background-color:#ffffff;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#193ebc;}
ul#css3menuh li:hover>*{
display:block;}
ul#css3menuh li:hover{
position:relative;}
ul#css3menuh ul ul{
position:absolute;right:0;top:0;}
ul#css3menuh{
display:block;font-size:0;float:right;}
ul#css3menuh li{
display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menuh>li,ul#css3menuh li{
margin: 0;
background-color: #ffc000;
}
ul#css3menuh a:active, ul#css3menuh a:focus{
outline-style:none;}
ul#css3menuh a,ul#css3menuh a.pressed{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 11px Arial;color:#193ebc;text-shadow:#FFF 0 0 1px;cursor
ointer;}
ul#css3menuh ul li{
float:none;margin:10px 0 0;}
ul#css3menuh ul a{
text-align:left;padding:4px;background-color:#ffffff;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:bold 11px Arial;color:#193ebc;text-decoration:none;}
ul#css3menuh li:hover>a{
background-color:#ffc000;border-color:#193ebc;border-style:solid;font:bold 11px Arial;color:#193ebc;text-decoration:none;text-shadow:#FFF 0 0 1px;background-image:url("mainbk.png");background-position:0 100px;}
ul#css3menuh img{
border:none;vertical-align:middle;margin-right:10px;}
ul#css3menuh img.over{
display:none;}
ul#css3menuh li:hover > a img.def{
display:none;}
ul#css3menuh li:hover > a img.over{
display:inline;}
ul#css3menuh li a.pressed img.over{
display:inline;}
ul#css3menuh li a.pressed img.def{
display:none;}
ul#css3menuh span{
display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menuh ul span{
background-image:url("arrowsub.png");padding-right:28px;}
ul#css3menuh a{
padding:10px;background-color:#ffffff;background-image:url("../care-in-the-vale/images/mainbk.png");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;color:#193ebc;text-decoration:none;text-shadow:#FFF 0 0 1px;}
ul#css3menuh li:hover>a,ul#css3menuh li>a.pressed{
background-color:#ffc000;background-image:url("../care-in-the-vale/images/mainbk.png");background-position:0 100px;border-style:solid;border-color:#C0C0C0;color:#193ebc;text-decoration:none;text-shadow:#FFF 0 0 1px;}
ul#css3menuh ul li:hover>a,ul#css3menuh ul li>a.pressed{
background-color:#c4e3f7;background-image:none;font:bold 11px Arial;color:#193ebc;text-decoration:none;}
ul#css3menuh li.topfirst>a{
height:18px;line-height:18px;border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
ul#css3menuh li.topfirst:hover>a,ul#css3menuh li.topfirst>a.pressed{
line-height:18px;}
ul#css3menuh li.topmenu>a{
height:18px;line-height:18px;}
ul#css3menuh li.topmenu:hover>a,ul#css3menuh li.topmenu>a.pressed{
line-height:18px;}
ul#css3menuh li.toplast>a{
height:18px;line-height:18px;border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
ul#css3menuh li.toplast:hover>a,ul#css3menuh li.toplast>a.pressed{
line-height:18px;}
/*=================== style for side menu ======================*/
ul#css3menuV,ul#css3menuV ul{
margin:0;list-style:none;padding:0;background-color:#ffffff;border-width:0px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
ul#css3menuV ul{
display:none;position:absolute;left:100%;top:0;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;padding:0 10px 10px;background-color:#ffffff;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#193ebc;}
ul#css3menuV li:hover>*{
display:block;}
ul#css3menuV li:hover{
position:relative;}
ul#css3menuV ul ul{
position:absolute;left:100%;top:0;}
ul#css3menuV{
display:block;font-size:0;float:left;}
ul#css3menuV li{
display:block;white-space:nowrap;font-size:0;}
ul#css3menuV>li,ul#css3menuV li{
margin:0;}
ul#css3menuV a:active, ul#css3menuV a:focus{
outline-style:none;}
ul#css3menuV a,ul#css3menuV a.pressed{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 11px Arial;color:#193ebc;text-shadow:#FFF 0 0 1px;cursor
ointer;}
ul#css3menuV ul li{
float:none;margin:10px 0 0;}
ul#css3menuV ul a{
text-align:left;padding:4px;background-color:#ffffff;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:bold 11px Arial;color:#193ebc;text-decoration:none;}
ul#css3menuV li:hover>a{
background-color:#c4e3f7;border-color:#193ebc;border-style:solid;font:bold 11px Arial;color:#193ebc;text-decoration:none;text-shadow:#FFF 0 0 1px;background-image:url("mainbk.png");background-position:0 100px;}
ul#css3menuV img{
border:none;vertical-align:middle;margin-right:10px;}
ul#css3menuV img.over{
display:none;}
ul#css3menuV li:hover > a img.def{
display:none;}
ul#css3menuV li:hover > a img.over{
display:inline;}
ul#css3menuV li a.pressed img.over{
display:inline;}
ul#css3menuV li a.pressed img.def{
display:none;}
ul#css3menuV span{
border-color: #193ebc;
border-width: 1px;
border: #193ebc;
display: block;
overflow: visible;
background-position: right center;
background-repeat: no-repeat;
padding-right: 0px;
}
ul#css3menuV a{
padding:10px;background-color:#ffffff;background-image:url("../care-in-the-vale/images/mainbk.png");background-repeat:repeat;background-position:0 0;border-width:1px 0 0 0;border-style:solid;border-color:#C0C0C0;color:#193ebc;text-decoration:none;text-shadow:#FFF 0 0 1px;}
ul#css3menuV li:hover>a,ul#css3menuV li>a.pressed{
background-color:#c4e3f7;background-image:url("../care-in-the-vale/images/mainbk.png");background-position:0 100px;border-style:solid;border-color:#C0C0C0;color:#193ebc;text-decoration:none;text-shadow:#FFF 0 0 1px;}
ul#css3menuV ul li:hover>a,ul#css3menuV ul li>a.pressed{
background-color:#c4e3f7;background-image:none;font:bold 11px Arial;color:#193ebc;text-decoration:none;}
ul#css3menuV li.topfirst>a{
border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;}
ul#css3menuV li.toplast>a{
border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;}
/*==============all site links==============*/
a:link {
font-weight: bold;
color: #193EBC;
background: transparent;
text-decoration: underline;
}
a:visited{
font-weight: bold;
color: #000000;
background: transparent;
padding: 0px;
text-decoration: underline;
}
a:hover {
font-weight: bold;
text-decoration : none;
background: #C47B7B;
color: #ffffff;
}
a:active {
font-weight: bold;
text-decoration : underline;
background: #BFDFE2;
color: #000000;
}
/*====================== styles for main content area =========================*/
#content {
margin-left: 180px;
padding: 5px;
text-align: left;
vertical-align: top;
color: #193EBC;
font-family: Calibri;
}
/*===========content area list items==============*/
#content ul li {
list-style-image: url('images/pink-bullet-bg.gif');
margin: 2px;
padding: 2px;
}
#content li li {
list-style-image: url('images/pink-bullet-sm.gif');
padding: 2px 0;
}
/*============== Styles for table ===================*/
#tablediv {
display: table;
width:600px;
background-color:#ffffff;
border:0px solid #666666;
border-spacing:5px;
border-collapse:separate;
}
#celldiv {
float:left;/*fix for buggy browsers*/
display: table-cell;
width:50%;
background-color:#ffffff;
}
#rowdiv {
display: table-row;
width:auto;
}
#auto-style1 {
text-align: center;
}
.auto-style2 {
font-size: x-small;
font-family: Arial, Helvetica, sans-serif;
color: #193EBC;
}
.auto-style3 {
margin-left: 13px;
}
/*============== Styles for footer ===================*/
#footer {
border-top: 2px solid #193EBC;
clear: both;
padding: 5px;
background-color: #63b4eb;
text-align: center;
color: #193EBC;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
white-space: normal;
}
#footer p {
margin-top: 0px;
margin-bottom: 0px;
}
/*================== general styles =================*/
hr {
width: 50%;
text-align: center;
background-color: #004145;
height: 5px;
}
/* =================Styles for heading tags =============== */
h1, h2, h3, h4 {
color: #193EBC;
background-color: inherit;
font-family: Calibri;
}
h1 {
font-size: 1.8em;
padding: 3px 0px 3px 10px;
color: #193EBC;
background-color: #FFFFFF;
font-family: Calibri;
font-weight: bold;
font-style: italic;
}
h2 {
font-size: 1.3em;
color: #193EBC;
font-family: Calibri;
}
h3 {
font-size: 1em;
color: #193EBC;
background-color: #FFFFFF;
}
h4 {
font-size: .9em;
color: #193EBC;
background-color: #FFFFFF;
}
/*================used to center anything==============*/
.center {
text-align: center;
}
/* ============floats images to right or left ============*/
.imgrgt {
float: right;
padding: 7px;
}
.imglft {
float: left;
padding: 7px;
}
.smtxt {
font-size:small;
}
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
XHTML namespace">
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />
<title>care-in-the-vale - Home Page</title>
<meta content="care-in-the-vale aims to increase the Comfort in the lives of people in the Vale of Glamorgan with disabilities, dementia, frailty, extend their Independence, reduce the worry, and bring Peace of Mind." name="description" />
<meta content="care, live in care, home care services, dementia, alzheimers, ms, home care for the elderly, care in the home, Vale of Glamorgan, comfort, independence, penarth, Dinas Powys, Sully, peace of mind" name="keywords" />
<meta content="en-gb" http-equiv="Content-Language" />
<meta content="General" name="rating" />
<meta content="no" http-equiv="imagetoolbar" />
<meta content="Copyright © 2011, care-in limited All Rights Reserved" name="copyright" />
<link href="../care-in-the-vale/care-in-the-vale.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.auto-style1 {
font-family: "Cataneo BT";
}
.auto-style2 {
font-size: large;
font-family: Calibri;
}
.auto-style3 {
font-family: "Cataneo BT";
font-size: large;
}
.auto-style5 {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
}
.auto-style6 {
font-size: xx-small;
font-family: Arial, Helvetica, sans-serif;
color: #193EBC;
}
.auto-style7 {
font-size: xx-small;
font-family: "Cataneo BT";
color: #193EBC;
}
.auto-style8 {
font-size: large;
color: #193EBC;
}
.auto-style9 {
margin-top: 6px;
}
.auto-style10 {
font-family: "Cataneo BT";
}
</style>
</head>
<body>
<!-- Beginning of Page Container -->
<div id="container">
<!-- Beginning of Top Banner -->
<div id="banner" style="width: 100%; height: 250px">
</div>
<!-- End of Top Banner -->
<!-- Beginning of Top Menu -->
<ul id="css3menuh" class="topmenu">
<li class="topfirst">
<a href="#" title="The Issues You Face" style="width:129px; background-color: #ffc000;"><span>The Issues You Face</span></a>
<ul>
<li>
<a href="#" title="Disability" style="border-color: #193ebc; border-width: 1px; width:129px;"><span>Disability</span></a>
<ul>
<li><a href="#" title="Physical Disability" style="border-color: #193ebc; border-width: 1px; width:129px;">Physical Disability</a></li>
<li><a href="#" title="Learning Disability" style="border-color: #193ebc; border-width: 1px; width:129px;">Learning Disability</a></li>
</ul>
</li>
<li><a href="#" title="Age" style="border-color: #193ebc; border-width: 1px; width:129px;"><span>Age</span></a>
<ul>
<li><a href="#" title="Frailty" style="border-color: #193ebc; border-width: 1px; width:129px;">Frailty</a></li>
<li><a href="#" title="Dementia" style="border-color: #193ebc; border-width: 1px; width:129px;">Dementia</a></li>
</ul>
</li>
<li><a href="#" title="Illness" style="border-color: #193ebc; border-width: 1px; width:129px;">Illness</a></li>
</ul>
</li>
<li class="topmenu">
<a href="#" title="The Services We Provide" style="width:129px; background-color: #ffc000;"><span>The Services We Provide</span></a>
<ul>
<li><a href="#" title="living-life" style="border-color: #193ebc; border-width: 1px; width:129px; font-family:'Cataneo BT'; font-style:italic; font-weight:bold;">living-life</a></li>
<li><a href="#" title="focus-on-feelings" style="border-color: #193ebc; border-width: 1px; width:129px; font-family:'Cataneo BT'; font-style:italic; font-weight:bold;">focus-on-feelings</a></li>
<li><a href="#" title="silver-service" style="border-color: #193ebc; border-width: 1px; width:129px; font-family:'Cataneo BT'; font-style:italic; font-weight:bold;">silver-service</a></li> </ul>
</li>
<li class="toplast">
<a href="#" title="And Some More" style="width:129px; background-color: #ffc000;"><span>And Some More</span></a>
<ul>
<li><a href="#" title="Principles of Care" style="border-color: #193ebc; border-width: 1px; width:129px;">Principles of Care</a></li>
<li><a href="#" title="Live-in Care" style="border-color: #193ebc; border-width: 1px; width:129px;">Live-in Care</a></li>
<li><a href="#" title="Night Care" style="border-color: #193ebc; border-width: 1px; width:129px;">Night Care</a></li>
<li><a href="#" title="Holiday Care" style="border-color: #193ebc; border-width: 1px; width:129px;">Holiday Care</a></li>
<li><a href="#" title="Companionship" style="border-color: #193ebc; border-width: 1px; width:129px;">Companionship</a></li>
<li><a href="#" title="Our Shop" style="border-color: #193ebc; border-width: 1px; width:129px;">Our Shop</a></li>
</ul>
</li>
</ul>
<div>
</div>
<!-- End of Top Menu -->
<!-- Beginning of Left Menu -->
<ul id="css3menuV" class="topmenu">
<li class="topfirst">
<a href="#" title="The People We Support" style="width:129px; background-color: #ffc000;">The People We Support</a></li>
<li>
<a href="#" title="Younger People" style="border-color: #193ebc; border-width: 1px; width:129px;">Younger People</a></li>
<li>
<a href="#" title="Older People" style="border-color: #193ebc; border-width: 1px; width:129px;">Older People</a></li>
<li>
<a href="#" title="Family and Friends" style="border-width: 1px; border-color: #193ebc; width:129px;">Family and Friends</a></li>
<li>
<a href="#" title="The Benefits We Bring" style="width:129px; background-color: #ffc000;">The Benefits We Bring</a></li>
<li>
<a href="comfort.html" title="Comfort" style="border-color: #193ebc; border-width: 1px; width:129px;">Comfort</a></li>
<li>
<a href="#" title="Independence" style="border-width: 1px; border-color: #193ebc; width:129px;">Independence</a></li>
<li>
<a href="#" title="Peace of Mind" style="border-color: #193ebc; border-width: 1px; width:129px;">Peace of Mind</a></li>
<li>
<a href="#" title="The People We Are" style="width:129px; background-color: #ffc000;">The People We Are</a></li>
<li><a href="#" title="About Us" style="border-color: #193ebc; border-width: 1px; width:129px;">About Us</a>
<ul>
<li>
<a href="#" title="Director of Care and Support - Debbie Waller" style="border-color: #193ebc; border-width: 1px; width:250px;">Director of Care and Support - Debbie Waller</a></li>
<li><a href="#" title="Managing Director - Stephen Gamgee" style="border-color: #193ebc; border-width: 1px; width:250px;">Managing Director - Stephen Gamgee</a></li>
</ul>
</li>
<li>
<a href="#" title="Our Values" style="border-width: 1px; border-color: #193ebc; width:129px;">Our Values</a></li>
<li class="toplast">
<a href="#" title="Working With Us" style="border-color: #193ebc; border-width: 1px; width:129px;">Working With Us</a></li>
</ul>
<!-- End of Left Menu -->
<p></p>
<!-- Beginning of Main Content -->
<div id="content">
<h1><span class="auto-style10">Comfort</span>,
<span class="auto-style10">Independence</span></h1>
<h1>... <span class="auto-style10">and</span> <span class="auto-style10">Peace of Mind</span></h1>
<h2>These are what we all want - for ourselves and for our family.
</h2>
<h2>They are not much to ask for - but sometimes, for some people, rather hard to achieve.</h2>
<p class="auto-style2">
People with disabilities, with dementia, with age related frailty and people recovering from illness can experience more discomfort, less independence and more worry than most of us.
</p>
<p class="auto-style2">
And their families worry in turn.
</p>
<p class="auto-style2">
<span class="auto-style2"><span class="auto-style3"><strong><em>care-in-the-vale</em></strong></span>
aims to increase the<span class="auto-style3"><strong><em>Comfort</em></strong></span> in people's lives, maintain or extend their level of
<span class="auto-style3"><strong><em>Independence</em></strong></span> and to reduce the worry, bringing greater
<span class="auto-style3"><strong><em>Peace of Mind</em></strong></span> to them and their families.
If you or someone close to you is experiencing any of the difficulties referred to above, please contact us to discuss how
</span>
<span class="auto-style3"><strong><em>care-in-the-vale</em></strong></span><span class="auto-style2"> can help bring
</span>
<span class="auto-style3"><strong><em>Comfort</em></strong></span><span class="auto-style2">,
</span>
<span class="auto-style3"><strong><em>Independence</em></strong></span><span class="auto-style2"> and
</span>
<span class="auto-style3"><strong><em>Peace of Mind</em></strong></span><span class="auto-style2">.
</span>
</p>
<p>
<span class="auto-style2">You can call us on 029 2025 6451, or
email us on </span> <strong>
<a href="
mailto:[email protected]?subject=Enquiry From Website" title="Email care-in-the-vale">
<span class="auto-style2">
[email protected]</span></a></strong>.</p>
<div class="center"
<div id="TICKER" STYLE="overflow:hidden; width:520px" onmouseover="TICKER_PAUSED=true" onmouseout="TICKER_PAUSED=false">
NEWS FLASH .........................Now Recruiting. To book your place on an Open Day, please telephone 07941 785 809 or 07818 531 958
<br />
</div>
<script type="text/javascript" src="../care-in-the-vale/webticker_lib.js" language="javascript"></script>
<table style="width: 100%" align="center">
<tr>
<td style="width: 218px">
<img alt="Penarth Town Centre" height="130" src="../care-in-the-vale/images/Penarth_Town_Centre_213x160.jpg" width="217" class="auto-style9" /></td>
<td><img alt="Quote - Youth would be a fine state if it came a little later in life - End Quote" height="138" src="../care-in-the-vale/images/quote8.gif" width="189" class="auto-style3" /></td>
</tr>
<tr>
<td style="width: 218px"><span class="auto-style6">Royal Buildings on the western
corner of <br />
Stanwell Road and Victoria Road, Penarth.</span><br class="auto-style6" />
<br class="auto-style6" />
<span class="auto-style7"><strong><em>care-in-the-vale</em></strong></span><span class="auto-style6"> has its offices in this block, on
Stanwell Road. </span><br class="auto-style6" />
<br class="auto-style6" />
<span class="auto-style6">© Copyright </span>
<a href="
Profile for John Grayson :: Geograph Britain and Ireland - photograph every grid square!">
<span class="auto-style6">John Grayson</span></a><span class="auto-style6">
and licensed for </span>
<a href="
Reuse Image :: Geograph Britain and Ireland - photograph every grid square!">
<span class="auto-style6">reuse</span></a><span class="auto-style6"> under
this </span><a href="
Creative Commons — Attribution-ShareAlike 2.0 Generic — CC BY-SA 2.0">
<span class="auto-style6">Creative Commons Licence</span></a><span class="auto-style5">.</span></td>
<td class="center">
<img alt="care-in-the-vale Penarth Office" height="99" longdesc="care-in-the-vale, 12A Royal Buildings, Stanwell Road, Penarth, Vale of Glamorgan, CF64 3ED" src="../care-in-the-vale/images/shopfront.jpg" width="105" style="float: left" /></td>
</tr>
</table>
</div>
</div>
</div>
<!-- End of Main Content -->
<!-- Beginning of Footer -->
<div id="footer">
<div align="center"><strong><em><font size="3" color="#ffcc00">We won't let Disability, Age or Illness get in the
way!!!<br />
</font>
<p><span><strong>12A Royal Buildings | Stanwell Road | Penarth | CF64 3ED<br />
<br />
Tel.: 029 2025 6451<br />
</strong></span> </p>
<p><strong>Email: <a href="
mailto:[email protected]">[email protected]</a></strong></p>
<p> </p>
<p>
<img alt="Care and Social Services Inspectorate Wales logo " height="68" longdesc="Registered with the Care and Social Services Inspectorate Wales " src="../care-in-the-vale/images/CSSI_logo.gif" width="140" /></p>
<div align="center">
Registered with the Care and Social Services Inspectorate Wales
<br />
Registered in Wales No: 07338209<br />
<br />
Interested in a career with<span class="auto-style2"> </span> <span class="auto-style1"><em><strong>
<span class="auto-style8">care-in-the-vale</span></strong></em></span>? <br />
Please call us or complete and send our handy
<a href="
http://www.care-in-the-vale.com/job_application.html" title="Job Enquiry Form">
Job Application Form</a><!--"''"--></div>
<p> </p>
<p>Copyright 2011 | All Rights Reserved</p>
<p> </p>
<div style="text-align:center;">
<!--gem:tlx.tlx.timestamp--><script src="
http://twe01.svcs.sitebuilderservice.com/svcs/timestamp.js"></script><script>var moment = new Date();
var result = Stamp(moment.getTime(), "dn d1 mn y4 h12:mmampm", "January|February|March|April|May|June|July|August|September|October|November|December","Sunday|Monday|Tuesday|Wednesday|Thursday|Friday|Saturday"); document.write(result);
</script>
<!--end gem--><!--"''"--></div>
</div>
<!-- End of Footer -->
</div>
<!-- End of Page Container -->
</body>
</html>
