
  

/* HORIZONTAL FREESTYLE MENU LAYOUT */






/* Level One */
.menulist {
 margin: 10px;
 padding: 0px;
 list-style: none;
 width: 650px;

 
}

 /* Level One list items */
 .menulist  li {
 padding: 0;
 list-style: none; 
 font-family:Arial; font-size:12px;
 color:#FFFFFF;
 


}

/* Submenus (<ul> tags)  */
.menulist ul {
 display: none;
 position: absolute;
 margin-top: 1px;
 margin: 0px;
 top: 20px;
 

 
}

/* Second and third etc. level submenus  */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 112px;
}

/*
 All menu items (<li> tags). 
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 border: 1px solid #78a3d8;
 margin-right: -1px;
 background: url() repeat-x left;
}



/*  Items in submenus  */
.menulist ul li {
 float: none;
 margin: 5;
 margin-bottom: -1px;
 width:470px;
 border: 0px;
 background-image:none;

}

.menulist ul ul li {
 width:344px;
  
}

.menulist ul ul ul li {
 width:218px;


}

.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}


/* --[[ From IM subcontainer ]]-- */
	.menulist li ul {background: white url("images/abstract.jpg") repeat-y top left; width:470px;height:260px; border-style:solid; border-color:#78a3d8; border-width:6px 9px; padding:5px; margin:4px 0px 0px; }
	
	.menulist li ul ul {width:344px; height:260px;border-width:6px 0px 0px 9px; border-color:#78a3d8;  background: url("images/abstract.jpg") repeat-y bottom left; margin:4px 0px 0px;  }
	
	.menulist li ul ul ul{width:218px; background: url("images/abstract.jpg") repeat-y bottom left; margin:4px 0px 0px; }
	
	



/* comment */
.menulist a {
 display: block;
 padding: 2px 5px 2px 5px;
 color: #000;
 text-decoration: none;
font-weight:700;
}

/* comment */
.menulist ul a {
 font-weight:normal;
}

/* List  items:  */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 background-color: #78a3d8;
 background: url("images/gradient.jpg") repeat-x left;
 
 

}

/*  change appearance of parents >> when hovering */
.menulist a.highlighted {
 color: #FFF;
background-color: #78a3d8;
 background-image:none;
 
}


/*test section*/

.description  {background:#990000; font-size:18px; color:#0000CC;

}

/*test section finish*/


/*  style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}

/* Arrows :  */
.menulist ul a .subind {display: block;float: right;} 


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */

textarea{
max-width:430px;
max-height:120px;
}



/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */