/***********************************************/
/* CSS styles JAHA JHDC Education site*/
/***********************************************/

body#jhdc{
background-color: #003333;
background-image:url(../discovery_center/img/mosaic/15.gif);
background-repeat:repeat-y;
background-position:right;
background-attachment:fixed;
}

#jhdc div.discuss_bullets {
	background: #ddddcc;
	background-image:url(../discovery_center/img/mosaic/simple-vert03s.gif);
	background-repeat:repeat-y;
	background-position:left;
	padding: .5em 1em .5em 24px;
	border-top: 1px solid #aa9;
	border-right: 1px solid #ffe;
	border-bottom: 1px solid #ffe;
	border-left: 1px solid #aa9;
	display: block;
	list-style-position: outside;
	list-style-type: square;
	margin:1.5em;
}

.tg#jhdc div.discuss_bullets {
	background-image:none;
	padding: .25em 1em .25em 1.25em;
}

.tg#jhdc div.materials {
	background-color: #cdd;
}

#jhdc div.materials table caption, 
#jhdc div.materials table td h3,
#jhdc div.materials table td h4 {
color: #033;
}

/****materials table colors******/

.tg #content .materials table th {
border-bottom: 3px solid #033;
vertical-align: middle;
background-color: #9cc;
padding: .2em 0 0 .5em;
color:#033;
}

div.table.materials a {
font-weight:normal;
color:#336666;
}

div.materials table th a {
font-weight:bold;
color:#033;
display:block;
}

div.materials table a:hover {
color:#033;
text-decoration:underline;
background-color:inherit;
}

div.materials table th a:hover  {
color:#ffe;
text-decoration:none;
background-color:inherit;
display:block;
}

.materials h3,
.materials h4  {
font-family:"Trebuchet MS", Arial, Geneva, sans-serif;
font-size:1em;
color: #033;
}


/************** heading tag styles **************/
/*---------- heading colors for JHDC----------*/

#jhdc h1 {
color: #033;
}

#jhdc h2 {
color: #144;
}

#jhdc h3,h4,h5 {
color: #255;
}

body.sp#jhdc #pagecell1 #content h1,h2,h3,h4,h5 {
color:#003333;
}


/************** utility styles *****************/

#jhdc #utility a:hover {
color: #99cccc;
}

/************* globalNav styles ****************/

#jhdc #globalNav{
background-color: #99CCCC;
}

#jhdc #globalNav #globalLink{
background-color: #99CCCC;
}

#jhdc #globalLink a.youarehere:link,
#jhdc #globalLink a.youarehere:visited {
	background-color: #DDEEEE;
	border-right: 1px solid #333333;
	font-size:10px;
}

/************ sectionLinks styles **************/
#jhdc #pageNav {
background-color: #99CCCC;
display:block;
}

#jhdc #pageNav #sectionLinks h2 a {
color: #003333;
background-color:#99cccc
}

#jhdc #pageNav #sectionLinks h3 a {
color: #006666;
background-color:#DDEEEE;
}

#jhdc #sectionLinks a:link,
#jhdc #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #DDEEEE;
	padding: 2px 0px 2px 5px;
	color: #006666;
	text-decoration:none;
}

#jhdc #pageNav #sectionLinks h3 a:hover,
#jhdc #pageNav #sectionLinks h3 a:active{
	background-color: #ccdddd;
}

#jhdc #pageNav #sectionLinks h3 a:active{
	color: #ffffff;
}

#jhdc #pageNav #sectionLinks h2 a:hover,
#jhdc #pageNav #sectionLinks h2 a:active{
	background-color: #88BBBB;
}

#jhdc #pageNav #sectionLinks h2 a:active{
	color: #ffffff;
}

#jhdc #pageNav #sectionLinks h2 a.youarehere2,
#jhdc #pageNav #sectionLinks h3 a.youarehere2{
    border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #eeeedd;
	border-bottom: 1px solid #ffffff;
	background-color:#eeeedd;
	font-size:inherit;
}

#jhdc #pageNav #sectionLinks h2 a.youarehere2:hover,
#jhdc #pageNav #sectionLinks h3 a.youarehere2:hover{
	background-color:#ddddcc;
}

/****************teachers guide styles*****************/





/********************* end **********************/