* { 
	margin: 0;
	padding: 0;
	}


body {
	font-size: 90%;
	font-family: arial, helvetica, sans-serif;
	background-color: #878787;
	color: #000;
}

#container {
width: 970px;
margin: 5px auto;
background-color: #fff;
color: #333;
border: 1px solid #666;
line-height: 130%;
}


/* top - logo etc */
#top {
background-color: #fff;
padding-left: 0.5em;
border-bottom: 1px solid #666;
}

/* navigation links */
#navcontainer {
		background-color: #fc3;
		color: #636;
		padding: 2px 0;
		margin-bottom: 22px;
		border-bottom: 1px solid #666;
	}
	
#navcontainer ul {
		margin: 0 0 0 20px;
		padding: 0;
		list-style-type: none;
		border-left: 1px solid #333;
	}
	
#navcontainer li {
		display: inline;
		padding: 0 10px;
		border-right: 1px solid #333;
	}
	
#navcontainer li a 	{
		text-decoration: none;
		color: #636;
	}
	
#navcontainer li a:hover, body#home li#nav-home a, body#info li#nav-info a, body#training li#nav-training a, body#ident li#nav-ident a, body#assessment li#nav-assessment a, body#respite li#nav-respite a, body#family li#nav-family a, body#one2one li#nav-one2one a, body#peer li#nav-peer a  {
		text-decoration: none;
		color: #ccc;
		background-color: #333;
	}

	
#rightcol {
float: right;
width: 300px;
padding-right: 5px;
padding-top: 20px;
}

body#info #rightcol {
padding-top: 45px;
}

#content {
margin-left: 40px;
margin-right: 300px;
padding: 1em;
/*max-width: 36em;*/
}

/* homepage */

body#home #content h2 {
font-size: 145%;
}

body#home #content p {
margin-top: 1em;
width: 20em;
}

body#home #content .box p {
margin-top: 0;
}

body#home #content .box {
background-color: #fc3;
color: #636;
font-size: .9em;
width: 20em;
}

body#home #rightcol {
padding-top: 6px;
}

body#home #rightcol .box {
position: relative;
right: 0;
top: 20px;
margin: 0 10px 40px 10px;
padding: 10px;
background-color: #eee;
}

#picturebox {
float: right;
width: 300px;
height: 448px;
margin-bottom: 10px;
}



/* headings & paragraph text */

#content h2, #rightcol h2 {
	font-size: 160%;
	line-height: 1em;
	background-color: transparent;
	color: #099;
}

#rightcol h2, #rightcol p {
margin: 0 0 .5em .3em;
}

#content h2 {
margin: 0 0 .5em 0;
}

#content h3 {
margin-bottom: 2px;
font-size: 110%;
line-height: 1em;
background-color: transparent;
color: #099;
}

body#assessment #content h3 {
margin-top:20px;
}

#content p {margin-bottom: 10px;}

p.smallprint {
font-size: .75em;
}

body#one2one #content p {
margin: 10px 0;
}

/* highlight boxes & pullquotes etc */

#content .box {
margin: 10px 10px 10px 0;
padding: 10px;
background-color: #eee;
}

body#assessment #content .box {
margin: 30px 10px 10px 0;
padding: 10px;
background-color: #eee;
}

blockquote {
height: 150px;
margin: 30px 0 0 10px;
padding: 0;
background: transparent url(images/openquote.gif) left top no-repeat;
}

blockquote div {
height: 100px;
font-family: Courier, "Courier New", monospace;
font-size: 1.5em;
line-height: 1em;
padding: 10px 10px 10px 30px;
background: transparent url(images/closequote.gif) right bottom no-repeat;
}


/* images */

img.floatright {
margin: 0 10px 0 10px;
float:right;
}

img.floatleft {
margin: 0 10px 0 0;
float:left;
}

/* links */
a:link, a:visited {
color: #33f;
} 
 
a:hover {
color: #33f;
background-color: #fc3;
}   

/* lists */
ul, ol {
list-style-position: inside;
}

#content ul.nobull
{
list-style-type: none;
}


/* footer */
#footer {
height: 100px;
clear: both;
margin: 0;
padding: .5em;
color: #333;
background: #fff url(images/hccf_logo.gif) right no-repeat;
border-top: 1px solid #666;
text-align: center;
}

#footer p {
margin-left: 50px;
}

#footer p.hccf {
padding-right: 5px;
font-size: 80%;
position: relative;
font-style: italic;
}