body {
	font-family: Tahoma ,Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	margin-top: 12px;
	word-spacing: normal;
	background-image: url(../images/bg.gif);
	margin-left: 65px;
}

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

hr {color: #dcdcdc;}

br {clear: left;}
p{color: #333333;}

a:link {color:#CC0000; text-decoration: none}
a:active {color:#CC0000; text-decoration: none}
a:visited {color:#D32C2C; text-decoration: none}
a:hover {color:#333333; text-decoration: underline}

#skipnav {
	display: none;
}

#wrapper {
    width: 853px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-color: #FFFFFF;
    background-repeat: repeat-y;
    background-position: right;

}

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

#leftside
{
    float:left;
    width: 179px;
    height: 420px;
    margin-top:-6px;
    margin-left:1px;
    background-image: url(../images/left.gif);
    background-position: left top;
    background-repeat: repeat-y;
    display: block;
}


#header {
	border-top: 0px;
	border-bottom: 0px;
	background-image: url(../images/banner.gif);
	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:-15px;
    width:180px;
    float:left;
	width: 470px;
	padding-left:10px;
}

#rightpanel
{
    color: #ffffff;
    float: right;
    width: 186px;
    height: 290px;
    margin-top: -57px;
    padding-left: 4px;
    padding-top: 200px;
    text-align: center;
    background-image: url(../images/right.jpg);
    background-repeat: repeat-y;
    background-position: top;
    /*position: absolute; top: 150px; right: 60px; */


}

#footer
{
    margin-top: 10px;
    padding-right: 0px;
    padding-left: 6px;
    padding-bottom: 6px;
    text-align: center;
	border-top: solid 1px #CCCCCC;
    color: #999999;

}

/*START NAVIGATION BAR*/

#navcontainer 
{
    width: 155px;
    margin-left:-6px;
    margin-top:-18px;
    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.howcanwehelpyou a.howcanwehelpyou,
body.groupactivites a.groupactivites,
body.personalsupport a.personalsupport,
body.educationalsupport a.educationalsupport,
body.howdoifeel a.howdoifeel,
body.myschoolcollege a.myschoolcollege,
body.parents a.parents,
body.helpformychild a.helpformychild,
body.helpforme a.helpforme,
body.professionals a.professionals,
body.getinvolved a.getinvolved,
body.shareyourstory a.shareyourstory,
body.volunteerjobs a.volunteerjobs,
body.supporters a.supporters,
body.membersonly a.membersonly
{
    border-left: #66cc99 2px dashed;
}
/* END OF NAVIGATION PAGE LIST */

#navcontainer ul
{
    list-style-type: none;
    border-bottom: 1px solid #dcdcdc;
    margin-top:19px;
    margin-left: 15px;
}

#navcontainer li
{
    padding-top:2px;
    padding-bottom:2px;
}

#navcontainer a {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: block;
    width: 135px;
    color: #000000;
    font-weight:bold;
    padding-left:2px;
}

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

#navcontainer a:hover {
	background-color: #E6E6E6;
	color: #990000;
	text-decoration: none;
}