body {
  font-family:Arial,sans-serif;
  background-color:#000000;
  color:#AAAAAA;
  font-size:10pt;
  text-decoration:none;
  overflow-y: scroll;
}

table {
  color:#AAAAAA;
  border-collapse:collapse;
  border-spacing:0px;
  border-style: solid;
  border-width: 0px;
  border-color: #000000;
}

td {
  color:#AAAAAA;
  margin: 0px;
  padding: 0px;
  border-style: solid;
  border-width: 0px;
  border-color: #000000;
  vertical-align: top;
}

h1 {
  font-size: 16px;
  font-weight: bold;
  text-align:center;
}

h2 {
  font-size: 15px;
  font-weight: bold;
  text-align:center;
}

h3 {
  font-size: 14px;
  font-weight: bold;
  text-align:center;
}

h4 {
  font-size: 13px;
  font-weight: bold;
  text-align:center;
}

a {
  text-decoration: none;
  color: #AAAAAA;
}

.card {
  color: #444444;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  max-width: 600px; 
  margin: 16px auto; 
  text-align: justify;
}

#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: normal;
}

#menu li {
  border-width:2px;
  border-style: solid;
  border-color: #FFFFFF;
  background-color:#FFDF00;
  text-align:center;
}

#menu a {
  font-weight:bold;
  display: block;
  height: 20px;
  padding-top: 8px;
  text-decoration: none;
  font-size:1.0em;
  color: #AAAAAA;
}

#menu a:hover {
  background-color: #DDDDDD;
  color: #FFFFFF;
}

#menu .current_page_item a
{
  color: #DDDDDD;
  font-weight: bold;
}

.singleframe {
  width: 110px;
  margin: 10px;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #DDDDDD;
  background-color: #D9DFF5;
}

.a1 {
    //background-image: url(../pics/bg.jpg);
    //background-color:#FFFFFF;
    width:974px;
    //height:325px;
    margin-left:0px;
    margin-top:10px;
    margin-right:0px;
    margin-bottom:10px;
    padding:15px;
    border-style:solid;
    border-width:0px;
}

#sse2
{
    /*You can decorate the menu's container, such as adding background images through this block*/
    /*background-color: #222;*/
    height: 20px;
    /*padding: 15px;*/
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
#sses2
{
    margin:0 auto;/*This will make the menu center-aligned. Removing this line will make the menu align left.*/
}
#sses2 ul
{
    position: relative;
    list-style-type: none;
    float:left;
    padding:0;margin:0;
}
#sses2 li
{
    float:left;
    list-style-type: none;
    padding:0;margin:0;background-image:none;
}
/*CSS for background bubble*/
#sses2 li.highlight
{
    background:#FFFFFF url(pics/mb2_2.gif) no-repeat center bottom;
    top:0px;
    height:30px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    z-index: 1;
    position: absolute;
    overflow:hidden;
}
#sses2 li a
{
    height:20px;
    padding-top: 8px;
    margin: 0 15px;/*used to adjust the distance between each menu item. Now the distance is 20+20=40px.*/
    color: #AAAAAA;
    font: bold 13px arial;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    float: left;
    display: block;
    position: relative;
    z-index: 2;
}