/********* CSS styles JAHA JFM Education site**********/

body#jfm {
	background-color:#663300;
background-image:url(../flood/img/bg/news01.jpg);
background-repeat:repeat-y;
	background-position:right;
	background-attachment:fixed;
}
	
#jfm div.discuss_bullets {
	background: #ddddcc;
	background-image:url(../flood/img/bg/thin-news01.jpg);
	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#jfm div.discuss_bullets {
	background-image:none;
	padding: .25em 1em .25em 1.25em;
}

.tg#jfm div.materials {
	background-color: #ddb;
}

#jfm div.materials table caption, 
#jfm div.materials table td h3,
#jfm div.materials table td h4 {
color: #320;
}


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

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

div.materials table a, div.materials table a:visited {
font-weight:bold;
color:#741;
}

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

div.materials table a:hover {
color:#320;
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:1.1em;
color: #320;
}


/****** end materials table********/

/************** heading tags **************/
/*------------heading colors for JFM ---------*/
#jfm h1 {
color:#520;
}

#jfm h2 {
	color:#630;
	text-align: left;
	display: block;
}

#jfm h3 {
	color:#741;
	clear: left;
	text-align: left;
}
	
#jfm h4 {
	color:#975;
	clear: left;
	text-align: left;
}
	
#jfm h5 {
	color:#b97;
	text-align: left;
}
	
/************** utility  *****************/

#jfm #utility a:hover {
color: #ccaa88;
}

/************* globalNav  ****************/

#jfm #globalNav {
background-color:#ccaa88;
}

#jfm #globalLink h3 {
background-color:#ccaa88;
}

#jfm #globalLink a.youarehere:link, 
#jfm #globalLink a.youarehere:visited {
	border-right: 1px solid #663300;
	background-color:#ddddbb;
	font-size:10px;
}

/************ sectionLinks  **************/
#jfm #pageNav{
background-color:#CCAA88;
display:block;
}

#jfm #pageNav #sectionLinks h2 a {
color:#332200;
background-color:#ccaa88;
}

#jfm #pageNav #sectionLinks h3 a {
color:#663300;
background-color:#ddddbb;
}

#jfm #sectionLinks a:link, 
#jfm #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: #ddddbb;
	padding: 2px 0px 2px 5px;
	color: #663300;
	text-decoration:none;
}

#jfm #pageNav #sectionLinks h3 a:hover, 
#jfm #pageNav #sectionLinks h3 a:active {
	background-color: #CCCCAA;
}

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

#jfm #pageNav #sectionLinks h2 a:hover, 
#jfm #pageNav #sectionLinks h2 a:active {
	background-color: #bb9977;
}

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

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

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

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

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