body {  
margin: 0px 0px 0px 0px;
font-family: arial;
font-size: 12px;
color:#24442d;
}
h1{
font-size: 18px;
color:#24442d;
}
h2{
font-size: 16px;
color:#24442d;
}

a:hover{
text-decoration:underline;
}
a{
text-decoration:none;
}
p{
color:#24442d;
}
/* Style for Usual tabs */
.usual {
  background:#ffffff;
  color:#24442d;
  padding:15px 20px;
  width:750px;
  border:1px solid #222;
  margin:8px auto;
}
.usual li { list-style:none; float:left; }
.usual ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:12px arial;
  color:#24442d;
  background:#ffffff;
}
.usual ul a:hover{
  color:#24442d;
  background:#ffffff;
  }
  .usual ul a:visited{
  color:#24442d;
  background:#ffffff;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#24442d;
  background:#ffffff;
  border-bottom:1px solid #24442d;
  cursor:default;
  }
.usual div {
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:transparent;
  font:12px arial;
}
.usual div a { color:#000; font-weight:bold; }

#usual2 { background:transparent; border:none; }
#usual2 a { background:#ffffff; }
#usual2 a:hover { background:#ffffff; }
#usual2 a.selected { background:#ffffff; }
#tabs1 { background:transparent; }
#tabs2 { background:transparent; }
#tabs3 { background:transparent; }
#tabs4 { background:transparent; }
#tabs5 { background:transparent; }
#tabs6 { background:transparent; }
#tabs7 { background:transparent; }

.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #24442d;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: #24442d url(images/gb.png) repeat-x bottom left;
font: bold 12px arial;
color: black;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #000000;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/gb2.png);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px #24442d solid;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 12px arial;
color: #24442d;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #24442d;
color: white;
}