body {
    margin: 4px 4px 4px 4px;
    background-color: #ffc;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    text-align: center;
  }

#container {
     width: 780px ;
    margin: 0 auto 0 auto;
/*    position : relative;*/
    text-align: left;
    background-color : #099;
    border: #666 2px ridge;
    text-align: center;
    padding: 0 0 50px 0;

  }

#container1 {
    width: 780px ;

    margin: 0 auto;
    position : relative;
    text-align: left;
    background-color : #099;
    border: #666 2px ridge;
    float: center;
    padding: 0 0 50px 0;
  }


#header {
    background-color: #099;
    text-align:left;
    border-bottom: #666 1px ridge;
    width: 780px;
    height: 177px;
  }

#menu {
    background-image: url('grad.jpg');
    clear : both;
    margin : 0 auto;
    border-bottom: #666 2px ridge;
    padding : 2px 0 2px 0;
    text-align: center;
    width: 780px;
}

#textandpics1 {
    margin : 5% 10% 5% 10%;
    padding: 0 0 0 0;
    background-color: #666;
    color: #ffc;
    border: #ffc 1px solid;
    text-align: left;
    width: 600px;
    height: 1150px;
    clear:none;
    float: center;
  }

#textandpics {
    margin : 5% 10% 5% 10%;
 /*   height:400px;*/
    height: auto;
    padding: 0px;
    background-color: #666;
    color: #ffc;
    border: #ffc 1px solid;
    width: 600px;
 /*   float: center;*/
    background-image: url(back.gif);
    background-repeat: repeat-y;
    background-position: 0px 0px;
  }

#text{
width: 320px;
height: auto;
float: left;
padding-left: 60px;
text-align: left;
}



#pics1 {
   margin:0 0 0 0;
   padding: 15px 0 0 0;
   background-color: #99c;
   border-right: #ffc 1px solid;
   width: 185px;
   height: inherit;
   text-align: center;
   float: left;
}

#pics {
   margin: 0 0 0 0;
   padding: 15px 0 0 0;
   background-color: #99c;
   border-right: #ffc 1px solid;
   width: 185px;
   float: left;
/*   height: inherit;*/
   height: auto;
   text-align: center;
}


#foot {
    margin : 0 0 0 0;
    clear : both;
    color : #666;
    float : none;
    font-size : 10pt;
    text-align : center;
    vertical-align : bottom;
    background-color : #ffc;
    width: 780px;
}

.clearer {
font-size: 0px;
height: 0px;
width: 100%;
display: block;
clear: both;
}

#img {
    border: #ffc 2px;
}
  
#foot a {
    font-size : 12px;
    color : #099;
    font-weight: bold;
    font-variant: small-caps;
  }


#menu a:hover {
    border: #666 1px solid;
    background-color : #ffc;
    color : #666;
  }

#menu a {
    border: #ffc 1px solid;
  }

a {
    text-decoration: none;
    font-weight : normal;
    color: #666;
  }

#textandpics a {
    text-decoration: underline;
    color: #99c;
   font-size: 11pt;

}

h1 {
    color: #ffc;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14pt;
}
h2 {
    color: #ffc;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12pt;
}

iframe {
width: 700px;
height: 500px;
}