/***********************************************/
/* nav.01.css                                  */
/*************************************** *******/

/* cssplay.co.uk/menus/hovercraft.html

MUST have the styles in the correct order as follows 

a:link {}
a:visited {}
a:hover {}
a:active {} 

also these:
a:visited:hover {}
a:focus:hover {}
*/
a {text-decoration: none;}
a:link {
	color: #333399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: oblique;
}
a:visited {
	color: #0033CC;
}
a:hover {
	color: #006699;
	text-decoration: underline;
}

/**************************************************/

#NavMenuPanel{
	width:647px;
	height:25px;
	background: #CCDEDE; /*99AF9E*/
    margin:5 auto 0 auto; 
	color: #555753;  
	padding: 0px 0 0px 17; 
/*	border-color: #CCCCCC; 
	border-top: thin inset #556699;
	border-bottom: thin inset #556699;
	border-width:1px 1px 1px 1px;*/
	
	float: left;
	clear:left;
}


/*..............http://css.maxdesign.com.au/listamatic/horizontal24.htm..........*/
ul#navlist
{
margin: 0;
padding: 0;
list-style-type: none;
white-space: nowrap;
text-align: center;
}

ul#navlist li
{
float: left;
font-family: verdana, arial, sans-serif;
font-size: 10px; /*9*/
font-weight: bold;
margin: 0;
padding: 5px 0 4px 0; /*0;*/
background-color: 99AF9E; /*#dde #eef4f1;*/
/*border-top: 1px solid #e0ede9;
border-bottom: 1px solid #e0ede9;*/
}

#navlist a, #navlist a:link
{
margin: 0;
padding: 0px 9px 4px 9px; /*2px 9px 2px 9px;0;*/
color: #448; /*#95bbae;*/
/*border-right: 1px dashed #d1e3db;*/
text-decoration: none;
}

ul#navlist li#active
{
color: #95bbae;
background-color: #deebe5;
}

#navlist a:hover
{
color: #74a893;
background-color: #d1e3db;
}

/**********************************************/
/* stuff for hovering images on home page...  */
/**********************************************/

#mainNav{
	width:647px;
	height:25px;
	background: #99AF9E;
    margin:5 auto 0 auto; 
	color: #555753;  
	padding: 0px 0 0px 17; 
/*	border-color: #CCCCCC; 
	border-top: thin inset #556699;*/
	border-bottom: thin inset #556699;
	border-width:1px 1px 1px 1px;
	
	float: left;
	clear:left;
}
ul#mainNav
{
margin: 0;
padding: 0;
list-style-type: none;
white-space: nowrap;
text-align: center;
}

ul#mainNav li
{
float: left;
font-family: verdana, arial, sans-serif;
font-size: 10px; /*9*/
font-weight: bold;
margin: 0;
padding: 5px 0 4px 0; /*0;*/
background-color: 99AF9E; /*#dde #eef4f1;*/
/*border-top: 1px solid #e0ede9;
border-bottom: 1px solid #e0ede9;*/
}
#mainNav img{
	 display: block;
}

#mainNav a {
	font-size: 98%;
	padding: 100px 4px 0px 0px; 
	color: rgb(0,105,117);
}

#mainNav a, #mainNav a:link
{
margin: 0;
padding: 0px 9px 4px 9px; /*2px 9px 2px 9px;0;*/
color: #448; /*#95bbae;*/
/*border-right: 1px dashed #d1e3db;*/
text-decoration: none;
}

ul#mainNav li#active
{
color: #95bbae;
background-color: #deebe5;
}

#mainNav a:hover
{
color: #74a893;
background-color: #d1e3db;
}

#mainNav img {border:0;display: block;}
#mainNav a em, #mainNav a span {display:none;}
/*
a:hover#link1 {background-color:#444444; color: #006699;	text-decoration: underline;}
a:hover#link1 span {display:block; position:absolute; left:182px; top:20px; width:300px; height:300px; border:1px solid #000;background:#697210; filter: alpha(opacity: 50); opacity: 0.5; -moz-opacity: 0.5;}
a:hover#link1 em {display:block; position:absolute; left:182px; top:20px; width:300px; height:300px; border-right:1px solid #000; border-top:1px solid #000; line-height:1px;}
*/
a:hover#link1 {background-color:#444444; color: #006699;	text-decoration: underline;}
a:hover#link1 span {display:block; position:absolute; left:300px; top:260px; width:300px; height:300px; border:1px solid #000;background:#697210; filter: alpha(opacity: 50); opacity: 0.5; -moz-opacity: 0.5;}
a:hover#link1 em {display:block; position:absolute; left:300px; top:260px; width:300px; height:300px; border-right:1px solid #000; border-top:1px solid #000; line-height:1px;}


a.linkopacity img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5; 
	opacity: 0.5;
	border:0;
	background-color: transparent;
	}

a.linkopacity:hover img {
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
	border:0;
	background-color: transparent;
}