@charset "UTF-8";
/* CSS Document */	
body, html, td, th {
	background-color: #000000;
	font-size: 0.8em;
	font: 0.8em/1.3em verdana,arial,helvetica,sans-serif;
	margin: 0;
	padding: 0;
	height: 100%;
}
h1, h2, h3 {
	-x-system-font:none;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:0.3em;
	color: #ffffff;
	text-align:right;
}
#container {
	background-color: #000000;
	width: 100%;
	height: 100%;
	position: absolute;	
}
#highlight {
	font color: #ffffff;
}

#sidemenu-parent {
	width: 100%; 
	height: 100%; 
	display: table;
}
#sidemenu-middle { 
	display: table-cell; 
	vertical-align: middle; 
	width: 150px;
	text-align: center;
} 
#sidemenu-inner {
	position: relative; 
	top: -50%;
	text-align: right;
} 
/* optional: #inner[id] {position: static;} */
#footer {
	background-color: #000000;
	width: 100%;
	position:  absolute;  
}
#flashcontent {
	float:right;
	height:96%;
	margin: 10px 10px 0px 10px; /* Amit - Increased the right margin, November 20, 08 */
	position:absolute;
	width:87%;
	display: block;	
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: #ffffff;}
a:active {text-decoration: #ffffff;}  
.glossymenu{
	margin: 5px 0;
	width: 150px; /* Width of menu - this width is connected to the width of the sub menu */
}
/* Layer 1  text  menu*/
.glossymenu a.menuitem{
	font: regular 18px Arial, Helvetica, sans-serif;
	color: #ffffff;
	display: block;
	position: relative; /* To help in the anchoring of the ".statusicon" icon image */
	width: auto;
	padding: 3px 0; /* Amit - The first padding here changes the vertical separation between layer 1 text (main titles) text, November 19, 08 */
	padding-left: 10px;
	text-decoration: none;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	right: 10px; /* ??? */
}
.glossymenu a.menuitem:hover{
	text-decoration: underline; /*This will put an underline on hover on text layer 1*/
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	text-decoration: #ffffff; 
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	top: 0;
	margin: 0;
	padding: 0;
}
.glossymenu div.submenu ul li{
}
/* Amit - Changed the parameters here for layer 3 text, Novemeber 19, 08 */
.glossymenu div.submenu ul li a{
	display: block;
	font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; /* Amit - Changing the font px value here will not make any difference in Safari. When viewed on the small screen in IE, Chrome and Firefox the text appears extermely small */
	color: #808080;
	text-decoration: none;
	padding: 0 0;
	padding-left: 0;
}
.glossymenu div.submenu ul li a:hover{
	color: #ffffff;
}


.arrowlistmenu{
	width: 150px; /*width of accordion menu*/
}
/* Amit - Changed the parameters here for layer 2 text, Novemebr 19, 08 */
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: 10px Arial;
	color: #ffffff;
	margin-top: 0; /* Amit - Added this line, since the default value of the margin is bigger - November 20, 08 */
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: lowercase;
	padding: 0 0 0 0; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	/*background-image: url(titlebar-active.png);*/
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
	padding-bottom: 0; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
	color: #ffffff;
	display: block;
	padding: 0 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-size: 90%;
}
#categoryitems {
	-x-system-font:none;
	cursor:pointer;
	font-family:Arial;
	font-size:10px;
	font-size-adjust: none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin-bottom:0;
	margin-top:0;
	padding:0;
	text-transform:lowercase;
}	
.style1 {font-family: Arial, Helvetica, sans-serif}

#firefly {
	color:#999999;
	float:right;
	margin-right: 5px;
	margin-top: -15px;
	position:relative;
}

#firefly a{
	color: #999999;
	text-decoration:none;
}