/* CSS Document */

#nav-box {
	width: 900px;
	float: center;
	font: 78%/1.5 arial, helvetica, serif;
	background: white;
	text-align: center;
	margin: 0 auto;

}

#nav-box-sm {
	width: 50px;
	float: left;
	font: 78%/1.5 arial, helvetica, serif;
	background: white;
	text-align: left;
	margin: 0 auto;

}

#nav, #nav ul {
	width: 900px;
	list-style: none;
	line-height: 1;
	background: white;
	padding: 0;
	margin: 0;
}

#nav-sm, #nav-sm ul {
	width: 50px;
	list-style: none;
	line-height: 1;
	background: white;
	padding: 0;
	margin: 0;
}

#nav a, #nav-sm a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: .7em 1.2em;
	border-right: 2px solid #fff;
}

#nav a.daddy, #nav-sm a.daddy {
	background: url(../throw/arrow.gif) center right no-repeat;
}

#nav li, #nav-sm li {
	float: left;
	padding: 0;
}

#nav li ul, #nav-sm li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 12em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#nav li li, #nav-sm li li {
	padding-right: 1em;
	width: 9em;
}

#nav li ul a, #nav-sm li ul a {
	width: 9em;

}

#nav li ul ul, #nav-sm li ul ul {
	margin: -1.75em 0 0 12em;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}


#nav-sm li:hover ul ul, #nav-sm li:hover ul ul ul, #nav-sm li.sfhover ul ul, #nav-sm li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav-sm li:hover ul, #nav-sm li li:hover ul, #nav-sm li li li:hover ul, #nav-sm li.sfhover ul, #nav-sm li li.sfhover ul, #nav-sm li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #fff;
}


#nav-sm li:hover, #nav-sm li.sfhover {
	background: #fff;
}


/*--------ORANGE----------*/

#nav a.orange{
	background: #ff9900;
}

#nav a.orange:hover {
	background: #ff6600;
}


/*--------ORANGE-sm----------*/

#nav-sm a.orange{
	background: #ff9900;
}

#nav-sm a.orange:hover {
	background: #ff6600;
}


/*--------RED----------*/

#nav a.red{
	background: #ff3333;
}

#nav a.red:hover {
	background: #ff9900;
}

#nav a.red-daddy:hover {
	background: url(../throw/arrow.gif) center right no-repeat;
	background-color: #ff9900;
}

#nav a.red-daddy {
	background: url(../throw/arrow.gif) center right no-repeat;
	background-color: #ff3333;
}

/*--------BLUE----------*/

#nav a.blue{
	background: #6666ff;
}

#nav a.blue:hover {
	background: #ff9900;
}

#nav a.blue-daddy:hover {
	background: url(../throw/arrow.gif) center right no-repeat;
	background-color: #ff9900;
}

#nav a.blue-daddy {
	background: url(../throw/arrow.gif) center right no-repeat;
	background-color: #6666ff;
}

/*-------MINT---------*/

#nav a.mint{
	background: #66cc66;
}

#nav a.mint:hover {
	background: #ff9900;
}

#nav a.mint-daddy:hover {
	background: url(../throw/arrow.gif) center right no-repeat;
	background-color: #ff9900;
}

#nav a.mint-daddy {
	background: url(../throw/arrow.gif) center right no-repeat;
	background-color: #66cc66;
}



/*-------PURPLE----------*/

#nav a.purple{
	background: #cc66cc;
}

#nav a.purple:hover {
	background: #ff9900;
}

#nav a.purple-daddy:hover {
	background: url(../throw/arrow.gif) center right no-repeat;
	background-color: #ff9900;
}

#nav a.purple-daddy {
	background: url(../throw/arrow.gif) center right no-repeat;
	background-color: #cc66cc;
}



/*-------TEAL----------*/

#nav a.teal{
	background: #33cccc;
}

#nav a.teal:hover {
	background: #ff9900;
}

#nav a.teal-daddy:hover {
	background: url(../throw/arrow.gif) center right no-repeat;
	background-color: #ff9900;
}

#nav a.teal-daddy {
	background: url(../throw/arrow.gif) center right no-repeat;
	background-color: #33cccc;
}




/*-------LIME----------*/

#nav a.lime{
	background: #99cc00;
}

#nav a.lime:hover {
	background: #ff9900;
}

#nav a.lime-daddy:hover {
	background: url(../throw/arrow.gif) center right no-repeat;
	background-color: #ff9900;
}

#nav a.lime-daddy {
	background: url(../throw/arrow.gif) center right no-repeat;
	background-color: #99cc00;
}


/*-------MAROON----------*/

#nav a.maroon{
	background: #cc0066;

}

#nav a.maroon:hover {
	background: #ff9900;
}

#nav a.maroon-daddy:hover {
	background: url(../throw/arrow.gif) center right no-repeat;
	background-color: #ff9900;
}

#nav a.maroon-daddy {
	background: url(../throw/arrow.gif) center right no-repeat;
	background-color: #cc0066;
}