/* CSS Document */

/* These are the system buttons (blue) */

#navigation {
	float: left;
	width: 650px;
	padding: 5px 0 0 0;
}

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

#navigation li {
	background: url(Images/BlueButtonLeft.gif) no-repeat left top;
	float: left;
	padding: 0;
	margin: 0px 5px 0 0;
}

#navigation ul li a {
	display: block;
	background: url(Images/BlueButtonRight.gif) no-repeat right top;
	padding: 4px 10px;
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: bold;
}

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

#navigation #current {
    background-image: url(Images/BlueButtonLeftHover.gif);
}

#navigation #current a {
    background-image: url(Images/BlueButtonRightHover.gif);
	text-decoration: underline;
}

/* These are the page specific buttons (blue) */

#page {
	width: auto;
}

#page ul {
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
}

#page li { 
	float: left;
	margin: 0px 5px 0 0;
	padding: 0;
	background: url(Images/BlueButtonLeft.gif) no-repeat left top;
}

#page a {
	display: block;
	background: url(Images/BlueButtonRight.gif) no-repeat right top;
	padding: 4px 10px;
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: bold;	
}

#page a:hover {
	text-decoration: underline;
}

/* This is the logout button (red) */

#logout {
	padding: 5px 0 0 0;
}

#logout ul {
	margin: 0;
	list-style: none;
}

#logout li { 
	float: left;
	margin: 0;
	padding: 0;
	background: url(Images/RedButtonLeft.gif) no-repeat left top;
}

#logout a {
	display: block;
	background: url(Images/RedButtonRight.gif) no-repeat right top;
	padding: 4px 10px;
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: bold;	
}

#logout a:hover {
	text-decoration: underline;
}