/* CSS Menu */

.menu{
font: bold 14px arial;
padding: 6px 0;
margin: 0;
width: 1280px;
background-color: #091176;
text-align: left; /*set value to "right" for example to align menu to the right of page*/
}

.menu li{
list-style: none;
display: inline;
margin-left: 30px;
}

.menu li a{
padding: 3px 0.5em;
text-decoration: none;
color: white;
background-color: #091176;
border: 2px solid #091176;
}

.menu li a:hover{
color: white;
background-color: #3c49f6;
border-style: outset;
}

body .menu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}


.accordionTitle, .accordionContent, .accordionContainer
{
  position: relative;
  width: 150px;
}

.accordionTitle
{
  height:20px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-size:8pt;
  font-weight:bold;
  vertical-align:middle;
  text-align:center;
  background-repeat:repeat-x;
  display:table-cell;
  background-image:url('../images/title_repeater.jpg');
  -moz-user-select:none;
}

.accordionContent
{
  height:0px;
  overflow:auto;
  display:none;
  font-family:Arial;
  font-size:8pt;
  font-weight:bold;
}

.accordionContainer
{
  float: right;
  margin-top: -420px;
  border-top: solid 1px #c1c1c1;
  border-bottom: solid 1px #c1c1c1;
  border-left: solid 2px #c1c1c1;
  border-right: solid 2px #c1c1c1;
}

div.accordionContent td
{
  font-family: Arial;
  font-size: 8pt;
  font-weight: bold;
}

div.accordionContent td a
{
  color: #0000CC;
}