html, body {
     margin: 0px 0px 0px 0px;
     padding: 0;
     font-family: Verdana, sans-serif;
     font-size: x-small;
     color: #003366;
     background-color: #003366;
}

p {
     font-family: Verdana, sans-serif;
	 font-size: x-small;
	 color: #003366;
}

#background {
     position: absolute;
     left: 0;
     right: 0;
     margin: 0px;
     padding: 0px;
     height: 100px;
     width: 100%;
     background-image: url(../images/repeat.jpg);
     background-repeat: repeat-x;
     background-color: transparent;
     z-index: 1;
}

#header {
     position: absolute;
     left: 0px;
     margin-top: 0px;
     margin-left: 0px;
     padding: 0px;
     width: 480px;
     height: 100px;
     background-image: url(../images/background2.jpg);
     background-repeat: no-repeat;
     z-index: 2;
}

#picture {
     position: absolute;
     right: 0px;
     margin: 0px;
     padding: 0px;
     width: 100%;
     height: 100px;
     background-image: url(http://www.ait.net/images/rotate/rotate.php);
     background-position: top right;
     background-repeat: no-repeat;
     background-color: transparent;
     z-index: 2;
}

#footer {
     position: fixed;
     bottom: 0;
     left: 150px;
     margin-left: 0px;
     padding: 5px;
     width: 60%;
     height: 20px;
     font-size: 10px;
     background-color: #CCCC99;
}

a {
     color: #006699
}

a:hover{
     color: #FFFFFF
}

/* Boxes */

#left {
     float: left;
     left: 0px;
     margin-top: 100px;
     width: 150px;
     height: 100%;
     background-image: url(../images/side_bar.gif);
     background-repeat: repeat-y;
     z-index: 2;
}

#middle {
     width: 60%;
     height: 100%;
     float: left;
     margin: 100px 0px 0px 0px;
     background-color: #99CCFF;
     padding: 10px 10px;
	 z-index: 2;
}

#right {
     width: 150px;
     float: right;
     margin: 110px 0px 0px;
}

div.navigation {
     width: 130px;
     font-size: small;
     font-weight: bold;
     text-align: center;
     text-decoration: none;
     margin-top: 10px;
     margin-left: 10px;
     margin-right: 0px;
     margin-bottom: 10px;
}
div.box {
     width: 150px;
     height: 150px;
     font-size: small;
     padding: 5px 0px 0px 0px;
     background-image: url(../images/box.gif);
     background-repeat: no-repeat;
}

div.box div.box-head {
     font-size: small;
     font-weight: bold;
     color: #FFFFFF;
     border-width: 1px;
     border-style: solid;
     border-color: black;
     background-color: #003366;
     margin-top: 5px;
     margin-right: 5px;
     margin-bottom: 5px;
     margin-left: 5px;
     padding: 5px;
}

div.box div.box-content {
     font-size: 12px;
     padding: 0px 5px 5px 5px;
}

div.technosbox {
     float: right;
	 padding: 10px 10px 10px 20px;
	 margin: 10px;
     width: 200px;
	 border-width: 1px 1px 5px 5px;
	 border-style: groove;
	 border-color: #541531;
     font-size: small;
}

div.figure .caption {
  float: right;
  clear: right;
  text-align: left;
  font-size: x-small;
  hspace: 10;
  vspace: 10;
}

div.atwbox {
     float: right;
	 padding: 10px 10px 10px 20px;
	 margin: 10px;
	 border-width: 1px 1px 5px 5px;
	 border-style: groove;
	 border-color: #541531;
     font-size: small;
}

.line {
     background-image: url(http://www.ait.net/technos/images/line.jpg); 
	 background-repeat: repeat-x;
}

table {
     font-family: Verdana, sans-serif;
     font-size: x-small;
}

th {
     font-family: Verdana, sans-serif;
	 font-size: x-small;
	 background-color: #003366;
	 color: #FFFFFF;
}	 

tr.even {
     font-family: Verdana, sans-serif;
	 font-size: x-small;
	 vertical-align: top;
	 background-color: #FFFFFF;
}	 

tr.odd {
     font-family: Verdana, sans-serif;
	 font-size: x-small;
	 vertical-align: top;
}	 

td {
     font-family: Verdana, sans-serif;
	 font-size: x-small;
	 vertical-align: top;
}	 

ul {
     font-family: Verdana, sans-serif;
	 font-size: x-small;
}	 
 
li {
     font-family: Verdana, sans-serif;
	 font-size: x-small;
}