/* CSS Document */


/* this is the common code for all 4 drop down menus as well as their current states*/

a.makdrop, a.teachdrop, a.writdrop, a.instigatdrop, a.makdropcurrent, a.teachdropcurrent, a.writdropcurrent, a.instigatdropcurrent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #963;
    	text-decoration:none;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	border: solid #963;}

a.makdrop:hover span, a.teachdrop:hover span, a.writdrop:hover span, a.instigatdrop:hover span, a.makdropcurrent:hover span, a.teachdropcurrent:hover span, a.writdropcurrent:hover span, a.instigatdropcurrent:hover span{
	font-weight: normal;
	line-height: 20px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	border: solid #963;}



/* this is the code for the making drop down menu*/

a.makdrop{
	display:block;
    	position:relative; /*this is the key*/
    	z-index:24;
	width:175px;
	border-width: 0 5px 0 0}

a.makdrop:hover, a.makdropcurrent:hover{
	z-index:25; 
	background-color:#E1514E; 
	color:#fff}

a.makdrop span, a.makdropcurrent span{display: none}

a.makdrop:hover span, a.makdropcurrent:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:30px; left:0em; width:175px;
	background-color:#FFCDCD; 
	color:#E1514E;
	border-width: 0 5px 5px 0;}

a.makdropcurrent{
	display:block;
    	position:relative; /*this is the key*/
    	z-index:24;
	width:175px;
	background-color:#E1514E; 
	color: #fff;
	border-width: 0 5px 0 0}
	

	
/* this is the code for the teaching drop down menu*/

a.teachdrop{
	display:block;
    	position:relative; /*this is the key*/
    	z-index:24;
	width:175px;
	border-width: 0 5px 0 0}

a.teachdrop:hover, a.teachdropcurrent:hover{
	z-index:25; 
	background-color:#999933; 
	color:#fff}

a.teachdrop span, a.teachdropcurrent span{display: none}

a.teachdrop:hover span, a.teachdropcurrent:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:30px; left:-5px; width:175px;
	background-color:#CCCC66; 
	color:#fff;
	border-width: 0 5px 5px 5px;}

a.teachdropcurrent{
	display:block;
    	position:relative; /*this is the key*/
    	z-index:24;
	width:175px;
	background-color:#999933; 
	color: #fff;
	border-width: 0 5px 0 0}



/* this is the code for the writing drop down menu*/

a.writdrop{
	display:block;
    	position:relative; /*this is the key*/
    	z-index:24;
	width:175px;
	border-width: 0 5px 0 0}

a.writdrop:hover, a.writdropcurrent:hover{
	z-index:25; 
	background-color:#737373; 
	color:#fff}

a.writdrop span, a.writdropcurrent span{display: none}

a.writdrop:hover span, a.writdropcurrent:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:30px; left:-5px; width:175px;
	background-color:#C9C9C9; 
	color:#737373;
	border-width: 0 5px 5px 5px;}

a.writdropcurrent{
	display:block;
    	position:relative; /*this is the key*/
    	z-index:24;
	width:175px;
	background-color:#737373; 
	color: #fff;
	border-width: 0 5px 0 0}



/* this is the code for the instigating drop down menu*/

a.instigatdrop{
	display:block;
    	position:relative; /*this is the key*/
    	z-index:24;
	width:175px;
	border-width: 0 0 0 0}

a.instigatdrop:hover, a.instigatdropcurrent:hover{
	z-index:25; 
	background-color:#663300; 
	color:#fff}

a.instigatdrop span, a.instigatdropcurrent span{display: none}

a.instigatdrop:hover span, a.instigatdropcurrent:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:30px; left:-5px; width:175px;
	background-color:#CC9966; 
	color:#663300;
	border-width: 0 0 5px 5px;}

a.instigatdropcurrent{
	display:block;
    	position:relative; /*this is the key*/
    	z-index:24;
	width:175px;
	background-color:#663300; 
	color: #fff;
	border-width: 0 0 0 0}