/* CSS Document */

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

#mainnav li {
	border-top: 1px dotted #ccc;
	margin: 0;
}

#mainnav li a {
	display: block;
	height: 20px;
	padding: 0px 5px 0px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	line-height:18px;
	color: #7b7b7b;
}

/*------------------------------ 
LINK
------------------------------*/

#mainnav li a.pink {
	border-left: 10px solid #ff42cd;
}

#mainnav li a.orange {
	border-left: 10px solid #ff9d04;
}

#mainnav li a.blue {
	border-left: 10px solid #00beff;
}

#mainnav li a.purple {
	border-left: 10px solid #9e43ff;
}

#mainnav li a.green {
	border-left: 10px solid #5bcd8c;
}

#mainnav li a.red {
	border-left: 10px solid #eb554b;
}

/*------------------------------ 
HOVER
------------------------------*/

#mainnav li a.pink:hover {
	background-color: #ff42cd;
	color: #ffffff;
}

#mainnav li a.orange:hover {
	background-color: #ff9d04;
	color: #ffffff;
}

#mainnav li a.blue:hover {
	background-color: #00beff;
	color: #ffffff;
}

#mainnav li a.purple:hover {
	background-color: #9e43ff;
	color: #ffffff;
}

#mainnav li a.green:hover {
	background-color: #5bcd8c;
	color: #ffffff;
}

#mainnav li a.red:hover {
	background-color: #eb554b;
	color: #ffffff;
}

/*------------------------------ 
ACTIVE
------------------------------*/ 

#mainnav li a.pinkactive {
	padding-left: 20px;
	background-color: #ff42cd;
	color: #fff;
}

#mainnav li a.orangeactive {
	padding-left: 20px;
	background-color: #ff9d04;
	color: #fff;
}

#mainnav li a.blueactive {
	padding-left: 20px;
	background-color: #00beff;
	color: #fff;
}

#mainnav li a.purpleactive {
	padding-left: 20px;
	background-color: #9e43ff;
	color: #fff;
}

#mainnav li a.greenactive {
	padding-left: 20px;
	background-color: #5bcd8c;
	color: #fff;
}

#mainnav li a.redactive {
	padding-left: 20px;
	background-color: #eb554b;
	color: #fff;
}

/*------------------------------ 
SUB NAV
------------------------------*/ 

#pinksub li {
	list-style: none;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 10px;
	border: 0;
}

#pinksub a:link { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#ff42cd; }
#pinksub a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#ff42cd; }
#pinksub a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#000; }
#pinksub a.subactive { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#000; }

#orangesub li {
	list-style: none;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 10px;
	border: 0;
}

#orangesub a:link { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#ff9d04; }
#orangesub a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#ff9d04; }
#orangesub a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#000; }
#orangesub a.subactive { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#000; }

#bluesub li {
	list-style: none;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 10px;
	border: 0;
}

#bluesub a:link { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#00beff; }
#bluesub a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#00beff; }
#bluesub a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#000; }
#bluesub a.subactive { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#000; }

#purplesub li {
	list-style: none;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 10px;
	border: 0;
}

#purplesub a:link { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#9e43ff; }
#purplesub a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#9e43ff; }
#purplesub a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#000; }
#purplesub a.subactive { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#000; }

#greensub li {
	list-style: none;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 10px;
	border: 0;
}

#greensub a:link { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#5bcd8c; }
#greensub a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#5bcd8c; }
#greensub a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#000; }
#greensub a.subactive { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#000; }

#redsub li {
	list-style: none;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 10px;
	border: 0;
}

#redsub a:link { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#eb554b; }
#redsub a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#eb554b; }
#redsub a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#000; }
#redsub a.subactive { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:11px; color:#000; }