﻿body
{
background:#E8E8E8;
}

.text{
	font-family: Tahoma;
	font-size: x-small;
}
#navbarbg {
	background: url('images/navm.png') repeat-x;
	height: 24px;
	width: 100%
}

.navspacel {
	display: block;
	position: relative;
	float: left;
	width: 2px;
	height: 24px;
}

.navspacer {
	display: block;
	position: relative;
	float: right;
	width: 2px;
	height: 24px;
}

a.squarebuttonl {
	background: url('images/navl.png') no-repeat top left;
	display: block;
	float: left;
	font-size: 10px; /* Change as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 24px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none
}

a.squarebuttonr {
	background: url('images/navl.png') no-repeat top left;
	display: block;
	float: right;
	font-size: 10px; /* Change as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 24px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none
}

a:link.squarebuttonl, a:visited.squarebuttonl, a:active.squarebuttonl, a:link.squarebuttonr, a:visited.squarebuttonr, a:active.squarebuttonr {
	color: #FFFFFF; /*button text color*/
	text-decoration: none;
}

a.squarebuttonl span, a.squarebuttonr span {
	background: url('images/navr.png') no-repeat top right;
	display: block;
	padding-left:0; padding-right:8px; padding-top:4px; padding-bottom:4px
}

a.squarebuttonl:hover, a.squarebuttonr:hover { /* Hover state CSS */
	background-position: bottom left;
}

a.squarebuttonl:hover span, a.squarebuttonr:hover span { /* Hover state CSS */
	background-position: bottom right;
	color: #FFFFFF;
}

.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
	overflow: hidden;
	height: 24px;
	width: 100%;
}