/* Navigation Stylesheet (CSS Image rollovers) for The Sandpit Nursery

  (c) Colin Sewell, 2006
------------------------- */

.skiplinks {display:none;}


a img { border: 0; }


.ImageLink, .ImageLink:hover
{
    text-decoration: none;
	border-bottom: none;
}


/* Generic Page Links
   ------------------ */

a
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 95%;
    color: #558800;
    text-decoration: none;
	text-align: center;
	border-bottom: 1px dotted #558800;
}

/* colour crib :
   EC5B00=orange  558800=green  A5376D=purpley  B57613=browny-yellow */
a:link, a:visited
{
    color: #558800;
}
a:hover
{
    color: #EC5B00;
	border-bottom: 1px solid #EC5B00;
}
a:active
{
    color: #A5376D;
}




/* The Top Navigation Menu
   ----------------------- */

#NavMenu {
	width: 750px;
/*	height: 250px; */
/*	line-height: 25px; */

	margin-left: 0px;
	margin-bottom: 2px;

	border: 0px solid #CC0000;
	background-color: #ffff01; /* yellow */
/*	text-align: center; */
}

#NavMenu ul
{
	list-style: none;
	list-style-type: none;
	list-style-image: url();
	margin: 0px;
	padding: 0px;
	display: inline;
	overflow: hidden;
}

#NavMenu li
{
	float: left;
	overflow: hidden;

	list-style: none;
	list-style-type: none;
	list-style-image: url();

	font-size: 80%;
	color: #ffffff;

	margin: 0px;
	padding: 0px;
	border-right: #fff 1px solid;
	letter-spacing: 1px;
}


#NavMenu a {
	float: left;

	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */

	font-size: 80%;
	color: #ffffff;

	text-decoration: none;
	border-bottom: 0px;
}

#NavMenu #nav-home {
	width: 74px;
	background: url("../images/buttons/nav-home.gif");
}
#NavMenu #nav-home:hover {
	background-image: url("../images/buttons/nav-home.gif");
	background-position: 0 -20px;
}

#NavMenu #nav-about {
	width: 84px;
	background: url("../images/buttons/nav-about.gif");
}
#NavMenu #nav-about:hover {
	background-image: url("../images/buttons/nav-about.gif");
	background-position: 0 -20px;
}

#NavMenu #nav-healthy-eating {
	width: 113px;
	background: url("../images/buttons/nav-eating.gif");
}
#NavMenu #nav-healthy-eating:hover {
	background-image: url("../images/buttons/nav-eating.gif");
	background-position: 0 -20px;
}

#NavMenu #nav-services {
	width: 110px;
	background: url("../images/buttons/nav-services.gif");
}
#NavMenu #nav-services:hover {
	background-image: url("../images/buttons/nav-services.gif");
	background-position: 0 -20px;
}

#NavMenu #nav-out-school {
	width: 110px;
	background: url("../images/buttons/nav-outschool.gif");
}
#NavMenu #nav-out-school:hover {
	background-image: url("../images/buttons/nav-outschool.gif");
	background-position: 0 -20px;
}

#NavMenu #nav-news {
	width: 92px;
	background: url("../images/buttons/nav-news.gif");
}
#NavMenu #nav-news:hover {
	background-image: url("../images/buttons/nav-news.gif");
	background-position: 0 -20px;
}

#NavMenu #nav-FAQ {
	width: 67px;
	background: url("../images/buttons/nav-FAQ.gif");
}
#NavMenu #nav-FAQ:hover {
	background-image: url("../images/buttons/nav-FAQ.gif");
	background-position: 0 -20px;
}

#NavMenu #nav-contacts {
	width: 92px;
	background: url("../images/buttons/nav-contact.gif");
}
#NavMenu #nav-contacts:hover {
	background-image: url("../images/buttons/nav-contact.gif");
	background-position: 0 -20px;
}




/* Left Navigation Menu
   -------------------- */

#NavLeftMenu ul
{
	margin: 0px;
	padding: 0px;
}

#NavLeftMenu li
{
	overflow: hidden;
	background-image: url(../images/decorations/bullet-arrow-pink.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	text-indent: 10px;

	width: 100%;
	line-height: 25px; 

	font-family: arial, verdana, helvetica, sans-serif, serif;
	font-size: 80%;
	font-weight: bold;

	border: #ccc 1px solid;
	margin-bottom: 8px;
	padding: 1px;
}

#NavLeftMenu li.Selected
{
	background-image: url(../images/decorations/bullet-arrow-green.gif);
	background-color:#FFFF33;
	border: #339933 1px solid;
}


#NavLeftMenu li img
{
	border: 0px solid #CC0000;
	padding: 0px;
	margin: 0px;
}


#NavLeftMenu a {
	width: 100%;
	line-height: 25px; 

	font-family: arial, verdana, helvetica, sans-serif, serif;
	font-size: 100%;
	font-weight: bold;

	text-align: left;

/*	text-transform: lowercase; */
	text-decoration: none;

	color: #333;

	margin: 0px;
	padding-left: 20px;

	border-bottom: 0px solid #000;		/* no hover line */
}

#NavLeftMenu a:hover
{
	text-decoration: underline;
	color: #558800;
}


#Footer a {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 100%;
    color: #444;
    text-decoration: none;
	text-align: center;
	border-bottom: 1px dotted #444;
}
#Footer a:link, #Footer a:visited {
    color: #444;
}
#Footer a:hover {
	color: #007cff;
	border-bottom: 1px solid #007cff;
}
#Footer a:active
{
    color: #444;
}


.DesignCreditsLink
{
	font-family: verdana, arial, helvetica, sans-serif, serif;
	font-size: 100%;
    font-weight: normal;
    color: black;
    text-decoration: none;
	border-bottom: 1px dotted #888888;
}
.DesignCreditsLink:link, .DesignCreditsLink:visited
{
    color: black;
}
.DesignCreditsLink:hover
{
    color: #B57613;
	border-bottom: 2px solid #B57613;
}
.DesignCreditsLink:active
{
    color: #B57613;
	border-bottom: 2px solid #B57613;
}


.EmailLink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: black;
    text-decoration: none;
	border-bottom: 1px dotted #888888;
}
.EmailLink:link, .EmailLink:visited
{
    color: black;
}
.EmailLink:hover
{
    color: #cc0000;
	border-bottom: 1px solid #CC0000;
}