body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  background: #eee7a1;
}
h1 {
font-size:24px;
font-weight:bold;
}
h2 {
  font-size: 25px;
  font-weight: bold;
  color: #5f5714;
  padding-left: 25px;
  background: url(csi/highlight.jpg) no-repeat left;
}
h3 {font-size:16px;
font-weight:bold;
}
h4 {font-size:14px;
font-weight:bold;
}
h5 {font-size:12px;
font-weight:bold;
}
p {margin:0px 0px 20px 0px;}

div#main{
width:600px;
position:absolute;
top:140px;
left:170px;
z-index:3;
}
div.empbox {
margin:10px 30px 10px 30px;
font-size:120%;
border:1px solid black;
padding:10px;
background-color: White;
text-align:center;
}
div.empbox em{
  font-weight:bold;
}
div#head {
  position: absolute;
  top: 0px;
  left: 0px;
  width:100%;
  height:140px;
  background: url(csi/mosaichead3.jpg) no-repeat top left;
  color:#8d8f20;
  z-index:2;
  margin:0px;
  padding:0px;
}
div#head .headtext {
  margin-left:200px;
  width:550px;
  text-align:center;
}
div#head h1 {
  font-size: 50px;
  padding: 0px;
  margin: 20px 0px 5px 0px;
  background: url(csi/highlight2.jpg) no-repeat top right;
}
div#menu {
  position:absolute;
  width: 165px;
  top:140px;
  left:0px;
  background: #eee7a1 url(csi/mosaicleft.jpg) repeat-y top left;
  z-index:1;
  color:black;
  margin:0px;
  padding:0px;
  padding-bottom:0px;
}
div#menu img{
  border:none;
  padding:0px;
  margin:0px;
  display:block;
}

div#menu ul{
  margin:0px 0px 0px 20px;
  padding:0px;
  display:block;
  width: 120px;
}
div#menu ul li{
  margin:3px 0px 0px 0px;
  display:block;
  color:white;
}
div#menu ul li a{
  padding:3px;
  display:block;
  width:100%; 
  color:#8d8f20;
  background-color: #eee7a1;
  text-decoration: none;
  border-width:1px 1px 1px 0px;
  border-width:0px;
  border-style:outset;
  border-color: #8d8f20;
  text-align: center;
}
div#menu ul li a:hover{
  text-decoration: overline underline;
  background-color: transparent;
  color:#eee7a1;
  border-style:inset;
}
div#menuend {
  background: #eee7a1 url(csi/mosaicbase.jpg) no-repeat top;
  height:141px;
}
div.portdiv{
  clear:both;
}
img.portimg{
  border:none;
  float:right;
}
div#contact {
  margin:0px;
  padding:3px;
  width: 100px;
  text-align:center;
  
}
.smaller {
  font-size:90%;
}
.bigger {
  font-size:120%;
}
#footer {
  margin-top:40px;
  text-align: center;
  font-size: 90%;
  padding-bottom: 40px;
  background: url(csi/highlight3.jpg) no-repeat top right;
}
hr {
  border: 1px solid #5f5714;
}
@media print {
  #menu {
    display: none;
  }
  div#head {
  color:black;
}

}