/* CSS Document */
/* ———————- Blueslate nav ———————- */
.blue #slatenav{
	position:relative;
	display:block;
	height:42px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(../pic/blueslate_background.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	text-transform:uppercase;
}
.blue #slatenav ul{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
}
.blue #slatenav ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
}
.blue #slatenav ul li a{
	display:block;
	float:left;
	color:#D5F1FF;
	text-decoration:none;
	padding:14px 12px 0 12px;
	height:28px;
}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{
	color:#fff;
	background:transparent url(../pic/blueslate_backgroundOVER.gif) no-repeat top center;
	}
/* ———————- Greenslate nav ———————- */
.green #slatenav{
	position:relative;
	display:block;
	height:42px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(../pic/greenslate_background.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	text-transform:uppercase;
}
.green #slatenav ul{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
}
.green #slatenav ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
}
.green #slatenav ul li a{
	display:block;
	float:left;
	color:#EEFFDF;
	text-decoration:none;
	padding:14px 22px 0 22px;
	height:28px;
}
.green #slatenav ul li a:hover,.green #slatenav ul li a.current{
	color:#fff;
	background:transparent url(../pic/greenslate_backgroundOVER.gif) no-repeat top center;
}

/* ———————- Grayslate nav ———————- */
.gray #slatenav{
	position:relative;
	display:block;
	height:42px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(../pic/grayslate_background.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	text-transform:uppercase;
}
.gray #slatenav ul{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
}
.gray #slatenav ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
}
.gray #slatenav ul li a{
	display:block;
	float:left;
	color: #FFFFFF;
	text-decoration:none;
	padding:14px 22px 0 22px;
	height:28px;
}
.gray #slatenav ul li a:hover,.gray #slatenav ul li a.current{
	color:#fff;
	background:transparent url(../pic/grayslate_backgroundOVER.gif) no-repeat top center;
}

/* ———————- Redslate nav ———————- */
.red #slatenav{
	position:relative;
	display:block;
	height:42px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(../pic/redslate_background.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	text-transform:uppercase;
}
.red #slatenav ul{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
}
.red #slatenav ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
}
.red #slatenav ul li a{
	display:block;
	float:left;
	color:#FECCC3;
	text-decoration:none;
	padding:14px 22px 0 22px;
	height:28px;
}
.red #slatenav ul li a:hover,.red #slatenav ul li a.current{
	color:#fff;
	background:transparent url(../pic/redslate_backgroundOVER.gif) no-repeat top center;
}
/* ———————- Purpleslate nav ———————- */
.purple #slatenav{
	position:relative;
	display:block;
	height:42px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(../pic/purpleslate_background.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	text-transform:uppercase;
}
.purple #slatenav ul{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
}
.purple #slatenav ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
}
.purple #slatenav ul li a{
	display:block;
	float:left;
	color:#FBDAFA;
	text-decoration:none;
	padding:14px 22px 0 22px;
	height:28px;
}
.purple #slatenav ul li a:hover,.purple #slatenav ul li a.current{
	color:#fff;
	background:transparent url(../pic/purpleslate_backgroundOVER.gif) no-repeat top center;
}