@charset "utf-8";
/* CSS Document */


ul {
	margin:0;
	padding:0;
	list-style:	none;
	width:200px;
	
	
	
}

ul li { /*MAIN MENU*/
	position: relative;
	width:200px; 
	
	
	
}
/* keep folowing styles together..........................*/
* html ul ul {
	margin-left:-16px;/* ie5 fix */
	voice-family: "\"}\""; 
	voice-family: inherit;
}	
* html ul li {float:left;/* hide float from ie5*/}
* html ul ul {
	width:relative;	
	w\idth:200px;
	voice-family: "\"}\""; 
	voice-family: inherit;	
}
* html ul ul {margin-left:0;/* hide margin from ie5*/}

/* keep above styles together .............*/

li ul { /* sublink container ...*/
	margin-left: 10%;
	padding: 10px;
	position: relative;
	display:none;
	
	
}
li ul li { /* sublinks ....*/

    width:150px;
	height:17px;
	border-left:1px solid white;
	border-bottom:1px solid white;
	text-align:	right;

}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	line-height: none;
	height: 20px;	
	padding: 2px;
}
li li a {background:none}

/* set dropdown to default */
li:hover li a, li.over li a {
   background-color: none;
   font-weight:normal;
   text-decoration:none;
   
}

/* this sets all hovered lists to red */
li a:hover,
li:hover a, li.over a,
li:hover li a:hover, li.over li a:hover {
	text-decoration: inherit;
	text-indent: 6px;
	background-color: none;
	font-weight: bold;
}

li ul li  {  } /* Sub Menu Styles */
 li.on ul { display: block } /* The magic */
li.off ul{display:none}

 
#nav {
 
  position:fixed;
  bottom: 15%;
  left: 3%;
 
	
}