/* accordianSJL.css */


.sjlplancontentsheader{ /*header */
    cursor: hand;
	cursor: pointer;
	/* padding: 2px 5px; */
	padding-right: 2px;
	padding-bottom: 3px; 
	padding-top: 2px;  
	padding-left: 2px; 
  
    /* border: 2px solid black; */

    border-right: #669966 1px solid;
    border-bottom: #669966 1px solid;
    
    /*
    border-left: #000 1px solid;
    border-top: #000 1px solid;
    border-right: #000 3px solid;
    border-bottom: #000 3px solid;
    */

	/* border-right: #669966 1px solid; */
	/* border-bottom: #669966 1px solid; */
	/* background: #F09E17; */ /* Orange of Order Button */
    background: #F7FFEF;
    color: #0000CC; /* #000; */
    /* text-decoration:underline; */

/* border: 1px solid gray; */
/* background: #E1E1E1; */
}

.sjlplancontentsheader:hover{
     color: #9cf;   /* Hover SJL Link */
}

.sjlplansubcontentheader{ /*header of 2nd demo*/
	cursor: hand;
	cursor: pointer;
	font: 11px Verdana; /* bold 14px Verdana; */
    margin-top: 0px;
    margin-bottom: 4px;
    margin-left: 40px;
    margin-right: 4px;
	/* margin: 10px 40px; */ /* 10px 0; */
    color: #0000CC;
    text-indent: -18px;
}

.sjlplansubcontentheader:hover{
     color: #9cf;   /* Hover SJL Link */
}

.opensjlplansubcontent{ /*class added to contents of 2nd demo when they are open*/
	color:#0000FF; /* green; */
}

.closedsjlsplansubcontent{ /*class added to contents of 2nd demo when they are closed*/
	color: #0000CC; /* #FF33FF; */ /* red; */
}


.sjlscienceheader{ /*header of 2nd demo*/
	cursor: hand;
	cursor: pointer;
	font: bold 14px Verdana;
	margin: 10px 0;
}

.sjlscienceheader:hover{
     color: #9cf;   /* Hover SJL Link */
}

/* .opensjlplancontent{  *//*class added to contents of 1st demo when they are open*/
/* background: orange;  *//* yellow; */
/* } */

.opensjlplancontent {
    /*
    border-left: #F09E17 2px solid;
    border-top: #F09E17 2px solid;
    border-right: #000 2px solid;
    border-bottom: #000 2px solid;
    */
    
    border-right: #669966 1px solid;
    border-bottom: #669966 1px solid;
    
    /*
    border-left: #000 1px solid;
    border-top: #000 1px solid;
    border-right: #000 3px solid;
    border-bottom: #000 3px solid;
    */

	/* border-right: #669966 1px solid; */
	/* border-bottom: #669966 1px solid; */
    /* background: #F09E17; */ /* Orange of Order Button */
	background: #F7FFEF; 
	
	 /* color: #f5d7b4;  */ /* Active SJL Link */
     /* color: #9cf;  */  /* Hover SJL Link */
    /* color: #660099; */ /* Visited SJL Link */

	/* color: #003366; */ /* Future Now*/
	color: #0000CC;  /* Vibrant Blue */
	/* color: #000000; /* Black */ 
	/* color: #330066; */  /* Color Change 070915 */
	font-weight: bold; font-size: 12px; 
	font-family: verdana,arial,helvetica,sans-serif; text-align: left; 
	padding-right: 2px;
	padding-bottom: 3px; 
	padding-top: 2px;  
	padding-left: 2px; 
	font-family: verdana,arial,helvetica,sans-serif; text-align: left;
}


.opensjlscience{ /*class added to contents of 2nd demo when they are open*/
	color:#0000FF; /* green; */
}

.closedsjlscience{ /*class added to contents of 2nd demo when they are closed*/
	color: #0000CC; /* #FF33FF; */ /* red; */
}


.sjltopicsheader{ /*header */
    cursor: hand;
	cursor: pointer;
	padding-right: 2px;
	padding-bottom: 3px; 
	padding-top: 2px;  
	padding-left: 2px; 

    border-right: #669966 1px solid;
    border-bottom: #669966 1px solid;

    /*
    border-left: #000 1px solid;
    border-top: #000 1px solid;
    border-right: #000 3px solid;
    border-bottom: #000 3px solid;
    */

    background: #F7FFEF;
    color: #0000CC;
    /* text-decoration:underline; */
}

.sjltopicsheader:hover{
     color: #9cf;   /* Hover SJL Link */
}


.opensjltopic {
    /*
    border-left: #000 1px solid;
    border-top: #000 1px solid;
    border-right: #000 3px solid;
    border-bottom: #000 3px solid;
    */

    border-right: #669966 1px solid;
    border-bottom: #669966 1px solid;

	background: #F7FFEF; 
	
	color: #0000CC;  /* Vibrant Blue */
	font-weight: bold; font-size: 12px; 
	font-family: verdana,arial,helvetica,sans-serif; text-align: left; 
	padding-right: 2px;
	padding-bottom: 3px; 
	padding-top: 2px;  
	padding-left: 2px; 
	font-family: verdana,arial,helvetica,sans-serif; text-align: left;
}