/* for IE5.5 and IE6 to position the tables corectly */
* html .sidemenu {}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.sidemenu {
	list-style-type:none;
	padding:0;
	margin:0;
	width:180px;
	left: 23px;
	top: 100px;
	position:relative;
	float:left;
	display: inline;
	clear: left;
	height: 145px;
}

.sidemenu ul {
	list-style-type:none;
}

/* Button style WITHOUT pullouts */
.sidemenu li {
	display:block;
	float:left;
	width:145px;
	margin:2px 0 0 0;
	background-image: url(../images/aai_sidemenu_button.jpg);
}

/* Button style WITH pullouts */
.sidemenu li.sub {
	background-image: url(../images/aai_sidemenu_button.jpg);
}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.sidemenu table {
	border-collapse:collapse;
	width:0px;
	height:19px;
	position:absolute;
	bottom: 0px;
	top:auto;
	left:0px;
	font-size:1em;
	right: 0px;
}

/* Button text styles */
.sidemenu li a {
	display:block;
	color:#DEDEBE; /* Tan */
	font-family:arial, sans-serif;
	font-size:11px;
	line-height:18px;
	height:19px;
	text-decoration:none;
	text-indent:10px;
	font-weight: bold;
}

/* Mouseover styles */
.sidemenu a:hover {
	color:#FFFFFF; /* Dark Grey */
	font-weight: bold;
	background-image: url(../images/aai_sidemenu_button.jpg);
}

/* Mouseover styles - New browsers */
.sidemenu :hover > a {
	color:#FFFFFF;  /* Dark Grey */
	font-weight: bold;
	background-image: url(../images/aai_sidemenu_button.jpg);
} 

/* Give the link OR list a relative position. Depends on which browser is used */
.sidemenu li.sub:hover,
.sidemenu li.sub a:hover {
	position:relative;
}

/* keep the 'next' level invisible by placing it off screen. */
.sidemenu ul, 
.sidemenu :hover ul ul, 
.sidemenu :hover ul :hover ul ul,
.sidemenu :hover ul :hover ul :hover ul ul,
.sidemenu :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute;
	left:-9999px;
	width:145px;
	top:0;
}

/* Position the flyout sub levels to 'pull-up' or 'drop-down' when hovering over the sub level list OR link.  the transparent gif is for IE7 only and need not actually exist. File transparent.gif supplied with zip file */
/* pull up */
.sidemenu :hover ul, 
.sidemenu :hover ul :hover ul :hover ul,
.sidemenu :hover ul :hover ul :hover ul :hover ul :hover ul {
	padding:20px 20px 20px 0;
	left:100px;
	bottom:-10px;
	top:auto;
	background-image: url(../images/aai_empty.gif);
} 

/* drop down */
.sidemenu :hover ul :hover ul,
.sidemenu :hover ul :hover ul :hover ul :hover ul {
	padding:20px 20px 20px 0; 
	left:100px; 
	top:-10px; 
	bottom:auto;
}