/* Final main-nav example */

#navigation {
	width: 956px;
	height: 77px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 77px;
}
#navigation li {
	float: left;
	width: 159px;
	height: 67px;
	margin: 0px;
	padding: 0px;
}
#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding: 0px 0px 0px 0.5em;
	border-left: 12px solid #522900;
	background-color: #8FB300;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	height: 62px;
	text-transform: uppercase;
}
#navigation li a:hover {
	background-color: #FB7600;
	color: #FFFFFF;
	border-left: 12px solid #F2FFBF;
}
/* red contact us navigation */
#navigation li a.red:link, #navigation li a.red:visited  {
	display: block;
	padding: 0px 0px 0px 0.5em;
	border-left: 12px solid #F2FFBF;
	background-color: #CC3300;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	height: 62px;
	border-right: 1px solid #CC3300;
}

#navigation li a.red:hover {
	background-color: #522900;
	color: #FFFFFF;
	border-left: 12px solid #F1A200;
	border-right: 3px solid #522900;
}
/* cyan contact us navigation */
#navigation li a.cyan:link, #navigation li a.cyan:visited  {
	display: block;
	padding: 0px 0px0px 0.5em;
	border-left: 12px solid #F2FFBF;
	border-right: 1px solid #006666;
	background-color: #006666;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	height: 62px;
}

#navigation li a.cyan:hover {
	background-color: #522900;
	color: #FFFFFF;
	border-left: 12px solid #F1A200;
}

/* yellow contact us navigation */
#navigation li a.yellow:link, #navigation li a.yellow:visited  {
	display: block;
	padding: 0px 0px 0px 0.5em;
	border-left: 12px solid #F2FFBF;
	border-right: 1px solid #FFCC00;
	background-color: #DFB200;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	height: 62px;
}

#navigation li a.yellow:hover {
	background-color: #522900;
	color: #FFFFFF;
	border-left: 12px solid #F1A200;
}

/* green contact us navigation */
#navigation li a.green:link, #navigation li a.green:visited  {
	display: block;
	padding: 0px 0px 0px 0.5em;
	border-left: 12px solid #F2FFBF;
	border-right: 1px solid #808000;
	background-color: #808000;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	height: 62px;
}

#navigation li a.green:hover {
	background-color: #522900;
	color: #FFFFFF;
	border-left: 12px solid #F1A200;
}

/* brown contact us navigation */
#navigation li a.brown:link, #navigation li a.brown:visited  {
	display: block;
	padding: 0px 0px 0px 0.5em;
	border-left: 12px solid #F2FFBF;
	border-right: 1px solid #996633;
	background-color: #996633;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	height: 62px;
}

#navigation li a.brown:hover {
	background-color: #522900;
	color: #FFFFFF;
	border-left: 12px solid #F1A200;
}
/* orange contact us navigation */
#navigation li a.orange:link, #navigation li a.orange:visited  {
	display: block;
	padding: 0px 0px 0px 0.5em;
	border-left: 12px solid #F1A200;
	border-right: 1px solid #CC6600;
	background-color: #CC6600;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	height: 62px;
}

#navigation li a.orange:hover {
	background-color: #522900;
	color: #FFFFFF;
	border-left: 12px solid #F1A200;
}
.onstatebrown
{
	background-color: #000000;
	color: #FFFFFF;
	border-left: 12px solid #F1A200;
	font-weight: bold;
	text-decoration: underline;
	height: 62px;
}
#navigation li a.onstatebrown:link, #navigation li a.onstatebrown:visited, #navigation li a.onstatebrown:hover
{
	background-color: #000000;
	color: #FFFFFF;
	border-left: 12px solid #F1A200;
	font-weight: bold;
	text-decoration: underline;
	height: 62px;
}