body {
	font-family: Monaco, Geneva, Verdana, Courier New, monospaced;
	font-size: 11px;
	color: #33CC33;
	line-height: 20px;
	letter-spacing: 0px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	font-weight: normal;
}

div {
	font-family: Monaco, Geneva, Verdana, Courier New, monospaced;
	font-size: 11px;
	color: #33CC33;
	font-weight: normal;
	line-height: 20px;
	cursor: default;
	margin:0 auto;
	padding:0;
	text-indent: 0em;
	width: 400px;
}

input {
	border: 1px solid #996600;
	background-color: #ffffff;
}

.submit {
  border: 1px solid #996600;
  background-color: #ffffff;
  color: #33CC33;
  cursor: pointer; cursor: hand;;
}

/*copied from another website this wlil apply to all links*
a:link {
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	}

a:visited {
	color: #ddd;
	background-color: inherit;
	}

a:hover {
	color: white;
	text-decoration: none;
	background-color: #3399ff;
	border-color: #3399ff;
	}

*/

/* Hyperlinks. 
#menu a {
 height: 1%; /* CSS2 specifies this becomes "auto" because the <li> doesn't have a "height" set. This means the anchor will expand to fit its content like we want it to. By setting a height, IE will enable the "hasLayout" flag on this element, allowing the block hyperlink effect we want. */
/* display: block; /* Makes anchor fill the <li> which contains it. */
/* padding: 0.2em 0.2em 0.2em 0.5em; /* Space the text from inside edges of anchor and indent it from the left by half a character. */
/* text-decoration: none; /* Remove underline from links. */
/*}
/**/



ul {
	list-style-position: outside;
	list-style-type: none;
	/* margin-left: 0; */
	margin:0 auto;
	padding:0;
	text-indent: 0em;
	width: 400px;
}


/*title ELECTRICIWG and anything that doesnt have a class or link tag*/
li {
	padding: 5px 5px 5px 0px;
	margin: 0px;
	color: #996600;
	border-width: 0px;
}

 /*margin: 0% 0% 0% 0%; padding: 5% 5% 5% 2%; top, right, bottom, left respectively */


/*
li ul {
	padding-bottom: 6px;
}

li ul li {
	padding-bottom: 6px;

}

li ul li ul {
	padding-bottom: 6px;
}
*/

a
{
	outline: none;/*removes the dotted line around links in firefoz*/
/*	display: block;*/
}


/*ELECTRICWIG*/
.wig {  /*the only CSS that actually goes with this webpage*/
	color: #993366;
	cursor: default;
	position: left;
	text-indent: 0px;
	font-weight: normal;
	font-family: Courier new;
	font-size: 28px;

}

/*1st level eg FURNITURE*/
#menu li.home {  /*the only CSS that actually goes with this webpage*/
	color: #3399FF;
	cursor: pointer;
	position: left;
	text-indent: 0px;
	font-weight: bold;
}



#menu li.home a:link {color: #3399FF; background-color: transparent; font-weight: bold;}
#menu li.home a:visited {color: #3399FF; background-color: transparent; font-weight: bold;}
#menu li.home a:hover {color: white; text-decoration: none; background-color: #996600; border-color: #996600;}
#menu li.home a:active {color: white; text-decoration: none; background-color: #996600; border-color: #996600;}


/*1st level eg Billinghay commission*/
#menu li.main {  
	color: #FF3399;
	cursor: pointer;
	position: left;
	text-indent: 0px;
}

#menu li.main a:link { color: #FF3399; background-color: transparent; font-weight: bold;}
#menu li.main a:link:focus, :visited:focus { color: #996600; font-weight: bold;}
#menu li.main a:visited { color: #FF3399; background-color: transparent; font-weight: bold;}
#menu li.main a:hover { color: white; text-decoration: none; background-color: #996600; border-color: #996600;}
#menu li.main a:active { color: white; text-decoration: none; background-color: #996600; border-color: #996600;}
/*1st Focus should turn text brown when selected but causes probs in opera and ie
li.main :focus { color: #996600; background-color: transparent; font-weight: bold; text-decoration: none}
*/



/*1st level which are not links*/
#menu li.mainnolink {  
	color: #FF3399;
	cursor: pointer;
	position: left;
	text-indent: 0px;
	font-weight: normal;
}


/*2nd level eg text about Billinghay commission*/
#menu li.sub1 {  
	color: #996600;
	cursor: text;
	position: left;
	text-indent: 0px;
	font-weight: normal;
}

#menu li.sub1 a:link { color: #996600; background-color: transparent; font-weight: normal;}
#menu li.sub1 a:visited { color: #996600; background-color: transparent; font-weight: normal;}
#menu li.sub1 a:hover {color: none; text-decoration: none; background-color: none; border-color: none;}
#menu li.sub1 a:active{color: none; text-decoration: none; background-color: none; border-color: none;}


/*3rd level eg zoetropes*/
#menu li.sub {  
	color: #33CC33;
	cursor: pointer;
	position: left;
	text-indent: 0px;
	font-weight: normal;
}

#menu li.sub a:link { color: #33CC33; background-color: transparent; font-weight: bold;}
#menu li.sub a:visited { color: #33CC33; background-color: transparent; font-weight: bold;}
#menu li.sub a:hover {color: white; text-decoration: none; background-color: #996600; border-color: #996600;}
#menu li.sub a:active{color: white; text-decoration: none; background-color: #996600; border-color: #996600;}




/*4th level eg text body about zoetropes*/
li .sub2 {  
	color: #996600;
	cursor: text;
	position: left;
	text-indent: 0px;
	font-weight: normal;
}

li .sub2 :link { color: #996600; background-color: transparent; font-weight: normal;}
li .sub2 :visited { color: #996600; background-color: transparent; text-decoration: underline}
/*li .sub2 :hover {color: none; text-decoration: none; background-color: none; border-color: none;}*/
li .sub2 :active {color: none; text-decoration: none; background-color: none; border-color: none;}

li .sub3 {  
	color: #CC6699;
	cursor: pointer;
	position: left;
	text-indent: 0px;
}


.error {  
	color: #CC6699;
	position: center;
	font-family: Monaco, Geneva, Verdana, Courier New, monospaced;
	font-size: 11px;

}