<style type="text/css" media="screen">

<!--

/*  body and font definitions */
html { 
  padding:0px;
  margin:0px;
}

body {
  background-color: #000000;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#ffffff;  
  padding:0px;
  margin:0px;
}

p, h2, pre {
margin: 0px; 
padding: 5px 20px 5px 20px; 
}


a { 
color: #f5dc50;
font-size: 11px;
background-color:transparent;
text-decoration: none; 
hover: underline;
}

a:hover {
color: #f5dc50;
font-size: 11px;
background-color:transparent;
text-decoration: underline; 

} 
 
pre { 
color: #f5dc50;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}

.alignright {
margin-top: 0; 
text-align: right;
font-size: 10px;
}

h3 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: #f5dc50;
background-color: #000000;
border-top: 2px solid #564b47;
border-bottom: 2px solid #564b47;

padding: 5px 15px;
margin:0px

}


h2 {
font-size:14px;
padding-top:10px;
text-transform:uppercase;
color: #ffffff;
background-color: transparent;
	}


h1 {
font-size: 16px;
text-transform:uppercase;
text-align: right;
color: #564b47;
background-color: #90897a;
padding: 5px 15px;
margin:0px

}

h5 {
font-size:14px;
text-transform:uppercase;
color: #ffffff;
background-image:
url('/images/grad2.png');
background-color: 292929;
}

h6 {
font-size: 11px;
text-transform:uppercase;
color: #FFFFFF;
background-image:
url('/images/stripe.jpg');
padding: 5px 15px;
margin:0px

}


strong { 
font-size: 13px;
}

/*  positioning-layers static and absolute */

#left {
position: absolute;
left: 0px;
width: 190px;
color: #564b47;
margin: 0px; 
padding: 0px;
}


#content2 {
margin: 0px 0px 0px 0px;
padding: 0px;
background-color: #292929; 
background-image: url(/images/grad.png);
background-position: bottom;
background-repeat: repeat-x;    
}


#content {
margin: 0px 40px 0px 220px;
padding: 0px;
background-color: #292929; 
background-image: url(/images/grad.png);
background-position: bottom;
background-repeat: repeat-x;    
}


#right {
position: absolute;
right: 0px;        
width: 190px;
color: #564b47;
margin: 0px; 
padding: 0px;
}


	
CAPTION.MYTABLE
  {
     background-color:#000000;
     color:white;
     border-style:solid;
     border-width:2px;
     border-color:black;
  }

  TABLE.MYTABLE
  { 
     font-family:arial;
     font-size:10pt;
     background-color:#000000;
     width:500px;
     border-style:solid;
     border-color:black;
     border-width:2px;
  }

  TH.MYTABLE
  {
     font-size:10pt;
     color:white;
  }


  TR.MYTABLE
  { 
  }

  TD.MYTABLE
  {  
     font-size:10pt;
     background-color:#000000;
     color:white;
     border-style:solid;
     border-width:1px;
     border-color:#000000;
     text-align:center;
  }

#link li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#link li a:link, #menu4 li a:visited {
	color: #CCC;
	display: block;
	background:  url(/images/menu4.gif);
	background:  url(/images/menu4.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
#link li a:hover {
	color: #FF000;
	background:  url(/images/menu4.gif);
	padding: 8px 0 0 10px;
	}	

	ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
  
/*- Menu 4--------------------------- */
	
#menu4 {
	position: absolute;
	right: 0px; 
	width: 190px;
	margin: 0px;
	border-style: solid solid none solid;
	border-color: #000;
	border-size: 1px;
	border-width: 1px;
	}
	
#menu4 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu4 li a:link, #menu4 li a:visited {
	color: #CCC;
	display: block;
	background:  url(/images/menu4.gif);
	background:  url(/images/menu4.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
#menu4 li a:hover {
	color: #FF000;
	background:  url(/images/menu4.gif);
	padding: 8px 0 0 10px;
	}	

	ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}


#gallery {
    position:relative; 
    width:700px; 
    height:356px; 
    margin:20px auto 0 auto; 
    border:1px solid #aaa; 
    }
	
#gallery ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }
	
#gallery a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#000000;
    }

#gallery a.gallery, #gallery a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#gallery a.slidea {
    background:url(/images/woppbuildingt.jpg); 
    height:60px; 
    width:91px;
    }
#gallery a.slideb {
    background:url(/images/old_control_boardt.jpg); 
    height:60px; 
    width:91px;
    }
#gallery a.slidec {
    background:url(/images/new_control_boardt.jpg); 
    height:60px; 
    width:91px;
    }
#gallery a.slided {
    background:url(/images/controlroomt.jpg); 
    height:60px; 
    width:91px;
    }

* html #container a.slided {
    width:91px; 
    w\idth:93px;
    }

#gallery ul {
    width:198px; 
    height:326px;
    }
#gallery li {
    float:left;
    }	

#gallery ul {
    margin:5px; 
    float:right;
    }
	
#gallery a.gallery:hover {
    border:1px solid #fff; 
    }
	
#gallery a.gallery:hover span {
    position:absolute; 
    width:372px; 
    height:322px; 
    top:10px; 
    left:75px; 
    color:#fff; 
    background:#000000;
    }
	
#gallery a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }
	
#gallery a.slideb:hover img, #container a.slidei:hover img {
    float:right;
    }
	
#gallery {
    background:#000000 url(/images/back.jpg) no-repeat;
	background-position: 75px 30px;
    }
-->
<!-- Note: To include borders on #content, insert this code:
border-left: 2px solid #564b47;
border-right: 2px solid #564b47;
--!>
</style>