@charset "UTF-8";

/*******************************************************************************
*  rMenu.css : 2008.04.11 : ruthsarian@gmail.com
* ------------------------------------------------------------------------------
* Ruthsarian Menus - A CSS-based dropdown menu system
*

ul.rMenu, ul.rMenu ul, ul.rMenu li, ul.rMenu a
{
	display: block;		
	margin: 0;
	padding: 0;		
}
ul.rMenu, ul.rMenu li, ul.rMenu ul
{
	list-style: none;	
}
ul.rMenu ul
{
	display: none;		
}
ul.rMenu li
{
	position: relative;	
	z-index: 1;
}
ul.rMenu li:hover
{
	z-index: 999;		
}
ul.rMenu li:hover > ul
{
	display: block;		
	position: absolute;	
}


ul.rMenu-hor li
{
	float: left;
	width: auto;
}
ul.rMenu-hRight li
{
	float: right;		
}
ul.rMenu-ver li
{
	float: none;		
}
ul.rMenu-ver, ul.rMenu-ver ul
{
	width: 10em;		
}
ul.rMenu-wide
{
	width: 100%;		
}
ul.rMenu-vRight
{
	float: right;		
}
ul.rMenu-lFloat
{
	float: left;		
}
ul.rMenu-noFloat
{
	float: none;		
}

div.rMenu-center ul.rMenu
{
	float: left;
	position: relative;
	left: 50%;
}
div.rMenu-center ul.rMenu li
{
	position: relative;
	left: -50%;
}
div.rMenu-center ul.rMenu li li
{
	left: auto;
}


ul.rMenu-hor ul
{
	top: auto;		
	right: auto;
	left: auto;		
	margin-top: -1px;	
}
ul.rMenu-ver ul
{
	left: 60%;
	right: auto;
	top: auto;
	margin-top: -0.5em;	
}
ul.rMenu-vRight ul, ul.rMenu-hRight ul.rMenu-ver ul
{
	left: -60%;
	right: auto;
	top: auto;
	margin-top: -0.5em;	
}
ul.rMenu-hRight ul
{
	left: auto;
	right: 0;		
	top: auto;
	margin-top: -1px;	
}

 
ul.rMenu {
  margin-left: 10px;     /* move menu to the right so that it fits nicely under the logo */
  margin-bottom: 120px;  /* move items that come below the menu down */
  width: 198px;          /* exact width of the logo */
}
ul.rMenu li a
{
  /* border-left: solid 1px #fff; */ /* just use a border on the left side */
  color: #000;  /* use black font color */
  font-family: Arial, sans-serif;                                 /* Arial or sans-serif fonts */
  font-size: 12px;
  font-weight: bold;
}
ul.rMenu ul {         /* border around submenu block */
  border: 1px solid #900;
}
/* ul.rMenu li:first-child a {
  border: none; */  /* leftmost anchor of top horizontal menu should have no border */
 /*}
ul.rMenu ul.rMenu-ver a
{
  border: none;  */     /* the submenus should have no border */
/* } */
ul.rMenu-hor li
{

               
  /* do not use the above rule if you want to apply a left border only to the anchors
   -> it will hide the left border of the anchor on the right of a hovered anchor!!*/
}
ul.rMenu-hor
{
	/* padding-left: 1px ; */	/* compensate for the 1px left jog created by
						   the above negative margin. */
}

ul.rMenu-ver li
{
	margin-left: 0;
	/* margin-top: -1px;	*/ /* same thing above except for vertical
						   menus */
}
ul.rMenu-ver
{
	/* border-top: solid 1px #fff;	*/ /* ditto */
}
ul.rMenu > li a     /* some IEs don't understand this! */
{
	padding: 2px 20px 3px;	/* use enough left (and right) padding -> text is moved to the center a bit */
}
ul.rMenu li a:link, ul.rMenu li a:hover, ul.rMenu li a:visited, ul.rMenu li a:active
{
	text-decoration: none;
}
ul.rMenu li.sfhover a:active,
ul.rMenu li:hover a:active      /* this becomes active when you click with the mouse */
{
	/* color: #fff;
	background-color: #c00;    */
}
ul.rMenu li
{
  background: url("../_images/arrow.gif") no-repeat 5px 50% #f3e4ad;
	/* background-color: #f3e4ad; */	/* default background color of menu items */
}
ul.rMenu ul li {
  background-image: none;
}
ul.rMenu li:hover,
ul.rMenu li.sfhover  /* this is the active parent menu */
{
	background-color: #f3e4ad;	
}
ul.rMenu li:hover a,
ul.rMenu li.sfhover a {
  color: #900;              
}
ul.rMenu li:hover li a,
ul.rMenu li.sfhover a {    
  color: #000;
}
ul.rMenu li a:hover  /* this rule is more specific -> so it is shown when you hover a parent menu first */
{
  color: #900; /* use no background color -> choose different font color instead */
}
ul.rMenu li:hover li a:hover,
ul.rMenu li.sfhover li a:hover {
  color: #900;              /* needed so that the submenu items get a different color again when hovered */
}


ul.rMenu li.rMenu-expand a,
ul.rMenu li.rMenu-expand li.rMenu-expand a,
ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand a
{
	padding-right: 25px;
	/* background-image: url("expand-right.gif");
	background-repeat: no-repeat;
	background-position: 100% 50%; */
}
ul.rMenu-vRight li.rMenu-expand a,
ul.rMenu-vRight li.rMenu-expand li.rMenu-expand a,
ul.rMenu-vRight li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
ul.rMenu-hRight li.rMenu-expand a,
ul.rMenu-hRight li.rMenu-expand li.rMenu-expand a,
ul.rMenu-hRight li.rMenu-expand li.rMenu-expand li.rMenu-expand a
{
	padding-right: 5px;
	padding-left: 20px;
	/* background-image: url("expand-left.gif");
	background-repeat: no-repeat;
	background-position: -5px 50%; */
}
ul.rMenu-hor li.rMenu-expand a
{
	padding-left: 5px;	/* reset padding */
	padding-right: 15px;
	/* background-image: url("expand-down.gif");
	background-position: 100% 50%; */
}
ul.rMenu li.rMenu-expand li a,
ul.rMenu li.rMenu-expand li.rMenu-expand li a,
ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li a
{
	background-image: none;
	padding-right: 5px;	/* reset padding */
	padding-left: 5px;	/* reset padding */
}

/*******************************************************************************
 * HACKS : General
 *
 * These are rules specifically targeted to resolve bugs/quirks that some
 * browser exhibit.
 *
 * REFERENCES:
 *	http://www.webdevout.net/css-hacks
 *	http://www.satzansatz.de/cssd/onhavinglayout.html
 *	http://www.communis.co.uk/dithered/css_filters/css_only/index.html
 */
* html ul.rMenu
{
	display: inline-block;	/* this is for IE/Mac. it forces IE/Mac to 
				   expand the element's dimensions to contain 
				   its floating child elements without a 
				   clearing element. */
	/* \*/ display: block;	/* override above rule for every other 
				   browser using IE/Mac backslash hack */
	position: relative;	/* IE 5.0/Mac needs this or it may clip the
				   dropdown menus */
	/* \*/ position: static;/* reset position attribute for IE/Win as it
				   causes z-index problems */
}
* html ul.rMenu ul
{
	float: left;		
	/* \*/ float: none;	/* reset the rule for non-Macs */
}
ul.rMenu ul
{
	background-color: #fff;	
}
* html ul.rMenu-ver li,
* html ul.rMenu-hor li ul.rMenu-ver li
{
				
	width: 100%;
	float: left;
	clear: left;		
}
*:first-child+html ul.rMenu-ver > li/* hide from IE5.0 because it gets confused by this selector */
{
	width: 100%;
	float: left;
	clear: left;		
}
ul.rMenu li a
{
	position: relative;	
	min-width: 0;		/* triggers hasLayout for IE 7 */
}
* html ul.rMenu-hor li
{
	width: 6em;		/* IE Mac doesn't do auto widths so specify a width 
				   for the sake of IE/Mac. Salt to taste. */
	/* \*/ width: auto;	/* now undo previous rule for non Macs by using 
				   the IE Mac backslash comment hack */
}
* html div.rMenu-center
{
	position: relative;
	z-index: 1;		/* IE 6 and earlier need a little help with
				   z-indexes on centered menus */
}
html/* */:not([lang*=""]) div.rMenu-center ul.rMenu li a:hover {
	height: 100%;	/* for Netscape 6 */
}
html:/* */not([lang*=""])  div.rMenu-center ul.rMenu li a:hover {
	height: auto;	/* reset for Netscape 7 and better */
}

* html ul.rMenu ul
{
	display: block;
	position: absolute;	/* ovewrite original functionality of hiding
				   element so we can hide these off screen */
}
* html ul.rMenu ul,
* html ul.rMenu-hor ul,
* html ul.rMenu-ver ul,
* html ul.rMenu-vRight ul, 
* html ul.rMenu-hRight ul.rMenu-ver ul,
* html ul.rMenu-hRight ul
{
	left: -10000px;		
}
* html ul.rMenu li.sfhover
{
	z-index: 999;		
}
* html ul.rMenu li.sfhover ul
{
	left: auto;		
}
* html ul.rMenu li.sfhover ul ul, 
* html ul.rMenu li.sfhover ul ul ul
{ 
	display: none;		
}
* html ul.rMenu li.sfhover ul, 
* html ul.rMenu li li.sfhover ul, 
* html ul.rMenu li li li.sfhover ul
{
	display: block;		/* ^ ditto ^ */
}

* html ul.rMenu-ver li.sfhover ul
{
	left: 60%;		
}
* html ul.rMenu-vRight li.sfhover ul, 
* html ul.rMenu-hRight ul.rMenu-ver li.sfhover ul
{
	left: -60%;		/* ^ ditto ^ */
}
* html ul.rMenu iframe
{
	/* filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); */
				
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;		
}


.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix
{
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
}
* html .clearfix
{
	/* \*/  height: 1%;	/* Hide from IE Mac */ 
}

/******************************************************************************/