/* This Cascading Style Sheet has the following sections */
/* A. The 4 boxes that make up the page */
/* B. Ids (start with #) which are only used once on a page */
/* C. Classes (start with .) which can be used any number of times */
/* D. The links */

/* A. The 4 boxes */
/* The following section sets out the 4 boxes of the page */
/* These are set up as ids, they start with the #, and therefore can only be */
/* used once on a page. In general, these boxes are invisible. In order to */
/* see them, you must add the border-style: solid attribute */

/* #top has a fixed height, but is as wide as the screen */
#top {
	margin: 0px 20px 0px 20px;
	padding: 0px 20px 0px 20px;
	border: 2px;
	border-color: black;
	border-style: ;
	height: 100px; /* Incorrect value fed to ie5win */
	left: 100px;
	background: url(training2.gif) no-repeat;
	}
	body>#top {
	height: 100px; /* Correct for CSS2 browsers. */
	}

/* #middle is the left over portion of the screen */
#middle {
	margin: 0px 170px 20px 170px; /* Incorrect value fed to ie5win */
	padding: 4px 4% 10px 4%;
	border: 1px;
	border-style: ;
	background: #fff url() no-repeat;
	font-family : Verdana, Arial, sans-serif;
	font-size : 80%;
	}

/* #left is fixed position and width */	
#left {
	position: absolute;
	width: 190px; /* Incorrect value fed to ie5win */
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	border: 1px ;
	border-color: black;
	border-style: ;
	background: ;
	background-image: ;
	background-repeat: ;
	}
body>#left {
	width: 160px; /* Correct for CSS2 browsers. */
	}

/* #right is fixed position and width */		
#right {
	position: absolute;
	width: 150px; /* Incorrect value fed to ie5win */
	top: 100px;
	right: 20px;
	margin: 0px 0px 0px 0px;
	padding: 32px 10px 10px 10px;
	border: 1px ;
	border-style: ;
	background: #fff;
	}
body>#right {
	width: 130px; /* Correct for CSS2 browsers. */
	}
	
/* ------------------------------------------------------------------------- */
/* B. The ids */
/* The following are ids, they start with the #, and therefore can be */
/* applied only once on a page */

/* the #irklogo1 class is used for the organization name */
/* such as Info Road Kill, LRG or LWC */
#irklogo1 {
	color: red;
	font-family: cupertino, verdana, arial, helvetica, sans-serif;
	font-size: 32px;
	line-height: 30px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 50px;
	}

/* the #irklogo1 class is used for the organization name */
/* such as Info Road Kill, LRG or LWC */
#irklogo2 {
	color: red;
	font-family: Arial Black, verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	line-height: 30px;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 50px;
	}

/* the #splashscreen class is used only on the 1st page for the intro phrase */
#splashscreen1 {
	color: gray;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	line-height: 30px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 50px;
	}

#copyrite {
		  bottom: 0px;
		  left: 0px; 
		  bottom: 0px; 
		  width: 100%;
		  font-size: smaller;
		  font-style: italic;
		  text-indent: 0px;
		  margin: 0px 0px 0px 0px;
		  margin-bottom: 0;
		  padding: 0px 0px 0px 15px;
		  height: 5%;
		  text-align: left;
		  }

/* ------------------------------------------------------------------------- */
/* C. The classes */
/* The following are classes, they start with the ., and therefore can be */
/* applied more than once on a page. Classes can be used with any tag */
	
/* the .menubox class is used for the side menu */
.menubox {
	width: 170px; /* Incorrect value fed to ie5win */
	top: ;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px ;
	border-color: ;
	border-style: ;
	background:  ;
	font-family: verdana, arial, helvetica, sans-serif;
	}	
body>.menubox {
	width: 160px; /* Correct for CSS2 browsers. */
	}

.head1 {
        font-family: helvetica, arial, sans-serif;
        color: black;
        font-size; 24pt;
		font-weight: bold;
        }

.head2 {
        font-family: helvetica, arial, sans-serif;
		font: bold;
        color: green;
        font-size; 12pt;
        }

.head3 {
	    display: block; 
		text-align: left; 
		font: bold 1em sans-serif; 
   		padding: 0px 0px; 
		margin: 0 0 0; 
		border-width: 0; 
   		text-decoration: none;
		text-indent: 30px; 
		border-color: red;
		border-style: solid;
		color: pink;
				}
		
.head4	{
		font-family: helvetica, arial, sans-serif;
		font: bold;
		}
		
.head5	{
		font-family: helvetica, arial, sans-serif;
		font-weight: bold;
		}
		
.head6	{
		font-family: helvetica, arial, sans-serif;
		font-weight: bold;
		color: blue;
		font-size; 14pt;
		}
		
.panic  {
		background-color: yellow;
		color: red;
		font: bold; 
		font-family: helvetica, arial, sans-serif;
		}
			
.exercise  {
		background-color: black;
		color: white;
		font-weight: bold; 
		font-family: helvetica, arial, sans-serif;
		}
		
.testobjective {
		margin-left: 25px;
		padding-left: ;
		text-indent: -25px;
		}
		
.table1	{
		border-color: red;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		border-collapse: collapse;
		}
		
.table1 TD		{
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		border-color: red;
		} 
/* ------------------------------------------------------------------------- */
/* this tag set the font to sans-serif and size*/
.small	
		 {
		 font-size: 80%;
		 }	
		 		
/* ------------------------------------------------------------------------- */
/* D. The links */	
/* the following are the links, the most important being the hover link */

a.menu {
		display: block; 
	    text-align: left; 
		font: bold 1em sans-serif; 
		padding: 0px 0px; 
		margin: 0 0 0; 
		text-decoration: none;
		text-indent: 30px;
		border-top-width: 1px; 
		border-bottom-width: 1px; 
		border-left-width: 0px; 
		border-right-width: 0px;
		border-color: red;
		border-style: solid;
		color: black;
		font-size: 10pt;
		}
		
a.menu:hover {
		 color: white;
		 background: ;
		 border-color: white;
		 border-style: solid;
         }
		 
a.body:link