body {margin: 0px; background: #000000; font-family: arial, verdana;}
#holder {
		background: rgb(245,255,0); 
		width: 725px;
		position: relative;
		top: 70px;
		margin: 15px; 
		z-index: 0;
		margin-bottom: 10px;
		margin-top: -77px;
		color: #000000;
		font-family: verdana;
		font-size: .7em;
		font-weight: 500;
		}

a {
		color: rgb(100,100,100);
		text-decoration: none;
		}
a:hover {
		color: magenta;
		text-decoration: none;
		}

#message {
		position: relative;
		margin-top: -60px;
		margin-left: 250px;
		margin-bottom: 4px;
		}
#message img {border: none}
#logo {
		position: relative;
		top: 10px;
		left: 40px;
		z-index: 100;
		width: 100px;
		}	
#logo img {border: none}
#menu {
		font-family: helvetica, verdana;
		font-weight: 900;
		font-size: .6em;
		padding: 3px;
		width: 370px;
		color: rgb(0,0,0);
		text-transform: lowercase;
		position: relative;
		top: -7px;
		left: 210px;
		z-index: 500;
		background-image: url('http://www.jaeproject.org.uk/images/template/blackspace.gif');
		background-color: rgb(245,255,0);
		background-position: top left;
		background-repeat: repeat-y;
		}
#bottomlogo {
		position: relative;
		top: 28px;
		left: 495px;
		}
#bottomlogo img {border: none}
#footer {
		position: relative;
		top: 45px;
		width: 500px;
		text-align: center;
		font-size: .8em;
		color: #ffffff;
		}
#footer a {
		color: #ffffff;
		}
#footer a:hover {
		color: rgb(245,255,0);
		}
.leftbar {
		font-family: verdana, arial;
		font-weight: 500;
		font-size: .8em;
		padding: .7em;
		margin-top: -20px;
		}
.leftbar h4 {
		font-family: verdana;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 1em;
		margin-bottom: -2px;
		}
.leftbar h4 a {color: #000000;}
.leftbar a:hover {background: #000000; color: magenta;}

.leftbar img {border: 1px black solid;}
.leftbar form{margin: -13px 0px 0px 0px;}
.leftimage {border: 2px black solid; width: 140px;}
.blacklight {
		background: black;
		color: #ffffff;
		display: inline;
		}
h2.blacklight {color: rgb(245,255,0); padding: 5px; font-size: 2em;}

h6 .blacklight, h5 .blacklight, h2 .blacklight, h3 .blacklight {
		font-family: arial;
		font-size: 1.2em;
		font-weight: 400;
		margin: 0px;
		}
.blacklight a {
		color: rgb(245,255,0);
		font-size: 1.2em;
		}
.blacklight a:hover {
		color: #F558B0;
		background: rgb(245,255,0);
		}
		
#google td {background: none;}
#google a:hover {color: rgb(50,50,50);}

img.black-shadow {
border-bottom: 2px black solid;
border-right: 2px black solid;
}
<!-- drop down menu code -->

/* minimum menu requirements for functionality */

.topmenuul{	
list-style-type:none;	
margin: 0;	
padding: 0;
}

.topmenuli{
	list-style-type:none;
	float:left;
}
.topmenuli a {color: #000000;}
.topmenutitle{
	display:block;
}

.submenuul{
	list-style-type:none;
	position:absolute;
	margin: 0;
	padding:0;
	display:none;
	background-color: black;
}

.submenuli a{
	display:inline;
	width:250px;
	background: rgb(245,255,0);
	padding-left: 3px;
	padding-right: 3px;
	border-left: 4px black solid;
}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
	display: block;
	z-index: 600;
}

#dmenu li>ul { 
	top: auto;
	left: auto;
}

#content {
	clear: left;

}
.blackpink {background: #000000; color: magenta;}
.blackpink a {background: #000000; color: magenta;}
.blackpink a:hover {background: rgb(245,255,0); color: #000000;}

h1, h2, h3, h4, h5, h6 {margin-bottom: 0px;}

#album {margin-left: 10px;}
#album img {margin: 10px; width: 120px; height: 100px; border-right: none; border-bottom: 4px magenta; border-top: 10px black dashed; border-left: none;}
#album img.alt {margin: 10px; width: 120px; height: 100px; border-right: none; border-bottom: 10px black; border-top: 4px magenta dashed; border-left: none;}
#image img {width: 475px;}
address {font-size: 1.2em; text-decoration: underline}
table.downloads th {background: #000000; color: #ffffff;}
table.downloads td {border-bottom: 1px black dashed;}
tr.required td {color: rgb(150,150,150)}

ul {margin-top: 5px; margin-bottom: 5px;}
ol {margin-top: 5px; margin-bottom: 5px;}

.magentahead {border-bottom: 1px magenta dashed;}
.magentahead a {color: #000000;}
.magentahead a:hover {color: magenta;}
.magentaunder {border-bottom: 1px magenta dashed; display: inline;}
.magentaunder a {color: #000000}
.magentaunder a:hover {color: magenta}

.front {
/*background-image: url("http://www.jaeproject.org.uk/images/template/magentaband.gif");}*/
.front li {
font-weight: bold; 
}
/*.front li a {color: #000000;}*/
/*.front li a:hover {color: #ffffff; background: #000000}/*