﻿/*
Menu Styles
    - Main menu items ul / li style
    - Main menu items on / off / hover styles

    - Side menu main items ul / li
    - Side menu main items on / off / hover
        -Side menu sub items ul / li
        -side menu sub items on / off / hover
*/


/***** Main menu items ul / li ******/

#menuDiv
{
	font-family: Arial, Verdana;
	font-size: 80%;
	width: 495px;
}

#menuDiv ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}

#menuDiv ul li
{
    display: inline;    
    padding: 10px 0px 0 21px;
    float: right;
}

#workMenuBack 
{
	font-size: 80%;
	width: 80px;
	float: left;
	text-align: left;
	color: #231F20;
	margin-top: 15px;
}
#workMenuBack a
{
	color: #231F20;
	text-decoration: none;
}
#workMenuBack a:hover
{
	color: #9a9899;
	text-decoration: none;
}

#workMenuNext
{
	font-size: 80%;
	width: 70px;
	float: right;
	text-align: right;
	color: #231F20;
	margin-top: 15px;
	
}
#workMenuNext a
{
	color: #231F20;
	text-decoration: none;
}
#workMenuNext a:hover
{
	color: #9a9899;
	text-decoration: none;
}

#workMenuNext .menuPagerOff
{
	color: #9a9899;
}
#workMenuBack .menuPagerOff
{
	color: #9a9899;
}


/***** Main menu items on / off / hover *****/
.MainMenuOn
{
	padding: 3px 6px 3px 6px;
}

.MainMenuOn, .MainMenuOn A
{
    background-color: #848484;
    color: #F4E50B;
    text-decoration: none;

}

.MainMenuOff
{
	padding: 3px 6px 3px 6px;
    color: #231F20;
}

.MainMenuOff a
{
	text-decoration: none;
	color: #231F20;
}

.MainMenuOff A:Hover
{
    color: #9a9899;
    text-decoration: none;
}


/***** Side menu ul / li *****/
#subMenuDiv ul
{
	list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}

#subMenuDiv ul li
{
 float: left;
}


/***** Side menu main items on / off / hover *****/
#subMenuDiv
{
	font-family: Tahoma, Arial, Verdana;
	font-size: 80%;
}



.SubMenuOn
{
	padding: 3px 10px 3px 10px;
	width: 138px;
	clear: both;
	float: left;
	color: #F4E50B;
}

.SubMenuOn .submenuNumber
{
    width: 18px;
    float: left;
}

.SubMenuOn .submenuTitle
{
    float: right;
    width: 120px;
    
}

.SubMenuOn, .SubMenuOn A
{
	background-color: #848484;
    color: #F4E50B;
    text-decoration: none;
}






.SubMenuOff
{
    color: #231F20;
    padding: 3px 10px 3px 10px;
    float: left;
    width: 138px;
    clear: Both;
}

.SubMenuOff a
{
	color: #231F20;
	text-decoration: none;
	
}

.SubMenuOff .submenuNumber
{
    width: 18px;
    float: left;
}

.SubMenuOff .submenuTitle
{
    float: right;
    width: 120px;
    
}

.SubMenuOff A:Hover
{
	color: #9a9899;
    text-decoration: none;
}





#divMailing
{
	position: absolute;
	bottom: 0;
	left: 0;
}
#divMailing a
{
	color: #211F20;
	text-decoration: none;
}
#divMailing a:hover
{
	color: #211F20;
	text-decoration: underline;
}




/***** Side menu sub items ul / li *****/
/* dont really need anything here taken care of by the parent*/

/***** side menu sub items on / off / hover *****/

.SubSubMenuOn
{
	padding: 2px 0px 2px 35px;
	clear:both;
	width: 102px;
}

.SubSubMenuOn, .SubSubMenuOn A
{
    color: #575757;
    text-decoration: none;
    font-weight: bold;
}


.SubSubMenuOff
{
    color: #575757;
    padding: 2px 0px 2px 35px;
    clear:both;
    width: 102px;
    
}

.SubSubMenuOff a
{
	color: #575757;
	text-decoration: none;
	
}

.SubSubMenuOff A:Hover
{
    color: #9a9899;
    text-decoration: none;
}