#menu 
{
  float: left;
	position:relative;
	top:-35px;
	left:0;
	background-color: #761409;
	width: 167px;
	padding:30px 0 57px 0;
	font-size: 1.1em;
	z-index:50;
}
#homePageFrm #menu 
{
	height:226px;
	padding:30px 0 0 0;
}
#search-box 
{
	margin:0 !important;
	padding:10px 0 6px 0 !important;
	clear:both;
	background-color:#fff;
	border:2px solid #800000;
	position:absolute;
	top:274px;
	left:0px;
	list-style:none;
	list-style-image:none;
	width:163px;
	overflow:hidden;
}
#search-box li {
	padding:0;
	margin:0;
	display:block;
	text-align:left;
	width:155px !important;
}
#search-box li.people {
	margin-bottom:5px;
}
#search-box a {
	font-size:1.1em;
	color:#B23326 !important;
	display:block;
	font-weight:bold;
	margin-left:8px;		
	padding-right:12px !important;
	background:url(../img/decals/arrowbullet-box.gif) top right no-repeat;
	height:1%;
	overflow:visible;
}
#search-box a:hover {
	text-decoration:underline;
}
#siteNavigation #menu {
	top:0;
	padding:0;
}
#menu * {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: normal;
}
#siteNavigation #siteNav {
	padding-top: 5px !important;
	height: 160px !important; 
}
#siteNavigation #siteNav ul li {
	font-size: 1em !important;
}
#menu ul, #menu li {
	display: block;
	list-style-type: none;
}
#menu li {
	float: left;
	clear: both;
	width: 100%;
}
#menu ul.level2 {
    display: none ;
	position: absolute;
	left: 135px;
	top: 0;
	z-index: 1;
	background: url(/AOWeb/img/bg_menu.png);
	border: 3px solid #B03226;
	width: 280px;
	padding: 0 0 20px 0;
	background:#952016;
}

/* TP EDIT: F0008027 - new style for menu width - changed width: 280px; to width: 435px;*/
#menu ul.level3 {
    display: none ;
	position: absolute;
	left: 135px;
	top: 0;
	z-index: 1;
	background: url(/AOWeb/img/bg_menu.png);
	border: 3px solid #B03226;
	width: 465px;
	padding: 0 0 20px 0;
	background:#952016;
}

/* TP EDIT: F0008027 changed left: 253px; to left: 453px;*/
#siteNavigation #menu ul.level2 {
	left: -253px;
	/*eft: -440px;*/
}

/* TP EDIT: F0008027 new style - changed left: 253px; to left: 453px;*/
#siteNavigation #menu ul.level3 {
	/*left: -253px;*/
	left: -440px;
}

/* TP EDIT: F0008027 new style*/
.leftHeader
{
	left: 28px;
	top: 20px;
	position:absolute;
}

/* TP EDIT: F0008027 new style*/
.rightHeader
{
	left: 263px;
	top: 20px;
	position:absolute;
	white-space:nowrap;
}
#siteNavigation #menu ul.level2 a:hover{
	text-decoration:underline
}
#menu a {
    display: block;
    padding: 0 0 4px 0;
	color: #fff;
    text-transform: none;
	text-decoration: none;
}
#menu a.submenu {
	display:block;
	float:left;
	padding-top:3px;
}
/* TP EDIT: F0008027 - new style for right column of menu: image */
#menu a.submenuRight {
	display:block;
	/*float:right;*/
	padding-top:3px;
}
#scroll-content a.submenu {
	outline:none !important;
}
#menu a:hover.submen, #menu a:hover.submenu2 {
	text-decoration:underline
}
#menu a.submen {
	margin-left:52px;
	padding-left:0 !important;
	display:block;
}

/* TP EDIT: F0008027 - new style for right column of menu: text*/
#menu a.submenRight {
	padding-left:0 !important;
	display:block;
}

#menu a.submenuPo
{
	padding: 3px 0 0 27px;
	background: url(/AOWeb/img/white_arrow.gif) no-repeat 17px 6px;
}
#menu a.submenuPo:hover {
	text-decoration:underline;	
}
#menu a.submenu:hover {
	text-decoration:underline;
}
#menu ul li.folder div a {
	padding: 0 0 3px 39px;
}
#menu img {
    display: block;
}
#menu li.explain { 
	color: #fff;
	padding: 10px 0 10px 17px;
	margin-bottom: 5px;
	background: url(/AOWeb/img/bg_menu_dots.gif) repeat-x 0 100%;
	width:262px;	
}	
/* TP EDIT: F0008027 - added explainAoE to allow AoE flyout to work in IE 6*/
#menu li.explainAoE { 
	color: #fff;
	padding: 10px 0 10px 17px;
	margin-bottom: 5px;
	width:465px;
}	
#menu li.explain a:hover { 
	text-decoration:underline;
}
#menu li.explainclk a { 
	text-decoration:underline;
}
#content li.explain { 
	color: #fff;
	padding: 10px 0 10px 17px;
	margin-bottom: 5px;
	background: url(/AOWeb/img/bg_menu_dots.gif) repeat-x 0 100%;
}	
#content li.explain a:hover{ 
	text-decoration:underline;
}
#content li.explainclk a { 
	text-decoration:underline;
}
#menu a.submenu2 {
	padding-left: 60px !important;
	display: block;
	padding-top: 3px;
	padding-bottom: 0px;
	background-image: none;
	clear:left;
}
#menu a.selected {
}
#menu .hide {
	display: none;
}
#menu .show {
	display: block;
}
#scroll {
	height:400px;
	left:100px;
	top:100px;
	overflow:hidden;
}
#scroll li.explain {
	position:relative;
}
/* TP EDIT: F0008027 - changed 300px; to width:465px;*/
div#scroll-container {
	height:540px;
	width:465px;	
	position:absolute;
	top:65px;
	left:0px;
	overflow:hidden;
	background: url(/AOWeb/img/bg_menu_dots.gif) repeat-y 235px 100%;
	
}
/* TP EDIT: F0008027 - changed width:262; to width:600px; changed left:0px to left:235px; changed top:65px to 0px;*/
div#scroll-container2 {
	height:540px;
	width:300px;
	position:absolute;
	top:0px;
	/*left:305px;*/
	left:235px;	
	overflow:visible;	
}

ul#scroll-content {
	position:absolute;
	top:0px;
	left:-23px;
	padding:0px !important;
	margin:0px !important;
}
/* TP EDIT: F0008027 - shortened width to ensure wrapping of column. width:290px; changed to: width:249px; */
ul#scroll-content li {
	padding:0px !important;
	margin:0px !important;
	display:block;
	width:249px;
}
/* TP EDIT: F0008027 - new style for right column of menu: text*/
ul#scroll-content2 {
	position:absolute;
	top:0px;
	left:-23px;
	padding:0px !important;
	margin:0px !important;
}
/* TP EDIT: F0008027 - new style for right column of menu: text*/
ul#scroll-content2 li {
	padding:0px !important;
	margin:0px !important;
	display:block;
	width:249px;	
}

ul#scroll-container a.submenu {
	padding: 3px 0 0 0px !important;
	float:left;
	border:1px solid #000 !important;
	display:block;
}
/* TP EDIT: F0008027 - changed width:274px; to width:465px; */
#scrollUp {
	position:absolute;
	left:2px;
	top:40px;
	height:13px;
	/*width:594px;*/
	width:465px;
	background:url(/AOWeb/img/scroll_up.gif) center 2px no-repeat #952016;
	border:1px solid #B03226;
	text-indent:-1000em;
	z-index:1000;
}

/* TP EDIT: F0008027 - changed width:274px; to width:465px; */
#scrollDown {
	position:absolute;
	left:2px;
	top:400px;
	height:13px;
	/*width:594px;*/
	width:465px;	
	background:url(/AOWeb/img/scroll_down.gif) center 2px no-repeat #952016;
	border:1px solid #B03226;
	text-indent:-1000em;
	z-index:1000;
}
#scrollDown.active, #scrollUp.active {
	cursor:pointer;
	border:1px solid #c00;
	background-color:#b52517;	
}
#scrollDown.inactive, #scrollUp.inactive {
	cursor:default;
	background-color:#952016;
}