body {
	font-family: Tahoma ,Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	margin-top: 12px;
	word-spacing: normal;
}

h1 {color: #122d79;font-size: 1.7em;font-weight:normal;}
h2{color: #000000;font-size: 1.1em;font-weight:bold;}

hr{color:#E5E5E5;}

br {clear: left;}

.clear{clear:both;}

a:link {color:#2F69BA; text-decoration: none}
a:active {color:#2F69BA; text-decoration: none}
a:visited {color:#D32C2C; text-decoration: none}
a:hover {color:#6396D5; text-decoration: underline}


.whitetext{
color: #FFFFFF;
}


.imageright{
align: right;

}

a.whitetext:link {color:#ffffff; text-decoration: none}
a.whitetext:active {color:#ffffff; text-decoration: none}
a.whitetext:visited {color:#ffffff; text-decoration: none}
a.whitetext:hover {color:#ffffff; text-decoration: underline}


#skipnav {
	display: none;
}

#wrapper {
    width: 853px; 
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-color: white;
	border: solid 1px #CCCCCC;

}

/* LEFT SIDE OF PAGE */
#leftsidetop {
    float: left;
    width: 174px;
    height:34px;
    margin-top:5px;
    background-position: left top;
    background-image: url(../images/left.gif);
    background-repeat: no-repeat;
}

#leftside
{
    float:left;
    width: 179px;
    margin-top:-6px;
    display: block;
}

#newseditpanel
{
background-image:url(../images/latestnews.gif);
padding: 34px 7px 25px 7px;
}



#mainpanel {
	float:none;
	width: 800px;
}

#header {
	border-top: 0px;
	border-bottom: 0px;
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	padding-top: 0;
	height: 128px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	border-top-width: thin;
}

#content {
	margin-top: -32px;
	padding-right: 5px;
}

#leftpanel {
	float:left;
	width: 230px;
	margin-top: 22px;
	padding-left:7px;
	margin-bottom: 10px;
}

#middlepanel 
{
    float:left;
    width: 220px;    
    margin-top: 22px;
    padding-left:15px;	
}

#middlepanellower
{
    float:left;
    width: 650px;    
    margin-top: 10px;
    padding-left:15px;
}


#rightpanel
{
    float: right;
    width: 170px;
    margin-top: -42px;
    margin-left:10px;
    border-left: solid 1px #d3d0c7;
    text-align: center;
}

#footer
{
    padding-right: 0px;
    padding-left: 6px;
    text-align: center;
  background-color: #868EB0;
    background-repeat: repeat-x;
    color: #ffffff;
	height: 32px;
}

/*START NAVIGATION BAR*/

#navcontainer 
{
    width: 179px;
    margin-left:-6px;
    background-image: url(../images/left-background.gif);
    background-position:right top;
    background-repeat: repeat-y;
    display: block;
}

/* START PAGE NAVIGATION LIST
   THIS IS FOR HIGHLIGHTING CURRENT PAGE ON THE MENU
   ADD ALL PAGES THAT ARE ON NAVIGATION MENU TO THIS LIST
   IN THE FORMAT -  body.<pagetitle> a.<pagetitle>
   COMMA SEPERATE EACH ENTRY.
   !!info - The page name must match exactly the 'Title' you use in the web.sitemap file not the description!.
*/
body.home a.home, body.aboutswcss a.aboutswcss, body.services a.services, body.supportresources a.supportresources, body.youngcarers a.youngcarers, body.groups a.groups, body.news a.news, body.events a.events, body.links a.links, body.enquiry a.enquiry
{ background-image: url(../images/left-background-activepage.gif);
  background-position:right top;
  background-repeat: repeat-y;
  background-color: Gray;
}
/* END OF NAVIGATION PAGE LIST */

#navcontainer ul{
    margin-left: 6px;
    padding-left: 0;
    list-style-type: none;
}




#navcontainer a {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: block;
    padding: 7px;
    width: 158px;
    border-bottom: 1px solid #ffffff;
}

#navcontainer a:link, #navlist a:visited {
    text-decoration: none;
    font-weight:bold;
}

#navcontainer a:hover {
	background-color: #f4df87;
	color: #333333;	
}


/* additional page sections/boxes etc.. */

.lightredbox
{
    background-color: #f6dde0;
    padding: 10px 10px 5px 14px;

}

.yellowpeoplebox
{
    background-image: url(../images/peoplebox.gif);
    background-repeat: no-repeat;
    background-color: #ffe495;
    padding: 50px 10px 15px 14px;    
}

.greenladybox
{
    background-image: url(../images/lady-green.gif);
    background-repeat: no-repeat;
    background-color: #d1edd4;
    padding: 1px 0px 1px 68px;    
    /*padding: top right bottom left*/
}

.morebutton
{
    float:right;
}