/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 2px solid #D10000; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}
.invertedshiftdown ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}
.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}
.invertedshiftdown a{
float: left;
display: block;
font-size: 12px;
font-weight: bold;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: #D10000; /*Default menu color*/
/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}
.invertedshiftdown a:hover{
background-color: #FF8000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}
.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #000000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}
.invertedshiftdown .current a:hover{
background-color: #000000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}
#languagebar{
float: right;
}
#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 2px;
padding: 0;
}
#myform .textinput{
width: 190px;
border: 1px solid gray;
}
#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid #D10000;
background-color: black;
color: white;
}
/*Left Menu*/
.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-size: 12px;
font-weight: bold;
color: white;
background: black url(../titlebar.gif) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-align: center;
vertical-align: middle;
padding: 5px 5px 5px 5px; 
cursor: hand;
cursor: pointer;
}
.arrowlistmenu .menuheader a{
font: bold 12px Arial;
color: white;
text-decoration: none;
padding: 3px 0px 3px 0px;
}
.arrowlistmenu .menuheader a:hover{
padding: 3px 0px 3px 0px;
color: #ff0000;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
font-size: 12px;
font-weight: bold;
color: white;
background-image: url(../titlebar-active.gif);
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-align: center;
padding: 5px 5px 5px 5px; 
cursor: hand;
cursor: pointer;
}
.arrowlistmenu .openheader a{
font: bold 12px Arial;
color: white;
text-decoration: none;
padding: 3px 0px 3px 0px;
}
.arrowlistmenu .openheader a:hover{
color: #000000;
padding: 3px 0px 3px 0px;
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}
.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}
.arrowlistmenu ul li a{
color: #A70303;
background: url(../arrowbullet.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #A70303;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}
.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}