.sidebarmenu ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font: bold 13px Verdana;
  width: 180px; /* Main Menu Item widths */
  border-bottom: 1px solid #ccc;
  float:left;
}
 
.sidebarmenu ul li
{
  position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a
{
  display: block;
  overflow: visible; /*force hasLayout in IE7 */
  color: #0040CD;
  text-decoration: none;
  padding: 6px;
  border-bottom: 1px solid #778;
  border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active
{
  background-color: #00B933; /*background of tabs (default state)*/
  border-left: 7px solid #d63986;
}

.sidebarmenu ul li a:visited{
color: #0040CD;
}

.sidebarmenu ul li a:hover
{
  background-color: #00E933;
  border-left-color: #d66986;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(../../img/right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

body
{
  background-color: #FFFFFF;
}


#header
{
  background-color: #00B933;
  border-bottom: 10px double #d63986;
}

.main
{
  min-height: 570px;
  margin-left: 180px;
  background-color: #FFFFFF;
  
  /*
  background:url(../../images/hornets_bg.gif);
  background-repeat: repeat-y;
  */
  
  padding:5px;
  
  border-right: 7px solid #d63986;
  /*border-bottom: 7px solid #1958b7;*/
}

.footer
{
  margin-left: 180px;
  background-color: #FFFFFF;
  
  /*
  background:url(../../images/hornets_bg.gif);
  background-repeat: repeat-y;
  */
  
  padding:5px;
  
  border-right: 7px solid #d63986;
  /*border-bottom: 7px solid #1958b7;*/
}

.body
{
  background-color: #FFFFFF;
  
  /*border-left: 7px solid #1958b7;*/
  border-bottom: 7px solid #d63986;
}

.profile
{
/*
  background-color: yellow;
  display: block;
*/
}

.profile img
{
  vertical-align: top;
  margin: 5px 25px 10px 5px;
}

.player_name
{
  font: bold 15px Verdana;
}

.div-table
{
  display:table; 
  border-collapse:collapse;
  
  width: 100%;
}

.div-table-caption
{
  display:table-caption; 
  background:#009999;
}

.div-table-row
{
  display:table-row;
  width: 50%;
}

.div-table-image
{ 
  width: 10%;
  display:table-cell; 
  padding: 0px;
  border-top: 5px solid #FFFFFF;
  border-bottom: 5px solid #003399;
  border-right: 1px solid #66ff99;
  background-color: #66ff99;
}

.profile-image
{
  max-width: 150px;
}

.div-table-col
{ 
  display:table-cell; 
  vertical-align:top;
  padding-top: 0px; 
  border-top: 5px solid #FFFFFF;
  border-bottom: 5px solid #003399;
  border-right: 5px solid #003399;
  background-color: #66ff99;
}

.table
{
	border-collapse:collapse;
  vertical-align: middle;
  padding: 0px; 
  border-bottom: 1px solid #003399;
  background-color: #66ff99;
}

.col-left
{ 
  text-align:middle;
  vertical-align:top;
  padding: 5px;
  border-left: 3px double #003399;
  width:150px;
}

.col-right
{ 
  border-right: 3px double #003399;
}

.col-top
{ 
  border-top: 3px double #003399;
}

.col-bottom
{ 
  border-bottom: 3px double #003399;
}

.draw_table
{
  border-collapse:collapse;
}

.draw
{
  border: 2px solid #000000;
  background-color: yellow;
  text-align: center;
}

#containerul, #containerul ul
{
  text-align:left;
  margin:0; /* Removes browser default margins applied to the lists. */
  padding:0; /* Removes browser default padding applied to the lists. */
}

#containerul li
{
  margin:0 0 0 30px; /* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0; /* Removes browser default padding applied to the list items. */
  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols
{ /* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:24px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
}

      
  .head1 A:link {text-decoration: none; font-weight: bold; color: orange;}
  .head1 A:visited {text-decoration: none; font-weight: bold; color: orange;}
  .head1 A:active {text-decoration: none; font-weight: bold; color: orange;}
  .head1 A:hover {text-decoration: underline; font-weight: bold; color: orange;}

  .head2 A:link {text-decoration: none; font-weight: bold; color: blue;}
  .head2 A:visited {text-decoration: none; font-weight: bold; color: blue;}
  .head2 A:active {text-decoration: none; font-weight: bold; color: blue;}
  .head2 A:hover {text-decoration: underline; font-weight: bold; color: blue;}
  
  