/*
aptosid-manual OS menu.css by © 2006-2009 Harald Holt (h2) & © 2006-2011 Trevor Walkley (bluewater)(trevor_walkley at aptenodytes.org), released under GNU Free Documentation License.Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.2 or any later version published by the Free Software Foundation; with no Invariant Sections, with no Front-Cover Texts, and with no Back-Cover Texts.

Last updated by bluewater 11/9/2011 0910 hrs UTC

*/
#menu {
        width:200px;/* make 2px less than frame width, avoids ff/iw bottom scroll bar */
        font:normal 14px "dejavu sans", arial,sans-serif;
        position:fixed;
        height:100%;
        z-index:4;
}
#menu h2 {
	color:#E4D0CC;
	font-size:17px;
	font-weight:normal;
	text-align:center;
}

#menu ul {
	margin:0;
	padding:0;
}
#menu li {
	margin:0;
	padding:0;
	list-style:none;
}
/* This changes the colour of the left menu: note: top li has bottom margin to create space under each main menu item
 nested ul ul li does not have this space */
#menu ul li {
	margin-bottom:2px;
	position:relative;
	font-size:11px;
	font-weight:normal;
	background:#ad1318;/*change colour of main menu*/
	color:white;
}
#menu ul ul li {
	margin-bottom:0;
}

#menu a {
	display:block;
	text-decoration:none;
}
#menu ul ul {
	position:absolute;
	left:190px;
	bottom:-4px;
	width:20em;
	border:1px dotted #A9BAB8;
}
#menu ul li a, #menu ul li a:visited {
	color:white;
	padding:2px 0px 2px 4px;
}
#menu ul li a:hover, #menu ul li:hover {
	background:#2B2F2F;
	color:#E6FDFA;
}

#menu .sub-menu {
	display:none;
}
/*
#welcome #sm1, #internet-samba #sm2, #live-mode #sm3, #part #sm4, #cd #sm5, #cheatcodes #sm6, #hd #sm7, #sys-admin #sm8, #term-konsole #sm9 {
	display:block;
}
*/

ul li:hover #sm1, ul li:hover  #sm2, ul li:hover  #sm3, ul li:hover #sm4, ul li:hover #sm5, ul li:hover #sm6, ul li:hover #sm7, ul li:hover #sm8, ul li:hover #sm9, ul li:hover #sm10, ul li:hover #sm11, ul li:hover #sm12, ul li:hover #sm13, ul li:hover #sm14, ul li:hover #sm15, ul li:hover #sm16, ul li:hover #sm17, ul li:hover #sm18, ul li:hover #sm19, ul li:hover #sm20, ul li:hover #sm21, ul li:hover #sm22, ul li:hover #sm23, ul li:hover #sm24, ul li:hover #sm25, ul li:hover #sm26, ul li:hover #sm27, ul li:hover #sm28, ul li:hover #sm29, ul li:hover #sm30 {
	display:block;
}

#menu ul ul li {
	font-size:12px;
	font-weight:normal;
	background:#FFCEE9; /*change colour of first flyout #71C671 green, #0090B8, #AAAAF,F silver*/
	color:#1224CC;
	border-bottom:1px solid #8D9B99;
}
#menu ul ul li a, #menu ul ul li a:visited {
	color:black;
	padding:2px 0px 2px 6px;
}
#menu ul ul li a:hover, #menu ul ul li:hover {
	text-decoration:none;
	color:#1224CC;
	background:#fff;
}
#menu .sub2-menu {
	display:none;
}
/*
#welcome #sm1, #internet-samba #sm2, #live-mode #sm3, #part #sm4, #cd #sm5, #cheatcodes #sm6, #hd #sm7, #sys-admin #sm8, #term-konsole #sm9 {
	display:block;
}
*/
/*
this is for the second flyout sub-menu called sub2-menu
*/

ul ul li:hover #sm1a, ul ul li:hover #sm1b, ul ul li:hover #sm1c, ul ul li:hover #sm2a, ul ul li:hover #sm2b, ul ul li:hover #sm2c, ul ul li:hover #sm2d, ul ul li:hover #sm2e, ul li:hover  #sm3a, ul ul li:hover #sm4a, ul ul li:hover #sm4b, ul ul li:hover #sm4c, ul li:hover #sm5a, ul ul li:hover #sm6a, ul ul li:hover #sm6b, ul ul li:hover #sm6c, ul ul li:hover #sm6d, ul ul li:hover #sm7a,  ul ul li:hover #sm7b,  ul ul li:hover #sm7c, ul ul li:hover #sm7d, ul ul li:hover #sm8a, ul ul li:hover #sm8b,  ul ul li:hover #sm8c, ul ul li:hover #sm8d, ul ul li:hover #sm8e, ul ul li:hover #sm7c, ul ul li:hover #sm7d, ul ul li:hover #sm8a, ul ul li:hover #sm8b, ul ul li:hover #sm9a, ul ul li:hover #sm9b, ul ul li:hover #sm9c, ul ul li:hover #sm10a, ul ul li:hover #sm11a, ul ul li:hover #sm11b, ul ul li:hover #sm11c, ul ul li:hover #sm11d, ul ul li:hover #sm11e, ul ul li:hover #sm11f, ul ul li:hover #sm12a, ul ul li:hover #sm12b, ul ul li:hover #sm12c, ul ul li:hover #sm12d, ul ul li:hover #sm12e, ul ul li:hover #sm13a, ul ul  li:hover #sm13b, ul ul  li:hover #sm13c, ul ul  li:hover #sm13d, ul ul  li:hover #sm13e,  ul ul  li:hover #sm13f, ul li:hover #sm14, ul li:hover #sm15, ul li:hover #sm16, ul li:hover #sm17, ul li:hover #sm18, ul li:hover #sm19, ul li:hover #sm20, ul li:hover #sm21, ul li:hover #sm22, ul li:hover #sm23, ul li:hover #sm24, ul li:hover #sm25, ul li:hover #sm26, ul li:hover #sm27, ul li:hover #sm28, ul li:hover #sm29, ul li:hover #sm30 {
	display:block;
}
#menu ul ul ul{
	position:absolute;
	left:220px;
	bottom:-4px;
	width:18em;
	border:1px dotted #A9BAB8;
}
#menu ul ul ul li {
	font-size:12px;
	font-weight:normal;
	background:#FCFFB1;
	color:#1224CC;
	border-bottom:1px solid #8D9B99;
}
#menu ul ul ul li a, #menu ul ul ul li a:visited {
	color:#1224CC;
	padding:2px 0px 2px 6px;
}
#menu ul ul ul li a:hover, #menu ul ul ul li:hover {
	text-decoration:none;
	color:#971171;
	background:#fff;
}

/*#menu #menu-header {
	width:160px;
	height:55px;
}*/
#menu #menu-header  img {
	margin: 4px 2px 0px 20px;
	/*width:196px;*/
	/*height:55px;*/
	border:2px solid #D3D3D3;
}
#menu #menu-header img:hover {
	border:2px solid #1224CC;
}
#menu #menu-header1 {
	width:23px;
	height:30px;
}

/*to set the logo on the flag-index and index files*/
#menu #menu-header-2  img {
	margin: 3px 2px -2px 0px;
	width:160px;
	height:67px;
	border:2px solid #D3D3D3;
}
#menu #menu-header-2 img:hover {
	border:2px solid #6F9796;
}

/*to set the sponsor logo on the flag-index and index files*/
#menu #menu-header-3  img {
	margin: 3px 2px -2px 0px;
	width:160px;
	height:67px;
	border:2px solid #D3D3D3;
}
#menu #menu-header-3 img:hover {
	border:2px solid #6F9796;
}

/* note: we're going to let the #flags div handle this margin stuff */
#menu ul#top-list {
	margin-bottom:0;
}

#menu #flags {
	text-align:center;
	margin: -1px 0 -1px 1px;
	line-height:12px;
	padding:0;
}
/* border for img must be same as background for this trick to work, then hover acts */
#menu #flags img {
	margin:1px;
	width:20px;
	height:12px;
	border:2px solid #EAEDF4;
}
#menu #flags a, #menu #flags a:visited {
	display:inline;
}
#menu #flags img:hover {
	border:2px dotted #6F9796;
}

/* flag-2*/
#menu #flags-2 {
	text-align:center;
	margin: -1px 0 -1px 1px;
	line-height:12px;
	padding:0;
}
/* border for img must be same as background for this trick to work, then hover acts */
#menu #flags-2 img {
	margin:1px;
	/*width:100px;*/
	/*height:64px;*/
	border:2px solid #D3D3D3;
}
#menu #flags-2 a, #menu #flags-2 a:visited {
	display:inline;
}
#menu #flags-2 img:hover {
	border:2px solid #1224CC;
}
/* fake search button to redirect to search page */
button{

	background:#707C8A;
	font:normal 6px "dejavu sans", arial,sans-serif;
	color:white;
}

/* sponsor banner */
#menu #banner {
	text-align:center;
	margin: 2px 2px -2px 0px;
	line-height:10px;
	padding:0;
}

 #menu #menu-header-4  img {
	background:#ad1318;
 	margin: 0px 2px 0px 34px;
 	width:130px;
 	/*height:41px;*/
	border:2px solid #ad1318;
 }
 #menu #menu-header-4 img:hover {
 	border:2px solid #1224CC;
 }

/* donate logo */
#menu #menu-header-5  img {
	margin: 4px 10px 0px 60px;
	/*width:160px;*/
	/*height:56px;*/
	border:2px solid #D3D3D3;
}
#menu #menu-header-5 img:hover {
	border:2px solid #1224CC;
}
/*#menu #menu-header-5 {
	width:23px;
	height:30px;
}*/