/* Stylesheet for Cooksbridge Care Services Ltd website */

body {
color: #000;
background-color: #fff;
margin: 0;
padding: 0;
font-family: 'Arial','Geneva','Verdana','Helvetica',sans-serif;
}

/* ================= ACCESSIBILITY FEATURES =================  */  

/* Skip to content link (off-screen for standard browser) */
#skip a, #skip a:hover, #skip a:visited, #skip a:active {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
} 

#accessibility {
position:absolute;
right:1ex;
top:5px;  
margin:0;  
text-align:center;
background:#eee;
padding:4px;
border:#ccc 1px solid; 
}

#accessibility a, #accessibility a:active, #accessibility a:visited {  
text-decoration:none;                        
letter-spacing:0;
margin:0;
padding:0;
border:none; 
}

#accessibility a img {
border:none;
margin:0 1px 0 1px;    
padding:0;
}

#accessibility a img:hover {
border-bottom:#000 1px solid;
border-right:#000 1px solid;
}

#accessibility #fixed {
background:#ffffaa;
}
#accessibility #fixed a, #accessibility #fixed a:active {   
line-height:100%;
text-align:center;
display:block;
text-decoration:none;   
border:#aaa 1px solid;
letter-spacing:0;
padding:2px 0 2px 0;
margin-top:1px;
}

#accessibility #fixed a:hover {
font-size:110%;
border:#000 1px solid;
}

/* ================= OVERALL PAGE FORMAT =================  */

/* Main Content wrapper*/    

.clscontent {  
text-align: left;
background:#fff;
padding:2ex 2ex 2ex 2ex;
margin:0 0 0 0;
font-size:1.8ex;
vertical-align:top;
border-top: 1px solid #ff6744;
border-left: 2px solid #ff6744;
border-right: 2px solid #ff6744;
border-bottom: 2px solid #ff6744;
}

.clscontent p {
padding:5px 15px 5px 6px;  
text-align:justify;
}

.clscontent .photo {
border: 2px silver solid;
}

/* Left Column */

.clsleftcol {
color:#000;
background:url(images/columnl.gif) no-repeat 0% 0% #ff9a77;
border:0;
font-size:1.6ex;
padding:0 0 0 2.5em;
vertical-align:top;
}

/* Right Column */

.clsrightcol
{
background:url(images/columnr.gif) no-repeat 100% 0% #ff9a77;
border:0;
}

.clsrightcol img {
border:none;
margin:0;
padding:0;
}


/*  ================= HEADERS =================  */

h1 {
margin:0;
font-size:2.5ex;
font-weight:normal;
text-align:center;
color:#ff6600;
background-color: transparent;
padding:0 0 0 0;
}

h1 .clsstrapline {
color:#888;
background-color: transparent;
font-family: 'Arial','Geneva','Verdana','Helvetica',sans-serif;
font-size:87%;
font-weight:normal;
padding:0 1ex 0 1ex;
letter-spacing:0;
}

h1 .clsstrapline strong {
font-weight:normal;
color:#ff6744;
}

h2 {   
position:relative; /* IE disappearing text bug */
color:#444;
background-color: #fff;
font-weight:normal;
font-size:2.6ex;
text-align:center;
padding:0 0 14px 0;
margin:0;
border:0;
letter-spacing:0.1ex;
}

h3 {
color:#000000;
background-color: #fff;
font-size:2.4ex;
font-weight:normal;
text-align:center;
margin-left:0;
}


h4 {
color:#aa1100;
background-color: #fff;
padding:0;
margin:0 0 0 1ex;
font-size:2.3ex;
font-weight:normal;
text-align:left;
}

h5 {
font-size:2.1ex;
font-weight:bold;
text-align:left;
margin:2px 0 1ex 1ex;
}

/* contact us header */
h6 {
font-family: 'Verdana','Arial','Geneva','Helvetica',sans-serif;
font-size:130%;
padding:5px 0 5px 0;
color:#222;
background-color: transparent;
font-weight:normal;
text-align:left;
margin:0;
}

/*  ================= LISTS =================  */

dl {
margin-bottom:2em;
}

dt {
color:#77c;
font-weight:bold;
font-size:larger;
}

dd {
margin-bottom:10px;
}

/* unordered lists (bullet points etc) */

p ul.clsemph {
padding:0;
margin:0 2ex 0 4ex;
}

ul.clsemph {
clear:both;
padding:0;
margin:1ex 2ex 1ex 4ex;
}


ul.clsemph li {
font-size:1.9ex;
font-weight:normal;
color:#990000;
background-color: #fff;
padding:0 0 1ex 0;
list-style:disc outside;
}

ul.clspoints li {
list-style:circle outside url(images/diamond.gif);
margin:0 1em 0.5em 1em;
text-align:justify;
}

/* also note lists in navigation */

/* ================= SPECIAL PARAGRAPHS/TEXT =================  */

.clscontact {
background:transparent;
border:0;
margin-top:0;
padding:4em 0 0 0;
white-space:nowrap;
}

.clscontact p {
margin:0 0 4px 0;
padding:5px 2px 5px 0;
}

.clsborder {
text-align: center;
margin:0;
padding:0;
}
.clstitle {
text-align: center;
margin:0;
padding:0;
border-bottom: 1px solid #aaa;
}

.clsfriendly {
font-weight:bold;
font-size:2.2ex;
color:#ff6633;
background-color: #fff;
}

.clsformal {
font-size:100%;
padding:1.5ex 1em 1ex 1em;
}

.clscarerquote {
color:#dd4522;
background-color: transparent;
font-family:'Times new Roman',Verdana,Arial;
font-style:italic;
font-size:115%;
text-align:justify;
padding:0.8em 1.2em 1.1em 1.2em; 
}

.clsfaq {
font-size:1.8ex;
padding:1em 1.2em 1em 1.2em; 
text-align:justify;
}

.clscopy { 
clear:both;
text-align:center;
font-size:0.8em;
padding-top:2em;
}  

.clscopy a,.clscopy a:visited, .clscopy a:active {  
color:#000;
border-bottom:1px #999 solid;
}         

.clscopy a:hover {
color:#000;
letter-spacing:0;
border-bottom:1px #000 solid;
}

.clsBigText {
font-size:110%;
vertical-align:text-top;
font-family:serif;
font-style:italic;
}

.clsemphbox {  
float:right;
width:65%;
background:#ffeecc;
font-style:normal;
text-align:center;
border:1px solid #ff9a77;
padding:1ex;
margin:0 1em 2ex 0.3em;
} 


.clsemphboxStd {  
width:auto;
background:#ffeecc;
font-style:normal;
text-align:center;
border:1px solid #ff9a77;
padding:1ex;
margin:2em 2em 2ex 2em;
} 

/*  ================= IMAGES =================  */

div.photo {  
  float: left;
  border: 1px silver solid;
  margin: 1ex;
  padding: 0.5ex;
background:#fff;
}
div.photo p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
margin:0;
padding:0;
}

img.clsphoto { 
border: 1px #000000 solid; 
margin:0 1em 0 0.5em;
vertical-align:text-top;
visibility: visible !important; 
display: inline !important;
}

/* =================  LINKS (not navigation) =================  */

/* link classes (generic) */
a, a:link,a:active {
color:#440000;
background-color: transparent;
text-decoration: none;
border-bottom:1px brown solid;
}

a:visited {
color: #333;
background-color: transparent;
text-decoration: none;
border-bottom:1px #999 solid;
}

a:hover {
letter-spacing:1px;
text-decoration: none;
color:#000000;
border-bottom:2px brown solid;
background-color: transparent;
}
/* end generic links */


/* Back to Top link */
.clstoplink {
text-align:right;
padding:1ex 0 1ex 0;
}

.clstoplink a, .clstoplink a:link, .clstoplink a:visited {
font-size:1.8ex;
color: #666;
background-color:transparent;
text-decoration:none;
border:0;
}

.clstoplink a:hover {
color: #000;
background-color:transparent;
text-decoration:none;
}

/* FAQ Downlinks */

.clsdownlink {
text-align:left;
padding:1ex 0 1ex 1em;
}

.clsdownlink a, .clsdownlink a:link, .clsdownlink a:visited {
font-size:1.8ex;
color: #666;
background-color:#fff;
text-decoration:none;
border:0;
}

.clsdownlink a:hover {
color: #000;
background-color:#fff;
background-color:transparent;
text-decoration:underline;
}

/* Section Downlinks */

.clsdownlinksec
{
color:#ff6744;  
font-weight:bold;
margin:2% 20% 3% 20%;
}

.clsdownlinksec li
{
list-style:disc outside url(images/pointer.gif);
margin:0 0 0.1em 0;
padding:0 0 0 0;
}

.clsdownlinksec ul
{
margin:0.1em 0 0.2em 1.4em;           
}

.clsdownlinksec ul li
{
list-style:none outside url(images/subpointer.gif);
margin:0 0 0 0;
padding:0;
}

.clsdownlinksec a, .clsdownlinksec a:visited 
{
color:#666;
background:#fff; 
text-decoration:none;
font-weight:normal;
letter-spacing:0;
border:0;
}

.clsdownlinksec a:hover 
{ 
color:#000;
background:#fff; 
text-decoration:none;
font-weight:bolder;
}

/* end non-generic links (though note those in nav bars!) */


/*  ================= NAVIGATION (bars/tabs) ================= */  

/* Main Nav Bar - buttons */
.clsnavbar {
width:100%;
text-align: center;
white-space: nowrap;
padding: 1.1em 0 1em 0;
line-height:160%;
font-size: 2.1ex;
font-weight:600;
margin:4.7em 0 0 0;
padding:0 0 0 0;
}

.clsnavbar .clshere {
color:#222;
background:#eee;
white-space: nowrap;
text-decoration: none;
padding: 2px 12px 2px 12px;
width: 30%;
margin: 0;
border: #666 1px solid;
}

.clsnavbar a.clsnavto, .clsnavbar a.clsnavto:visited {
color:#fff;
background:#bbb;
white-space: nowrap;
text-decoration: none;
padding: 2px 12px 2px 12px;
width: 30%;
margin: 0;
border: #999 1px solid; 
}

.clsnavbar a.clsnavto:hover {
color:#444;
background:#ddd;
text-decoration: none;
}

/* Second level Nav Bar - tabs */

#subnav {
font-family:"Microsoft Sans Serif","Georgia","Times New Roman",serif;
font-size: 1.9ex;
color: #000;
background:#fff;
/*border-bottom: 1px solid #fff;*/
margin: 2.7em 0 0 0;
padding:0 0 2px 0;
z-index: 1;
white-space: nowrap;
}

#subnav li {
display: inline;
overflow: hidden;
list-style-type: none; 
text-align:center;
border:0;
margin:0;
padding:0;    
/*margin-left:1px;*/
}

#subnav span.active {
color:#000;
background:#fff;
text-decoration: none;
border-top: 1px solid #ff9a77;
border-right: 1px solid #ff9a77;
border-bottom: 2px solid #fff;
border-left: 1px solid #ff9a77;
margin:0;
padding:0 5px 1px 5px;
letter-spacing:0.1ex;
}


#subnav a,#subnav a:visited {
color:#666;
background:#eee;
text-decoration: none;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 0;
border-left: 1px solid #ddd;
margin:0;
padding:0 5px 0px 5px;
letter-spacing:0ex;
}


#subnav a:hover {
color:#333;
background:#ffffff;
text-decoration: none;
border-top: 1px solid #ff9a77;
border-right: 1px solid #ff9a77;
border-bottom: 2px solid #fff;
border-left: 1px solid #ff9a77;
margin:0;
padding:0 5px 1px 5px;
letter-spacing:0.1ex;
}

/* end all navbars */


/*  ================= ASSORTED FORMATTING  ================= */
 
hr {
width:90%;
color:#ddd;
}  

/* Blockquote with curly quotes courtesy of www.defusion.org.uk */

blockquote {    
	margin-top:1ex;
	margin-bottom:1.8em;        
	position: relative;
}

blockquote p {
	margin-top:0;
	margin-bottom:1ex;
}
.bqstart, .bqend { font-size: 220%;color:#666; }

/* apply IE6 specific rules first */
.bqstart {
	text-indent: 0;
	margin: -0.6em 0 -2em 0;
	float: left;
}
blockquote> .bqstart {
	/* add extra non-IE6 rules */
	position: absolute;
	top: -0.2em;
	left: 140px;
	/* remove IE6 specific rules */
	float: none;
	margin: 0;
}
.bqend {
	position: absolute;
	margin-top: -0.6em;
	right: 0;
	text-indent: 0;
}
blockquote> .bqend {
	margin-top: -1.5ex;
}