/*STARTDYNAMIC*/
define MAINCOLOR =#ffffff;
define LOWLITECOLOR =#c36615;
define HILITECOLOR =#36280e;
.BODYBACKGROUNDIMAGE {background-repeat:repeat;background-image:url(images/logo.gif);}
.LOGOIMAGE{background-repeat:no-repeat;background-image:url(images/background.gif);}
/*ENDDYNAMIC*/



/* BASE TEMPLATE */
div.menu{margin-top:08px; width:100px; overflow:hidden;}

div.menu ul {
	padding:0px;
	margin:0px;
}

div.menu ul li {
	list-style-type: none;
	position: relative;
}

div.menu ul li a {
	display:block;
    text-decoration:none;
    
    font-family:Verdana, Arial, Helvetica;
    font-size:12px;
    white-space:nowrap;
}

div.menu ul li a:hover {
	display:block;
    text-decoration:underline;
    color:HILITECOLOR;
}


/* SUBMENU HIDE */
ul.hide li ul {
 	display: none;
 	position: absolute; 
}
  
ul.hide li > ul {
	top: auto;
	left: auto;
}

/* HORZ TEMPLATE */
ul.horz 
{
    width:230px;
}

ul.horz li {
  float: left;
  padding:04px;
  padding-right:08px;
  padding-left:08px;
  margin-left:02px;
   
}

div.menu ul.horz li a {
white-space:nowrap;
color:LOWLITECOLOR;
}

ul.horzdiv li {
  background:url("../images/divider.gif") no-repeat right center;
}

/* Expand/Collapse TEMPLATE */
ul.TreeMenu { margin:0px; padding:0px; padding-left:5px; }
ul.TreeMenu li{
	margin-top:1px;
	cursor:default;
	width:140px;
	list-style: none;
	text-align:left;
}

ul.TreeMenu li a
{
    color:#007698;
    font-family:Arial;
    font-size:8pt;
    text-decoration:none;
    font-weight:bold;
    padding-left:04px; 
}



.TreeMenu li.collapsed, 
.TreeMenu li.expanded{cursor:pointer;} 


.expanded ul {
    display: block;
}

ul.TreeMenu
{
	width: 140px;
}


ul.TreeMenu ul 
{
	margin-top: auto;
	margin: 0px;
	padding:0px;
}

ul.TreeMenu ul li
{
	margin-left: 10px;
	margin-top: auto;
}

ul.TreeMenu li a
{
	background: url("images/expander/bullet.gif") no-repeat left top;
	padding-left:15px;
	line-height:17px;
}




ul.TreeMenu li.collapsed a
{
	background: url("images/expander/collapsed.gif") no-repeat left top;
	padding-left:15px;
}

ul.TreeMenu li.expanded > a
{
	background: url("images/expander/expanded.gif") no-repeat left top;
	padding-left:15px;
}

ul.TreeMenu li.collapsed ul
{
	display: none;
}