body{
    margin:20px 0 0 0;
    font-family:arial,sans-serif;
    font-size:80%;
    color:#000;
}

h1{ /*hidden*/
    margin:0;
    padding:0;
    visibility:hidden;
    font-size:0px;
    font-size:0%;
}

h2{
    color:#906;
    margin:5px 0 0 0;
    padding:0;
    font-weight:normal;
    font-size:1.5em;
}

h3{
    color:#906;
    margin:0;
    padding:0;
    font-weight:bold;
    font-size:1.8em;
}

h4{
    color:#906;
    margin:3px 0 0 0;
    padding:0;
    font-weight:bold;
    font-size:1.2em;
    text-align:left;
}


p{
   margin:10px 0 10px 0;
   line-height:1.5em;
}

a,
a:active,
a:visited{
    color:#906;
    text-decoration:none;
    font-weight:bold;
}

a:hover{
    text-decoration:underline;
}

a img{
border:0;
}


#wrap{
    width:727px;
   /* margin:auto;
    position:relative;
    left:-10px;   un comment out for a nicely centered site */
}

#header{
    width:727px;
}

#left{          /* all left hand styles */
    margin-left:28px;
    width:152px;
}

#details{            /*contact details on left*/
    color:#606;
    line-height:2em;
    margin-top:10px;
    font-weight:bold;
    font-size:1.3em;
    border-collapse:collapse;
    width:152px;
}
#details td{
   vertical-align:middle;
   text-align:left;
}

#details a,
#details a:active,
#details a:visited,
#details a:hover{
    color:#606;
}



#sidemenu{    /* left hand side menu*/
    height:207px;
    background:url("images/menu-corner.gif") #cc0066 no-repeat bottom left;
}

#sidemenu ul{   /* left hand side menu*/
    margin:0;
    width:144px;
    padding:5px 0 0 8px;
    list-style-type:none;
}

#sidemenu li{  /* left hand side menu*/
    width:90px;
    height:41px;
    padding-top:10px;
    padding-left:46px;
    font-size:0.9em;
}

#sidemenu li a,    /* left hand side menu*/
#sidemenu li a:active,
#sidemenu li a:visited{
          color:#fff;
          font-weight:bold;
}



a.here,    /* left hand side menu current page*/
a.here:active,
a.here:visited,
a.here:hover{
          text-decoration:underline;
}

li.olderpeople{
    background:url("images/menu-olderpeople.jpg") transparent no-repeat top left;
}

li.children{
    background:url("images/menu-children.jpg") transparent no-repeat top left;
}

li.offenders{
    background:url("images/menu-offenders.jpg") transparent no-repeat top left;
}

li.disabilities{
    background:url("images/menu-disabilities.jpg") transparent no-repeat top left;
              /* left hand side menu*/
}



#menu{    /*mainmenu*/
      background-color:#CD0067;
      width:543px;
      height:23px;
      text-align:center;
}

#menu ul{      /*mainmenu*/
      list-style-type:none;
      height:23px;
      display:inline;
      margin:0;
      padding:0;
      background-color:#CD0067;
      line-height:1.7em;
      text-align:center;
}

#menu li{      /*mainmenu*/
      display:inline;
      height:23px;
}

#menu li a,     /*mainmenu*/
#menu li a:active,
#menu li a:visited{
          color:#fff;
          text-decoration:none;
          font-weight:bold;
          padding:5px 19px 4px 18px;
      height:23px;
}
#menu li a:hover{    /*mainmenu*/
      background-color:#900045;
}

a.on,             /*mainmenu*/
a.on:active,
a.on:visited,
a.on:hover{
      background-color:#900045;
      height:23px;
}



#right{        /* all main content contained within this div*/
    position:absolute;
    width:543px;
    top:159px;
    left:184px;
    z-index:1;
}


table{       /*table contains content*/
    border-collapse:collapse;
    margin:4px 0 0 0;
    width:543px;
}

#span{
    width:100%;
}

td{
    padding:0;
    margin:0;
    vertical-align:top;
}

td.clear{
    background-color:#FBE5F1;
    padding:5px 5px 30px 10px;
    background:url("images/content-corner.gif") #FBE5F1 no-repeat bottom left;
}


ul.normal{
    list-style-type:none;
    margin:0 0 0 5px;
    padding:0;
    color:#000;
    font-weight:normal;
}

li.norm{
    margin:4px 0 4px 0;
    padding:0;
   background:url("images/bullet.gif") transparent no-repeat 4px left;
   background-position:0% 13%;
   padding-left:15px;
}

font{
    color:#000;
    font-size:1em;
}


#content{                /*contains main text content*/
    padding:5px 5px 0 10px;
    width:340px;
    background-color:#FBE5F1;
}

#contentcorner{                /*contains main text content, home has corner image*/
    background:url("images/content-corner.gif") #FBE5F1 no-repeat bottom left;
    padding:5px 5px 15px 10px;
    width:340px;
}

#contentcornerspan{                /*contains main text content, home has corner image*/
    background:url("images/content-corner.gif") #FBE5F1 no-repeat bottom left;
    padding:5px 10px 25px 10px;
}

#rightsidespan{     /*contains quote and image*/
    background-color:#FBE5F1;
    padding:10px 8px 0 0;
}

#rightside{     /*contains quote and image*/
    background-color:#FBE5F1;
    padding:10px 5px 0 0;
    width:203px;
    text-align:right;
}

#rightside img{
    margin:20px auto 0 auto;
}

#quotebottom{
    border-collapse:collapse;
    margin:10px auto auto;
    width:194px;
    background:url("images/quote-bottom.gif") #fff no-repeat bottom center;
}

#quotetop{
    width:194px;
    background:url("images/quote-top.gif") transparent no-repeat top center;
    padding-top:10px;
    color:#980266;
    margin-bottom:10px;
    text-align:left;
}

#quotetop p{
   margin:0 13px 2px 13px;
    line-height:1.5em;
    font-size:0.9em;
}


#footer{        /*footer menu*/
    width:543px;
    text-align:right;
    margin:10px 0 10px 0;
    font-size:0.9em;
    color:#906;
}

#links{    /*links table*/
    width:100%;
    text-align:center;
}

#links p{
       text-align:left;
}

#links td{
    vertical-align:middle;
}

#links img{
    margin:10px auto 15px auto;
}

#logos{      /*logos on left hand side*/
    text-align:center;
    margin-left:-10px;
}

/* slideshow styles */

#slideshow {
 padding:0;
 margin: 10px 22px 0 auto;
 position: relative;
 top: 0;
 left: 0;
 width:159px;
}

#slideshow img{
   border:1px solid #555;
}


div.slideshowquote {
 padding:0;
 margin: 20px 15px 0 5px;
 position: relative;
 top: 0;
 left: 0;
 width:159px;
}

img.front {
 opacity:1;
 -moz-opacity:1;    /*opacity will not validate*/
 -khtml-opacity:1;
 filter: alpha(opacity=100);
 margin: 0px;
 padding: 0px;
 position: relative;
 top: 0px;
/* border:2px solid #fff;                                         */
}

img.back {
 opacity:0;
 -moz-opacity:0;
 -khtml-opacity:0;
 filter: alpha(opacity=0);
 margin: 0px;
 padding: 0px;
 position: absolute;
 top: 0px;
/* border:2px solid #fff;                                          */
}

#ss1-sl1front {
 left: 0px;
 width: 159px;
 /*height: 119px; */
}

#ss1-sl1back {
 left: 0px;
 width: 159px;
}


/*stories and quote box*/

#storieswrap td{  /*wraps around stories styles table etc*/
   padding:6px 0 0px 9px;
   vertical-align:top;
}

#storieswrap p{
  margin:7px 0 7px 0;
}

#storieswrap img{
   border:2px solid #fff;
}

.stories{      /*styles all stories tables*/
    background-color:#F6CCE0;
    width:542px;
}

.storiesbottom{     /*specific only to the bottom one, adds a corner image*/
    background:url("images/stories-corner.gif") #F6CCE0 no-repeat bottom left;
    width:542px;
}


td.images{   /*the cell to the right containing images*/
    width:179px;
    text-align:center;
    padding:0;
}


#storyquotebottom{    /*quote box*/
    border-collapse:collapse;
    margin:3px auto 6px auto;
    text-align:center;
    width:317px;
    background:url("images/story-quote-bottom.gif") #fff no-repeat bottom center;
}

#storyquotebottom td{   /*quote box*/
   padding:0;
}

#storyquotebottom p{
    padding:0 16px 2px 16px;
    font-size:0.9em;
    line-height:1.5em;
    margin:0;
}

#storyquotebottom2{    /*quote box*/
    border-collapse:collapse;
    margin:3px auto 6px auto;
    text-align:center;
    width:317px;
    background:url("images/story-quote-bottom.gif") #fff no-repeat bottom center;
}

#storyquotebottom2 td{   /*quote box*/
   padding:0;
}

#storyquotebottom2 p{
    padding:0 16px 2px 16px;
    font-size:0.9em;
    line-height:1.5em;
    margin:0;
}

#storyquotebottom3{    /*quote box*/
    border-collapse:collapse;
    margin:3px auto 6px auto;
    text-align:center;
    width:317px;
    background:url("images/story-quote-bottom.gif") #fff no-repeat bottom center;
}

#storyquotebottom3 td{   /*quote box*/
   padding:0;
}

#storyquotebottom3 p{
    padding:0 16px 2px 16px;
    font-size:0.9em;
    line-height:1.5em;
    margin:0;
}

#storyquotebottom4{    /*quote box*/
    border-collapse:collapse;
    margin:3px auto 6px auto;
    text-align:center;
    width:317px;
    background:url("images/story-quote-bottom.gif") #fff no-repeat bottom center;
}

#storyquotebottom4 td{   /*quote box*/
   padding:0;
}

#storyquotebottom4 p{
    padding:0 16px 2px 16px;
    font-size:0.9em;
    line-height:1.5em;
    margin:0;
}

#storyquotecorner{   /*quote box table for the last story, adds margin needed for bottom*/
    border-collapse:collapse;
    margin:3px auto 19px auto;
    text-align:center;
    width:317px;
    background:url("images/story-quote-bottom.gif") #fff no-repeat bottom center;
}

#storyquotecorner td{ /*quote box*/
   padding:0;
}

#storyquotecorner p{
    padding:0 16px 2px 16px;
    font-size:0.9em;
    line-height:1.5em;
    margin:0;
}

div.storyquotetop{  /*quote box*/
    width:317px;
    background:url("images/story-quote-top.gif") transparent no-repeat top center;
    padding-top:10px;
    color:#980266;
    margin-bottom:8px;
}

#nextquotebottom{    /*quote box*/
    border-collapse:collapse;
    margin:3px auto 6px auto;
    text-align:center;
    width:300px;
    background:url("images/next-quote-bottom.gif") #fff no-repeat bottom center;
}

#nextquotebottom td{   /*quote box*/
   padding:0;
}

#nextquotetop{  /*quote box*/
    width:300px;
    background:url("images/next-quote-top.gif") transparent no-repeat top center;
    padding-top:10px;
    color:#980266;
    margin-bottom:8px;
}

#nextquotetop p{
   margin:0 13px 2px 13px;
    line-height:1.5em;
    font-size:0.9em;
}



#contactform{
    width:200px;
    border-collapse:collapse;
    margin:20px 0 0 20px;
}

#contactform h4{
             margin-bottom:5px;
}

#contactform td{
    vertical-align:top;
    text-align:left;
    padding:4px;
}

#contactform label{
text-align:right;
}

input.text{
width:160px;
border:1px solid #333;
padding:2px;
background-color:#fff !important;
font-family:arial,sans-serif;
font-size:1em;
color:#000;
}

#contactform textarea{
width:160px;
height:80px;
overflow:auto;
border:1px solid #333;
padding:2px;
background-color:#fff !important;
font-family:arial,sans-serif;
font-size:1em;
color:#000;
}

input.button{
width:50px;
border:1px solid #333;
color:#906;
background-color:#fff;
}

.archivetext {margin-left:27px; font-size:10px; font-family:arial,sans-serif;;}