/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.suckertreemenu {
      float:left;
      width:100%;
      background:#cccccc;
      font-size:100%;
      font-weight:bold;
      }   
      
      .suckertreemenu a {
      float:left;
      color:#24618E;
      text-decoration:none;
      background:url("tableft.gif") no-repeat left top;
      padding:0 0 0 5px;
      }
      
    .suckertreemenu a {
      float:left;
	  display:block;
      background:url("images/tabright.gif") no-repeat right top;
      padding:5px 10px 4px 6px;
      color:#ffffff;
      }
        
      
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .suckertreemenu a {float:none;}
    /* End IE5-Mac hack */
    .suckertreemenu a:hover  {
      color:#24618E;
      }
    .suckertreemenu a:hover {
      background-position:0% -42px;
      }
    .suckertreemenu a:hover {
      background-position:100% -42px;
      }
	.suckertreemenu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
	/*Top level list items*/
	.suckertreemenu ul li{
	position: relative;
	display: inline;
	margin: 0;
	float: left;	
	background-color: #ffffff;
	}

	/*Top level menu link items style*/
	.suckertreemenu ul li a{
	display: block;
	width:60px; /*Width of top level menu link items*/
	text-decoration: none;/*padding:5px 15px 4px 6px;*/	
	color: #ffffff;
	}
	
	/*1st sub level menu*/
	.suckertreemenu ul li ul{
	left: 0;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	border: 1px solid #ccc;
	visibility: hidden;
	}

	/*Sub level menu list items (undo style from Top level List Items)*/
	.suckertreemenu ul li ul li{
	display: list-item;
	float: none;
	}
/*sub  level menu link items style*/
	.suckertreemenu ul li ul li a{
	display: block;
	width:100%;
	text-decoration: none;
	padding:5px 10px 4px 6px;
	color: #ffffff;
	}
	.suckertreemenu ul li a:hover{
	color:#24618E;
	}

	td{ font-family: Verdana, arial; font-size: 11px; text-decoration: none; }
	table{ font-family: Verdana, arial; font-size: 11px; text-decoration: none; }
	.tdcart { font-family: Verdana, arial; font-size: 14px; text-decoration: none; }
	body
	{
	background-image: url('images/background.jpg');
	font-family: Verdana, arial; font-size: 12px; color: #000000;
	scrollbar-base-color: #24618E; 
	scrollbar-arrow-color: #000000;
	scrollbar-DarkShadow-Color: #24618E;
	}

	select { color:#000000; font: 11px Verdana; font-weight: bold; text-decoration: none; background: #E9E9E9; border: 1 solid #999999; } 
	option { color:#000000; font: 11px Verdana; font-weight: bold; text-decoration: none; background: #E9E9E9; border: 1 solid #999999; } 
	textarea { color:#000000; font: 11px Verdana; font-weight: bold; text-decoration: none; background: #E9E9E9; border: 1 solid #999999; } 
	input { color:#000000; font: 11px Verdana; font-weight: bold; text-decoration: none; background: #E9E9E9; border: 1 solid #999999; } 

	.text {  font-family: Verdana, arial; font-size: 10px; color: #333333}
	.text2 {  font-family: Verdana, arial; font-size: 11px; color: #EEEEEE}
	.title {  font-family: Verdana, arial; font-size: 1.3em; font-weight: bold;}
	
	
	.selectedMenu
{
    BORDER-RIGHT: #24618E 0.1mm solid;
    BORDER-TOP: #24618E 0.1mm solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    HEIGHT:10;
    WIDTH:150;
    BORDER-LEFT: #24618E 0.1mm solid;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #24618E;
    BORDER-BOTTOM: #24618E 0.1mm solid;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
.selectedMenu A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    HEIGHT:10;
    WIDTH:150;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #24618E;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
.selectedMenu A:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    HEIGHT:10;
    WIDTH:150;
    COLOR: #24618E;
    BACKGROUND-COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
.selectedMenu A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    HEIGHT:10;
    WIDTH:150;
    COLOR: #24618E;
    BACKGROUND-COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
.selectedMenu A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    HEIGHT:10;
    WIDTH:150;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #24618E;
    TEXT-DECORATION: none
}
.section {
  BACKGROUND:url("images/section.gif");
  COLOR:#ffffff;
  FONT-FAMILY: Verdana, Arial;
  FONT-WEIGHT: bold;
  FONT-SIZE:100%;
  WIDTH:100%; 
  HEIGHT:25;   
  }
  
  .sectionL {
  BACKGROUND:url("images/section.gif");
  COLOR:#ffffff;
  FONT-FAMILY: Verdana, Arial;
  FONT-WEIGHT: bold;
  FONT-SIZE:10pt;
  WIDTH:100%; 
  HEIGHT:20;
  TEXT-DECORATION: none
  FONT-COLOR: WHITE;

  }
 .menu a:link    { font-family: Verdana, Arial; font-size: 11px; color: #24618E; text-decoration: none;}
 .menu a:visited { font-family: Verdana, arial; font-size: 11px; color: #24618E; text-decoration: none;}
 .menu a:active  { font-family: Verdana, arial; font-size: 11px; color: #24618E; text-decoration: none;}
 .menu a:hover   { font-family: Verdana, arial; font-size: 11px; color: #24618E; text-decoration: underline;}

 .pl    { font-family: Verdana, Arial; font-size: 11px; color: #24618E;}
 
	
.caps
{
	font-variant:small-caps;
	font-weight: bold;
	text-decoration:none;
}

#main-panel{
	padding:0;
	margin:0;
	width:100%;
	float:left;
	overflow:hidden;
}