﻿#menu ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;
	width: 160px; /* Width of Menu Items */ 
	border-bottom: 1px solid #000;
} 

#menu ul li { 
	position: relative; 
} 

#menu li ul { 
	position: absolute; 
	left: 159px; /*Set 1px less than menu width */ 
	top: 0; 
	display: block; 
} 

#menu li:hover ul {
	display: block; 
} 

#menu li:hover>ul { 
	visibility:visible; 
} 

#menu ul ul {
	visibility:hidden; 
} 

/* Fix IE. Hide from IE Mac \*/ 
* html #menu ul li { float: left; height: 1%; } 
* html #menu ul li a { height: 1%; } 
/* End */ 

/* Make-up syles */ 

#menu ul, li { 
	margin: 0 0 0 0; 
} 

/* Styles for Menu Items */ 
#menu ul a { 
	display: block;
	filter:alpha(opacity=85);
	opacity: 0.85; 
	text-decoration: none; 
	color: #111111;
	font-family: comic;
	background: #fff; /* IE6 Bug */ 
	padding: 2px; 
	border: 1px solid #000; 
	border-bottom: 0; 
} 

/* Hover Styles */ 
#menu ul a:hover { 
	color: #E2144A; 
	background: #f9f9f9; 
} 

/* Sub Menu Styles */ 
#menu li ul a { 
	text-decoration: none; 
	color: #000000; 
	background: #fff; /* IE6 Bug */ 
	padding: 2px; 
	border: 1px solid #000; 
	border-bottom: 0; 
} 

/* Sub Menu Hover Styles - ('my note') Background will change on mouseover on submenus */ 
#menu li ul a:hover { 
	color: #E2144A; 
	background: #000000; 
} 

/* Icon Styles */ 
#menu ul a.submenu {background:#fff url("r_arrow.jpg") no-repeat right; } 
#menu ul a.submenu:hover {background:#000000 url("r_arrow1.jpg") no-repeat right;}
#menu ul a.submenu2:hover {background:#000000 no-repeat right;}

A:link { color:blue; }
A:visited { color:blue; }
A:hover { color:red; }

.style1 {
	text-align: center;
}
.style2 {
	border-width: 0px;
}
.style3 {
	color: #FF0000;
}
.style4 {
	font-size: xx-small;
}
.style5 {
	text-align: center;
	color: #0000FF;
}
.style6 {
	border-width: 0;
}
.style7 {
	color: #FF0000;
	font-size: xx-small;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  min-width: 600px 
}
#centered {
  position: relative;
  top: 0;
  right: 0;
  margin: 0 auto;
  width: 600px;
  text-align: left;
}
#div2 {
  position: absolute;
  left: 210px;
  top: 10px;
  width: 380px;
}
.pull {
  width: 100px;
  float: right;
  margin: 0 0 5px 5px;
}

