@charset "UTF-8";

/* remove the bullets, padding and margins from the lists */
#loginmenu ul{
	list-style-type:none;
	padding:0;
	margin:0;
	z-index: 100;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
#loginmenu li{
	float:left;
	position:relative;
	z-index:100;
}

/* use the table to position the dropdown list */
#loginmenu table{
	position:absolute;
	border-collapse:collapse;
	z-index:100;
	left:-30px;
	top:15px;
}

/* style all the links */
#loginmenu a, .loginmenu :visited {
	display:block;
	font-size:8pt;
	width:65px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0;
	background-color: #77ACDE;
}
/* style  the dropdown links */
#loginmenu ul li ul a, .loginmenu ul li ul :visited {
	display:block;
	font-size:8pt;
	width:155px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 4px;
	padding-right: 6;
	padding-bottom: 4px;
	padding-left: 6;
	background-color: #77ACDE;
}
/* style the links hover */
#loginmenu :hover, #loginmenu ul li a:hover .blog {
	color:#000;
	background-color: #CDDCF3;
}

/* hide the sub level links */
#loginmenu ul ul {
	visibility:hidden;
	position:absolute;
	width:155px;
	height:0;
	background-color: #8BB7E3;
	left: -40px;
}
/* make the sub level visible on hover list or link */
#loginmenu ul li:hover ul,
#loginmenu ul a:hover ul{
	visibility:visible;
}
#loginmenu ul li a .blog {
	font-weight: bold;
	font-size: 9pt;
	color: #FF0;
}