ul.nav{
display: inline;
list-style: none;
}

li.navli{
float: left;
padding: 2px;
list-style: none;
}

li.lisub{
float: left;
padding: 2px;
list-style: none;
}

a.supervisor {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/supervisor.gif'); 
	background-repeat: no-repeat;
}
a.supervisor:hover {
	background-position: 0 -23px;
}

a.profile {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/myprofile.gif'); 
	background-repeat: no-repeat;
}

a.profile:hover {
	background-position: 0 -23px;
}

a.logout {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/logout.gif'); 
	background-repeat: no-repeat;
}

a.logout:hover {
	background-position: 0 -23px;
}

a.administration {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/administration.gif'); 
	background-repeat: no-repeat;
}

a.administration:hover {
	background-position: 0 -23px;
}

a.myreports {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/myreports.gif'); 
	background-repeat: no-repeat;
}

a.myreports:hover {
	background-position: 0 -23px;
}

a.home {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/home.gif'); 
	background-repeat: no-repeat;
}

a.home:hover {
	background-position: 0 -23px;
}

a.projects {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/projects.gif'); 
	background-repeat: no-repeat;
}

a.projects:hover {
	background-position: 0 -23px;
}

a.taskcode {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/taskcode.gif'); 
	background-repeat: no-repeat;
}

a.taskcode:hover {
	background-position: 0 -23px;
}

a.taskcodeseries {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/taskcodeseries.gif'); 
	background-repeat: no-repeat;
}

a.taskcodeseries:hover {
	background-position: 0 -23px;
}

a.clients {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/clients.gif'); 
	background-repeat: no-repeat;
}

a.clients:hover {
	background-position: 0 -23px;
}

a.quotes {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/quotes.gif'); 
	background-repeat: no-repeat;
}

a.quotes:hover {
	background-position: 0 -23px;
}

a.newproject {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/newproject.gif'); 
	background-repeat: no-repeat;
}

a.newproject:hover {
	background-position: 0 -23px;
}

a.newtcode {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/newtcode.gif'); 
	background-repeat: no-repeat;
}

a.newtcode:hover {
	background-position: 0 -23px;
}

a.newtseries {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/newseries.gif'); 
	background-repeat: no-repeat;
}

a.newtseries:hover {
	background-position: 0 -23px;
}

a.newclient {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/newclient.gif'); 
	background-repeat: no-repeat;
}

a.newclient:hover {
	background-position: 0 -23px;
}

a.newquote {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/newquote.gif'); 
	background-repeat: no-repeat;
}

a.newquote:hover {
	background-position: 0 -23px;
}

a.newuser {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/newuser.gif'); 
	background-repeat: no-repeat;
}

a.newuser:hover {
	background-position: 0 -23px;
}

a.departments {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/departments.gif'); 
	background-repeat: no-repeat;
}

a.departments:hover {
	background-position: 0 -23px;
}

a.offices {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/offices.gif'); 
	background-repeat: no-repeat;
}

a.offices:hover {
	background-position: 0 -23px;
}

a.previousmonth {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/previousmonth.gif'); 
	background-repeat: no-repeat;
}

a.previousmonth:hover {
	background-position: 0 -23px;
}

a.nextmonth {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/nextmonth.gif'); 
	background-repeat: no-repeat;
}

a.nextmonth:hover {
	background-position: 0 -23px;
}

a.print {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/print.gif'); 
	background-repeat: no-repeat;
}

a.print:hover {
	background-position: 0 -23px;
}

a.close {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/close.gif'); 
	background-repeat: no-repeat;
}

a.close:hover {
	background-position: 0 -23px;
}

a.newdepartment {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/newdepartment.gif'); 
	background-repeat: no-repeat;
}

a.newdepartment:hover {
	background-position: 0 -23px;
}

a.newoffice {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/newoffice.gif'); 
	background-repeat: no-repeat;
}

a.newoffice:hover {
	background-position: 0 -23px;
}

a.superuser {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/SuperUser.gif'); 
	background-repeat: no-repeat;
}

a.superuser:hover {
	background-position: 0 -23px;
}

.login {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/loginRollOver.gif'); 
	background-repeat: no-repeat;
}

.login:hover {
	background-position: 0 -23px;
}

.updatedbase {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/updatedbase.gif'); 
	background-repeat: no-repeat;
}

.updatedbase:hover {
	background-position: 0 -23px;
}

.updatedb {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/updatedb.gif'); 
	background-repeat: no-repeat;
}

.updatedb:hover {
	background-position: 0 -23px;
}

.taskcosts {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/taskcosts.gif'); 
	background-repeat: no-repeat;
}

.taskcosts:hover {
	background-position: 0 -23px;
}

.reset {
	display: block;
	width: 126px;
	height: 28px;
	background-image: url('../images/reset.gif'); 
	background-repeat: no-repeat;
}

.reset:hover {
	background-image: url('../images/resetroll.gif');;
}

.newteam {
	display: block;
	width: 126px;
	height: 28px;
	background-image: url('../images/NewTeam.png'); 
	background-repeat: no-repeat;
}

.newteam:hover {
	background-image: url('../images/NewTeamRoll.png');;
}

.teams {
	display: block;
	width: 126px;
	height: 28px;
	background-image: url('../images/Teams.png'); 
	background-repeat: no-repeat;
}

.teams:hover {
	background-image: url('../images/TeamsRoll.png');;
}

.showactive {
	display: block;
	width: 126px;
	height: 28px;
	background-image: url('../images/ShowActive.png'); 
	background-repeat: no-repeat;
}

.showactive:hover {
	background-image: url('../images/ShowActiveRoll.png');;
}

.showall {
	display: block;
	width: 126px;
	height: 28px;
	background-image: url('../images/ShowAll.png'); 
	background-repeat: no-repeat;
}

.showall:hover {
	background-image: url('../images/ShowAllRoll.png');;
}

.showinactive {
	display: block;
	width: 126px;
	height: 28px;
	background-image: url('../images/ShowInactive.png'); 
	background-repeat: no-repeat;
}

.showinactive:hover {
	background-image: url('../images/ShowInactiveRoll.png');;
}

.search {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/search2.gif'); 
	background-repeat: no-repeat;
}

.search:hover {
	background-position: 0 -23px;
}

.openmeeting {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/openmeeting.gif'); 
	background-repeat: no-repeat;
}

.openmeeting:hover {
	background-position: 0 -23px;
}

button{
	background: linear-gradient(white, #5959a6);
	border-radius: 8px;
	padding: 0px 10px;
	font-weight: bold;
	font-style: italic;
	font-family: serif;
	cursor: pointer;
	font-size: 20px;
	
}
button:hover{
	background: linear-gradient(white, #0000FE);
	color: white;
	text-shadow: 1px 1px black;
	box-shadow: 3px 3px #006999;
	
}
button:active {
  transform: translateY(4px);
  
}