#menu {
	color:#FFF;
	background-color:#246;
	background-image:url(images/menu.png);
	background-repeat:repeat-x;
	background-position:bottom;
	height:8em;
	padding:0;
	margin:0;
}

#menu h1 {
	position:absolute;
	top:0.5em;
	left:1.2em;
	margin:0;
	font-size:3em;
}
#menu h1 a {
	color:#FFF;
	text-decoration:none;
}
#menu h1 a:hover {
	text-decoration:underline;
}

#menu #header_image {
	border:0;
	position:absolute;
	top:0.15em;
	left:0.45em;
}

/*
 * User nav bar
 */

#usernav {
	position:absolute;
	top:4em;
	right:0.25em;
	padding:0.25em;
	font-weight:bold;
	float:right;
	clear:both;
}

#usernav ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#usernav ul li {
	display:inline;
	list-style-type:none;
	border-left-color:#FFF;
	border-left-style:solid;
	border-left-width:1px;
	padding:0 0.5em;
}

#usernav ul li a {
	color:#FFF;
	text-decoration:none;
}

#usernav ul li.first {
	border-left-width:0;
	padding-left:0;
	margin-left:0;
}

#usernav ul li a:hover {
	text-decoration:underline;
}

/*
 * Main nav bar
 */

#nav {
	position:absolute;
	top:6.25em;
	left:2em;
	height:1.5em;
	color:#FFF;
	padding:0.5em 0.25em;
	font-weight:bold;
}

#nav ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#nav ul li {
	list-style-type:none;
	display:inline;
}

#nav ul li a {
	color:#ABC;
	background-color:#246;
	text-decoration:none;

	padding:0.25em 0.5em 0 0.5em;
	margin-left:0.25em;

	border-color:#ABC;
	border-style:solid;
	border-width:1px 1px 0 1px;
}


#nav ul li.selected a {
	color:#246;
	background-color:#EEF;

	border-color:#246;
	border-width:2px 2px 0 2px;
}

#nav ul li a:hover {
	color:#F80;
	background-color:#EEF;

	border-color:#FA0;
	border-top-width:2px;
}

/*
 * Search box
 */

#search {
	position:absolute;
	top:1em;
	right:1em;
}

#search label span {
	display:none;
}


/* 
 * PM notification
 */

#pmnotice, #fbnotice {
	color:#F00;
	font-weight:bold;
	margin-top:1px;
}
#pmnotice a, #fbnotice a {
	color:#F00;
	display:block;
	padding:0.25em 0.5em;
	font-weight:bold;
	text-decoration:underline;
}
#pmnotice a:hover, #fbnotice a:hover {
	color:#FFF;
	background-color:#F66;
}
#fbnotice {
	text-align:left;
	padding-left:1em;
	float:left;
}
#pmnotice {
	text-align:right;
	padding-right:1em;
	float:right;
}