﻿/*################
### NAVIGATION ###
################*/

div.navigation
{
	padding-top:6px;
	padding-bottom:6px;
}

div.navItem
{
	display:inline;
	border-top:solid 2px #000000;
	border-bottom:solid 2px #000000;
	padding:5px 0px;
}

.navigationItem
{
	font-weight:bold;
	text-decoration:none;
	font-variant:small-caps;
}

.navigationItem:hover
{
	color:#090909;
	text-decoration:underline;
}

.Green
{
	background-image:url('../images/buttons/green.gif');
	padding-left:22px;
	padding-right:22px;
}

.Blue
{
	background-image:url('../images/buttons/blue.gif');
	padding-left:16px;
	padding-right:16px;
}

.Orange
{
	background-image:url('../images/buttons/orange.gif');
	padding-left:2px;
	padding-right:2px;
}

.Aqua
{
	background-image:url('../images/buttons/aqua.gif');
	padding-left:24px;
	padding-right:24px;
}

.Purple
{
	background-image:url('../images/buttons/purple.gif');
	padding-left:1px;
	padding-right:1px;
}

.Yellow
{
	background-image:url('../images/buttons/yellow.gif');
	padding-left:10px;
	padding-right:10px;
}

.Brown
{
	background-image:url('../images/buttons/brown.gif');
	padding-left:2px;
	padding-right:2px;
}

.Red
{
	background-image:url('../images/buttons/red.gif');
	padding-left:23px;
	padding-right:23px;
}

.Baby
{
	background-image:url('../images/buttons/baby.gif');
	padding-left:22px;
	padding-right:22px;
}

.Pink
{
	background-image:url('../images/buttons/pink.gif');
	padding-left:11px;
	padding-right:11px;
}

.Green:hover
{
	background-image:url('../images/buttons/greenHover.gif');
}

.Blue:hover
{
	background-image:url('../images/buttons/blueHover.gif');
}

.Orange:hover
{
	background-image:url('../images/buttons/orangeHover.gif');
}

.Aqua:hover
{
	background-image:url('../images/buttons/aquaHover.gif');
}

.Purple:hover
{
	background-image:url('../images/buttons/purpleHover.gif');
}

.Yellow:hover
{
	background-image:url('../images/buttons/yellowHover.gif');
}

.Brown:hover
{
	background-image:url('../images/buttons/brownHover.gif');
}

.Red:hover
{
	background-image:url('../images/buttons/redHover.gif');
}

.Baby:hover
{
	background-image:url('../images/buttons/babyHover.gif');
}

.Pink:hover
{
	background-image:url('../images/buttons/pinkHover.gif');
}