<!-- Paste this code into the CSS section of your HTML document  -->

.clock {
  text-align: center;
  border: thin dotted blue;
  padding: 1px;
  margin: auto;
}

 input.clock2 {
  text-align: center;
  border: none;
  font: bold .9em verdana, helvetica, arial, sans-serif;
  padding-bottom: .5em;
}

input.clock3 {
  text-align: center;
  font: .7em verdana, arial, helvetica, ms sans serif;
}


body
{
background: url("images/compbooks1.jpg");
text-align:center;
margin:0;
font:100.01%; color:white;
z-index: 1;
}

h1 {
font-size:1.4em;
color:#EEFFEE;
}
			
.wrapper 
{
background-color: #4169E1;
margin:0 auto;
width:98%;
text-align:left;
z-index:-1;
}

.uppertop/* number 1*/
{
max-height:10%;
max-width:81.92em;
width:100%
position:absolute; 
top:0%; left:0%;
z-index:1;
font-size:1.2em;
font-weight: bolder;
font-family: Arial, Helvetica, Sans-Serif;
}

.lefttop/* number 2*/
{
float:left;
height:100%;
width:33.3%;
max-width:26.2144em;
top:9.1%;
left:2%;
z-index:1;
font-size:.9em;
}

.centertop/* number 3*/
{
float:left;
height:100%;
width:33.3%;
max-width:26.2144em;
left:34%;
top:9.1%;
z-index:1;
font-size: .9em;
}

.righttop/* number 4*/
{
float:left;
height:100%;
width:33.37%;
max-width:26.2144em;
left:66%;
top:9.1%;
z-index:1;
font-size:.9em;
}

 .centerbar  /* number 5*/
{
float: left;
height: 0.01em;
width:98%;
max-width:81.92em;
margin:0 auto;
top:32.4%;
left:1%;
opacity:0.4;filter:alpha(opacity=40);
z-index:-2;
}

 .leftlower /* number 6*/
{
float:left;
color: black;
height:100%;
width:32%;
max-width:26.2144em;
left: 2.0%;
z-index:0;
font-size: .9em;
padding-right: 0.8em;
padding-left: .1em;
}

.centerlower /*number 7*/
{
float:left;
color: #000000;
height:100%;
width:28.0%;
max-width:26.2144em;
left:38%;
z-index:0;
font-size:.9em;
margin:auto;
padding-left:0em;
padding-right:0.83em;
/*opacity:0.05;filter:alpha(opacity=20);*/
}

.rightlower/* number 8*/
{
float:left;
color: #000000;
height:100%;
width:28.0%;
max-width:26.2144em;
left:66%;
z-index:0;
font-size:.9em;
padding-left:3.2em;
}

.base {/*list control*/
list-style-position:outside;
list-style-type:square;
border: 0px solid #000;
margin: 1em;
width: 15em;
padding: 2px;
}


/*menu insertion*/
#menu {
  padding:0;
  margin:0;
  width:0; /*ADDED */
  }
#menu li {
  list-style-type:none;
  margin:0 0 0.25em 0;
  }

#menu a, #menu a:visited {
  display:block;
  position: relative;
  width:9em;
  border:1px solid #4169E1;
  font-family:arial, verdana, sans-serif; /* ADDED */
 /* font-size:0.8em;  ADDED */
  text-align:center; /* ADDED */
  text-decoration:none; /* ADDED */
   background:#777; /* ADDED */
  color:#eee; /* ADDED */
  padding:0.25em; /* ADDED */ 
  }
#menu a:hover {
  background:#ddd;
  color:#0000FF;
  }
  #menu a span {
  display:none;
}

  #menu {
 /* position:relative; Removed */
  padding:0;
  margin:0;
  width:0;
}

#menu a:hover span {
  display:block;
  position:absolute; /*ADDED */
  left:9.6em; /* ADDED */
  top:0; /* ADDED */
  text-align:left; /* ADDED */
  padding:0.5em;  /* ADDED */
  width:137.1%; /* ADDED */
  background-color:#eee; /* ADDED */
  color:#000; /* ADDED */
  border:1px solid #4169E1; /* ADDED */
  z-index:4;
}
#menu img {
  border:0px solid #000;
  float:left;
  margin:0.0em 0.5em 0.5em 0;
}
#menu a:hover span:first-line {
  font-weight:bold;
  font-size:1.0em;
  color:#4169E1;
}

.flashunit {
	padding: 0em;
	background: #777;
	border: 0px solid #4169E1;
	margin: 0em auto;
	height:91%;
	width: 100%;
}


span.flashunit {
	padding: 0em;
	background: #777;
	border: 0px solid #4169E1;
	margin: 0em auto;
	width: 137.5%;
}

.flashunit h2 {
	font:1em normal Arial, Helvetica, sans-serif;
	border: 1px solid #777;
	background: #777;
	margin: 0;
	padding: 0em;
	color: #eee;
	text-align: center;
}
.flashunit p {
	font: 1.2em normal Arial, Helvetica, sans-serif;
	padding: 0em;
	margin: 0;
	border: 1px solid #4169E1;
	background: #4169E1;
}

.flashunit a .flashunit:visited {
 display:block;
  position:absolute; /*ADDED */
  left:9.6em; /* ADDED */
  top:0; /* ADDED */
  text-align:left; /* ADDED */
  padding:0.5em;  /* ADDED */
  width:137.1%; /* ADDED */
  background-color:#eee; /* ADDED */
  color:#000; /* ADDED */
  border:1px solid #4169E1; /* ADDED */
}

object.flashvideo {
	width: 100%;
	height:12em;
}