/******************************************************************************** Image Replacement */

h2 a.image-replacement
{
	height: 31px;
	width: 273px;
	background: url(/resources/images/logo_healtheducation.gif) no-repeat;
}

/******************************************************************************** Top navigation */

ul#categories li.category-education
{
	width: 140px;
	margin-top: 0;
}

ul#categories li.category-services
{
	width: 80px;
}

ul#categories li.category-questions
{
	width: 90px;
}

ul#categories li.category-purchase
{
	width: 146px;
}

ul#categories li.category-involved
{
	width: 116px;
}

/******************************************************************************** Main content area */

div#content
{
	margin: 1em 51px 1em;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #325d8e;
}

div#content p
{
	margin-top: 1em;
	color: #325d8e;
}

div#content h3
{
	margin: 1.5em 0 0 -1.5em;
	padding-left: 1.5em;
	background: url(/resources/images/bullet_blue.gif) no-repeat left 60%;
	font-size: 12px;
	line-height: 20px;
	color: #006fad;
}

div#content h3.main
{
	margin: 0;
	padding: 0;
	background: none;
	text-align: center;
	font-size: 19px;
	line-height: 19px;
	color: #9c4646;
}

div#content h4
{
	margin: 1em 0 -1em;
	font-size: 1em;
	color: #325d8e;
}

div#content ul
{
	margin: 1em 0 0 2em;
	color: #325d8e;
}

div#content img
{
	display: block;
	margin: 1em auto 0;
}

div#content img.page_head
{
	display: block;
	margin: 1em auto 0;
}

div#content div.caption
{
	margin-top: 2em;
	font-size: 90%;
}

div#content ul.links
{
	list-style-image: url(/he/resources/images/arrow_bullet.gif);
	color: #1c1c1c;
}

div#content ul.links a
{
	color: #1c1c1c;
}

div#content ul.links a:hover
{
	color: #8f0d00;
}

div.contact
{
	padding: 1em;
}

div.contact div.name
{
	font-weight: bold;
}

/* Won't work in IE. Not a prob. It's CSS3 anyways, so I can't blame it. */
div.contact:target
{
	background: #fdeef4;
}

div.contact div.hours
{
	margin-top: 1em;
}

div#content a
{
	font-weight: bold;
	color: #5a0000;
}

div#content a:hover
{
	color: #325d8e;
}

a.contact
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #293941;
	font-weight: bold;
	text-decoration: none;
}

a.contact:hover
{
	color: #00387F;
}

a.button
{
	display: block;
	float: left;
	width: 154px;
	height: 27px;
	margin: 0 4px 0 0;
	padding-top: 8px;
	background: url(/he/resources/images/button.png);
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #325d8e !important;
}

a.button:hover
{
	background-position: 0 35px;
	color: inherit;
}

div#content dl.questions
{
	margin-top: 1em;
}

div#content dl.questions dt, div#content dl.questions dd
{
	padding-left: 25px;
}

div#content dl.questions dt
{
	margin-top: .5em;
	background: url(/he/resources/images/question_icon.png) no-repeat top left;
	font-weight: bold;
}

/* Extends the clickable area to cover the icon */
div#content dl.questions.n1 dt a
{
	margin-left: -25px;
	padding-left: 25px;
}

div#content dl.questions dt, div#content dl.questions.n1 dt a
{
	color: #994400;
}

div#content dl.questions.n2 dt
{
	background-image: url(/he/resources/images/question_icon_green.png);
}

div#content dl.questions.n2 dt, div#content dl.questions.n2 dt a
{
	color: #007700;
}

div#content dl.questions.n3 dt
{
	background-image: url(/he/resources/images/question_icon_magenta.png);
}

div#content dl.questions.n3 dt, div#content dl.questions.n3 dt a
{
	color: #770077;
}

div#content dl.questions.n4 dt
{
	background-image: url(/he/resources/images/question_icon_gold.png);
}

div#content dl.questions.n4 dt, div#content dl.questions.n4 dt a
{
	color: #998800;
}

div#content dl.questions a
{
	padding-left: 0;
}

div#content dl.questions dd.hidden
{
	display: none;
}

div#content dl.questions p
{
	margin: 0 0 1em;
}

hr
{
	margin: 1em;
	border: 1px solid #006fad;
}