/*must be in this order so we can have switching from horizontal to vertical
to switch back, the extra copy of the h style is there to help out on the individual a links
*/

.horizchainedmenu{
display: inline;
position:absolute;
visibility: hidden;
border:3px solid black;
font:normal 12px Verdana;
line-height: 28px;
z-index: 100;
background-color: #E9FECB;
width: 100%;
}

.horizchainedmenu a{
display: inline;
line-height: 24px;
height: 64px;
border-bottom-width: 0;
text-decoration: none;
font-weight: bold;
width:5%;
/*note: use nbsp for any spaces and if switch back to horiz from vertical used fixed width in main*/
}

.horizchainedmenu a:hover{ /*hover background color*/
background-color: green;
color: white;
}

.vertchainedmenu{
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
font:normal 14px Times;
line-height: 18px;
background-color: #E9FECB;
}

.vertchainedmenu a{
width: 100%;
display: block;
border-bottom: 1px solid black;
padding: 2px 0; // pad only above
line-height: 18px;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}


td.maincell {
background-color: #bb9966;
color: maroon;
text-align: center;
font-size: 14px;
font-weight: bold;
}

td.maincell a {
color: maroon;
}

td.maincell a:hover {
color: blue;
}

.tooltip{
position:absolute;
visibility: hidden;
font-size: 12px;
border:1px solid black;
color: maroon;
background-color: #E9FECB;
}

.tooltip p{
margin: 0; 
padding: 0px 3;
text-align: left;
}

.vertBrownMenu{
position:absolute;
visibility: hidden;
font-size: 14px;
text-align: center;
line-height: 18px;
border: 1px solid maroon;
background-color: #dec897;
}

.vertBrownMenu a{
display: block;
padding: 2px 0; // pad only above
line-height: 16px;
text-decoration: none;
font-weight: bold;
color: maroon;
}

.vertBrownMenu a:hover{
color: blue;
}

.interregnumgraphic{
position:absolute;
visibility: hidden;
width: 116px;
font: normal;
border: 1px solid maroon;
background-color: #dec897;
}

.interregnumgraphic a{
text-indent: 0px;
font: normal;
}

.vertBlueMenu{
position:absolute;
visibility: hidden;
font-size: 14px;
text-align: center;
line-height: 18px;
border: 1px solid black;
background-color: #0099FF;
}

.vertBlueMenu a{
display: block;
padding: 2px 0; // pad only above
line-height: 16px;
text-decoration: none;
font-weight: bold;
color: yellow;
}

.vertBlueMenu a:hover{
text-decoration: underline;
}


a.v{
width: 100px;
display: block;
border-bottom: 1px solid black;
line-height: 18px;
padding: 2px 4;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

a.v:hover{ /*hover background color*/
background-color: black;
color: white;
}

a.h{
display: inline;
border-bottom-width: 0;
padding: 0px 12;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
width: 5%;
}

a.h:hover{ /*hover background color*/
background-color: green;
color: white;
}

.horizTable{
position:absolute;
visibility: hidden;
border:3px solid black;
font:normal 12px Times;
line-height: 28px;
z-index: 100;
background-color: #E9FECB;
width: 100%;
}

.horizTable a{
line-height: 28px;
height: 28px;
border-bottom-width: 0;
padding: 0px 6; // pad only horiz
text-decoration: none;
font-weight: bold;
text-indent: 5px;
width:5%;
}

.tabchainedmenu{
line-height: 20px;
font-size: 14px;
}

.tabchainedmenu table{
line-height: 20px;
font-size: 14px;
border: 0;
}

.tabchainedmenu .left{
background-image: URL('images/tab/gray/l20.gif');
}

.tabchainedmenu .subs{
background-image: URL('images/tab/gray/m20.gif');
}

.tabchainedmenu .overunderline{
background-image: URL('images/tab/gray/tb20.gif');
}

.tabchainedmenu .underline{
background-image: URL('images/tab/gray/b20.gif');
}

.tabchainedmenu .right{
background-image: URL('images/tab/gray/r20.gif');
}