body {
font-family:Arial, Helvetica, sans-serif; 
margin-top: 55px;
margin-bottom:25px;
margin-left:8%;
margin-right:8%;
border: 2px outset gray;
height:500px;
font-size:80%;
color:#666;
}
#head {
margin-top:2px;
margin-left:3px;
}
#logo {
margin-top:1px;
float:right;
width:650px;
height:75px;
z-index:200;
border: 3px solid white;
}
#menuhold {
width:83%;
position:absolute;
margin-top:82px;
z-index:28;
background-color:#eeeeee;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;

}

#menu {
text-align:left; 
position:absolute;
z-index:100;
left:0;
margin-left:0;
width:1px;
}

#menutext {
width:500px; 
text-align:center; 
position:absolute;
font-size:12px; z-index:25;
}





#content {
position:absolute;
margin-left:0px;
margin-right:25%;
height: 300px;
margin-top:130px;
}

#content p {
margin: 0px;
padding:2px;
padding-right:10px;
padding-bottom: 8px;
}
#content ul {
margin-top: 0px;
padding-top:0px;

}

#photo {
position:absolute;
margin-left: 10px;
margin-top: 0px;
width: 250px;
height: 370px;
float:left;
z-index:20;
}
#photo2 {
position:absolute;
margin-left: 10px;
margin-top: 120px;
width: 250px;
height: 250px;
float:left;
z-index:20;

}
#photo2 p {
text-align:center;
margin-right:100px;}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;

visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 10px;
left: 5px; /*position where enlarged image should offset horizontally */

}

.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;

visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 10px;
left: -50px; /*position where enlarged image should offset horizontally */

}



.thumbnail3{
position: relative;
z-index: 0;
}

.thumbnail3:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;

visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 10px;
left: -108px; /*position where enlarged image should offset horizontally */

}

#contenttext {
margin-left: 275px;
width:55%;
height: 280px;
overflow:auto;
z-index:20;
}

#footer {
text-align:center;
position:relative;
margin-left:0px;
margin-right:0px;
font-size:80%;
margin-top:440px;
border-top:1px solid gray;
z-index:150;
padding:4px;
}
#rics {
width:220px;
float:left;
text-align:center;
}
#logos {
margin-left:225px;
margin-right:0;
text-align:center;
}
#w3i {
float:right;
width:100px;
text-align:center;
}

a {
text-decoration:none;
color:black;
}