/* Default styles for entire website */

.nav {font: 9pt Arial}
a.nav:link {color: #FFFFFF; font-weight: normal;  text-decoration: none}
a.nav:visited {color: #FFFFFF; font-weight: normal; text-decoration: none}
a.nav:hover {color: #DDDDDD; font-weight: normal; text-decoration: none}

.navsel {font: 9pt Arial}
a.navsel:link {color: #000000; font-weight: bold; text-decoration: none}
a.navsel:visited {color: #000000; font-weight: bold; text-decoration: none}
a.navsel:hover {color: #000000; font-weight: bold; text-decoration: none}

.enq {font: 9pt arial; color: black}
a.enq:link {color: #000000; text-decoration: none}
a.enq:visited {color: #000000; text-decoration: none}
a.enq:hover, a.enq:visited:hover {color: #000000; text-decoration: none}

.ack {font: 7.5pt tahoma; color: #C0C0C0}
a.ack:link {color: #C0C0C0; text-decoration: none}
a.ack:visited {color: #C0C0C0; text-decoration: none}
a.ack:hover, a.ack:visited:hover { color: #C0C0C0; text-decoration: none}

.navbar {background-color: #888888}
.highlt {background-color: #E8E8E8}
.footlh {background-color: #C0C0C0}
.footrh {background-color: #888888}
.ephead {background-color: #C0C0C0}

.namehead {font: 24pt Arial; font-weight: bold; color: #000000}
.epnlhead {font: 24pt Arial; font-weight: bold; color: #555555}
.homehead {font: 18pt Arial; color: #808080}
.abouhead {font: 18pt Arial; color: #808080}
.prodhead {font: 18pt Arial; color: #808080}
.ordrhead {font: 18pt Arial; color: #808080}
.newshead {font: 18pt Arial; color: #808080}
.feathead {font: 18pt Arial; color: #808080}
.cfemhead {font: 18pt Arial; color: #808080}
.cforhead {font: 18pt Arial; color: #808080}
.newssubh {font: 14pt Arial; color: black}
.featsubh {font: 14pt Arial; color: black}
.bannrtxt {font: 14pt Arial; color: black}
.epnltext {font: 9pt arial; color: black}
.hightext {font: 9pt arial; color: black}
.hometext {font: 9pt arial; color: black}
.aboutext {font: 9pt arial; color: black}
.prodtext {font: 9pt arial; color: black}
.ordrtext {font: 9pt arial; color: black}
.newstext {font: 9pt arial; color: black}
.feattext {font: 9pt arial; color: black}
.cfemtext {font: 9pt arial; color: black}
.cfortext {font: 9pt arial; color: black}
.prodcode {font: 8pt arial; color: black}
.ordrcode {font: 9pt arial; color: black}
.prodname {font: 13.5pt arial; color: black}
.ordrname {font: 9pt arial; font-weight: bold; color: black}
.prodpric {font: 13.5pt arial; color: black}
.ordrpric {font: 9pt arial; color: black}

/* End of default styles for entire website */



/* Default styles for drop-down menu */

/* Based on A DropMenus Tutorial explaining how to install a simple JavaScript dropdown menu system 
   for an effective menu display, on JR's Education Page (http://home.cogeco.ca/~ve3ll/jsdrop.htm) */

div.zone {position:relative; z-index:3}

ul.cl1, ul.cl2 {list-style:none; margin:0px; border:0px; padding:0px; font:9pt arial; margin-left:0px; }

ul.cl1 {position: relative; height:19px; border-bottom:1px solid white; margin-top:-19px; z-index:3}
		
ul.cl2 {position:absolute; visibility:hidden; z-index:3}

li.cl1, li.cl2 {position: relative; background:#888888; width:115px; 
        margin-top:0px; padding:0px; border-bottom:0px solid white;
        text-align:left; list-style:none; float:left; border-right:1px solid white; z-index:3}
        
li.cl2 {margin-top:0px; margin-left:-1px; border-top:1px solid white; border-left:0px solid white;
		border-right:0px solid white; padding:0px; width:115px}
		
a.cl1 {color:white; display:block;
        margin:0px; padding:2px; padding-left:10px; padding-right:10px;
        text-decoration:none; font-weight:none;  }

a.cl2 {color: white; display:block; 
        margin:0px; padding:2px; padding-left:11px;
        text-decoration:none; font-weight:none;  }
        
a.cl1a {color:black; display:block ;
        margin:0px; border:0px; padding:2px; padding-left:10px;  padding-right:10px;
        text-decoration:none; font-weight:bold;  }
        
a.cl2a {color: black; display:block; 
        margin:0px; padding:2px; padding-left:11px;
        text-decoration:none; font-weight:bold;  }
        
a.cl1:hover, a.cl2:hover {background-color:#DDDDDD; font-weight:none; color:black;  }

#id1, #id2, #id3, #id4, #id5, #id6 {width:95px;}

/* End of default styles for drop-down menu */