/* Navigation Stylesheet for The Naltrexone Centre

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

.skiplinks {display:none;}


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


a
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
    color: #558800;
    text-decoration: none;
	text-align: center;
	border-bottom: 1px dotted #888888;
}
a:link
{
    color: #A5376D;
}
a:visited
{
    color: #5B005C;
}
a:hover
{
    color: #558800;	/* CC0000=red  558800=green  99CC33=light green  A5376D=purpley  B57613=browny-yellow */
	border-bottom: 1px solid #558800;
}
a:active
{
    color: #A5376D;
}




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

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

	margin-left: 7px;
	margin-top: 5px;
	margin-bottom: 10px;

	border: 0px solid #CC0000;
/*	text-align: center; */
}

#NavMenu ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

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

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

	font-size: 100%;

	width: 125px;
/*	line-height: 30px; */

	margin: 0px;
	padding: 0px;

/*	text-align: center; */
	letter-spacing: 1px;
}


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


#NavMenu a {
	float: left;

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

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

	text-align: left;

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

	color: #FFFFFF;
	background-color: #CC0000;

	margin: 0px;
	margin-right: 0px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;

	border: 0px solid #000;		/* seperator line */
	border-right: 0px solid #000;
	border-bottom: 8px solid #E3E3E3;	/* grey bottom */
	border-bottom: 8px solid #85B5D9;	/* blue bottom */
}

#NavMenu a:hover
{
	background-color: #DE0000;
	color: #F8F8F8;
	border-bottom: 8px solid #85B5D9;	/* 99CC33 = green bottom */
}


#NavMenu #nav-home {
	background-color: #387bae;	/* 55BACC */
}
#NavMenu #nav-home:hover {
	background-color: #99CC33;	/* 99CC33 = green  DE0000 = red */
}
#NavMenu #nav-home-selected {
	background-color: #DE0000;
}

#NavMenu #nav-biog {
	background-color: #387bae;	/* C4DD65 */
}
#NavMenu #nav-biog:hover {
	background-color: #85B5D9;
}
#NavMenu #nav-biog-selected {
	background-color: #DE0000;
}

#NavMenu #nav-constituency {	/* E14B54 */
	background-color: #4A90C6;
}
#NavMenu #nav-constituency:hover {	/* E14B54 */
	background-color: #85B5D9;
}
#NavMenu #nav-constituency-selected {
	background-color: #DE0000;
}

#NavMenu #nav-news {	/* 97CD55 */
	background-color: #387bae;
}
#NavMenu #nav-news:hover {
	background-color: #85B5D9;
}
#NavMenu #nav-news-selected {
	background-color: #DE0000;
}

#NavMenu #nav-links {
	background-color: #4A90C6;
	border-right: 1px solid #000;
}
#NavMenu #nav-links:hover {		/* D45FB7 */
	background-color: #85B5D9;
}
#NavMenu #nav-links-selected {
	background-color: #DE0000;
}

#NavMenu #nav-contacts {	/* EEAA3B */
	background-color: #387bae;
}
#NavMenu #nav-contacts:hover {
	background-color: #85B5D9;
}
#NavMenu #nav-contacts-selected {
	background-color: #DE0000;
}




.FootersLink
{
	font-family: verdana, arial, helvetica, sans-serif, serif;
	font-size: 100%;
    font-weight: 500;
    color: black;
    text-decoration: none;
	border-bottom: 1px dotted #888888;
}
.FootersLink:visited
{
    color: black;
}
.FootersLink:hover
{
    color: #cc0000;
	border-bottom: 1px solid #CC0000;
}


.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:visited
{
    color: black;
}
.DesignCreditsLink:hover
{
    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:visited
{
    color: black;
}
.EmailLink:hover
{
    color: #cc0000;
	border-bottom: 1px solid #CC0000;
}