/* OCA style sheet for the chromestyle menu */

/* 01/14/14: Making a couple of modifications here for new site  */

.chromestyle{
width: 100%;                  /* 01/14/14: was    width: 95%;    */
font-weight: bold;
padding: 0px;                 /* 01/14/14: was    padding: 5px;  */
background-color: transparent;
}

.chromestyle:after{ /* Add margin between menu and rest of content in Firefox */
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
/* border: none; */
width: 100%;
/* 01/14/14: Take this out and put it into the containing div on top and bottom              border-top: 2px solid #4A9CD5;  */
background-color: transparent;
padding: 4px 0;
margin: 0;
text-align: left; /* set value to "left", "center", or "right" */
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #000000;
padding: 4px 7px;
margin: 0;
text-decoration: none;
/* border: none; */
}


/* 12/26/06: Need all of these, as they don't work right otherwise. */
.chromestyle ul li a:link{
/* background-color: #FFFFFF; */
background-color: transparent;
color: #000000;
}

.chromestyle ul li a:visited{
/* background-color: #FFFFFF; */
background-color: transparent;
color: #000000;
}

.chromestyle ul li a:active{
background-color: transparent;
color: #FF0000;
}

.chromestyle ul li a:hover{
background-color: #93BCE1;
color: #FF0000;
}

.chromestyle ul li a[rel]:after{ /* HTML to indicate drop down link */
/* content: " v"; */
content: " " url(https://www.astrocollege.org/images/downarrow_6x6.gif); /* uncomment this line to use an image instead */
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /* THEME CHANGE HERE */
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #FFFFFF;
width: 200px;
visibility: hidden;
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);  */ /* Add Shadow in IE. Remove if desired */
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /* THEME CHANGE HERE */
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #000000;
}

* html .dropmenudiv a { /* IE only hack */
width: 100%;
}


/* Again, put 'em all in ... */
.dropmenudiv a:link { /* THEME CHANGE HERE */
background-color: #FFFFFF;
color: #000000;
}

.dropmenudiv a:visited { /* THEME CHANGE HERE */
background-color: #FFFFFF;
color: #000000;
}

.dropmenudiv a:active { /* THEME CHANGE HERE */
background-color: #93BCE1;
color: #FF0000;
}

.dropmenudiv a:hover { /* THEME CHANGE HERE */
background-color: #93BCE1;
color: #FF0000;
}





/* Again, put 'em all in ... */
.dropmenudiv a:link { /* THEME CHANGE HERE */
background-color: #FFFFFF;
color: #000000;
}

.dropmenudiv a:visited { /* THEME CHANGE HERE */
background-color: #FFFFFF;
color: #000000;
}

.dropmenudiv a:active { /* THEME CHANGE HERE */
background-color: #93BCE1;
color: #FF0000;
}

.dropmenudiv a:hover { /* THEME CHANGE HERE */
background-color: #93BCE1;
color: #FF0000;
}