BODY {
     background-color: #006b6b;
     background-repeat: no-repeat;
     background-attachment: fixed;
     margin: 0px;
     padding: 0px;
     text-align: center; 
     }


div.caption {
     position: relative;
     background-color: #333;
     text-align: center;
     color: black;
     left: 0px;
     top: 25px;
     width: 500px;
     margin: 0px auto;
     }

div.content {
     position: absolute;
     background-color: #333333;
     text-align: center;
     left: 0px;
     top: 155px;
     width: 700px;
     height: 120%;
     border: 0px solid gray;
     }

div.head1 {
     position: absolute;
     background-color: #ffffff;
     text-align: left;
     color: black;
     left: 0px;
     top: 0px;
     width: 700px;
     height: 120px;
     }

div.head2 {
     position: absolute;
     background-color: #cccccc;
     text-align: left;
     color: white;
     left: 0px;
     top: 120px;
     width: 700px;
     height: 35px;
     border: 0px solid white;
     }

div.head3 {
     position: absolute;
     background-color: transparent;
     text-align: left;
     color: black;
     left: 560px;
     top: 0px;
     width: 123px;
     height: 150px;
     }

div.main {
     position: relative;
     background-color: #333333;
     text-align: left;
     color: black;
     left: 0px;
     top: 0px;
     width: 700px;
     height:  800px;
     margin: 0px auto;
     }

div.navigation {
     position: relative;
     background-color: #333333;
     text-align: center;
     color: white;
     left: 0px;
     top: 40px;
     width: 510px;
     margin: 0px auto;
     }

div.photonavigation {
     position: relative;
     background-color: #00aaaa;
     background-image: url(./graphics/photobg.jpg);
     text-align: left;
     color: black;
     left: 0px;
     top: 0px;
     width: 630px;
     height:  22px;
     margin: 0px auto;
     }

div.photodisplay {
     position: relative;
     background-color: #333;
     text-align: center;
     vertical-align: middle;
     color: black;
     left: 0px;
     top: 30px;
     width: 510px;
     height: 510px;
     margin: 0px auto;
     }


p {
     color: #ffffff;
     font-size: 15px;
     font-family: "Trebuchet MS", Verdana, Ariel;
     font-weight: normal;
     text-transform: none;
     text-decoration: none;
     margin: 20px 30px 2px 40px;	
     }

p.active {
     color: #006b6b;
     font-size: 17px;
     font-family: "Trebuchet MS", Verdana, Ariel;
     font-weight: bold;
     text-transform: none;
     text-decoration: none;
     margin: 0px 10px 0px 10px;	
     }

p.date {
     color: #aaaaaa;
     font-size: 15px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-transform: none;
     text-decoration: none;
     margin: 20px 20px 20px 20px;	
     }

p.nav1 {
     color: #ffffff;
     font-size: 13px;
     font-family: "Trebuchet MS", Verdana, Ariel;
     font-weight: normal;
     text-transform: none;
     text-decoration: none;
     margin: 0px 10px 0px 10px;	
     }

p.navigation {
     color: #ffffff;
     font-size: 32px;
     font-family: Ariel;
     font-weight: normal;
     text-transform: none;
     text-decoration: none;
     margin: 0px 0px 0px 0px;	
     }



a.active:link {
     color: #006b6b;
     font-size: 18px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-transform: none;
     text-decoration: none;
     }

a.active:visited {
     color: #006b6b;
     font-size: 18px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-transform: none;
     text-decoration: none;
     }

a.active:active {
     color: #006b6b;
     font-size: 18px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-transform: none;
     text-decoration: none;
     }

a.active:hover {
     color: #006b6b;
     font-size: 18px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-transform: none;
     text-decoration: none;
     }


a.bm:link {
     color: #ff5555;
     font-size: 15px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-decoration: none;	    
     }

a.bm:visited {
     color: #ff5555;
     font-size: 15px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-decoration: none;	    
     }

a.bm:active {
     color: #ff5555;
     font-size: 15px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-decoration: none;	    
     }

a.bm:hover {
     color: #ff5555;
     font-size: 15px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-decoration: underline;	    
     }

a.nav1:link {
     color: #000000;
     font-size: 18px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-transform: none;
     text-decoration: none;
     }

a.nav1:visited {
     color: #000000;
     font-size: 18px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-transform: none;
     text-decoration: none;
     }

a.nav1:active {
     color: #000000;
     font-size: 18px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-transform: none;
     text-decoration: none;
     }

a.nav1:hover {
     color: #006b6b;
     font-size: 18px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-transform: none;
     text-decoration: none;
     }

a.year:link {
     color: #cccccc;
     font-size: 15px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-decoration: none;	    
     }

a.photos:link {
     color: #ffffff;
     font-size: 14px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-decoration: none;	    
     }

a.photos:visited {
     color: #ffffff;
     font-size: 14px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-decoration: none;	    
     }

a.photos:active {
     color: #ffffff;
     font-size: 14px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-decoration: none;	    
     }

a.photos:hover {
     color: #ffffff;
     font-size: 14px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-decoration: underline;	    
     }

a.year:visited {
     color: #cccccc;
     font-size: 15px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-decoration: none;	    
     }

a.year:active {
     color: #ff4444;
     font-size: 15px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-decoration: none;	    
     }

a.year:hover {
     color: #ff4444;
     font-size: 15px;
     font-family: Ariel, "Trebuchet MS", Verdana;
     font-weight: normal;
     text-decoration: underline;	    
     }


h1 {
     color: #006b6b;
     font-size: 9px;
     font-family: "Trebuchet MS", Verdana, Ariel;
     font-weight: bold;
     text-transform: none;
     text-decoration: none;
     margin: 0px 0px 0px 0px;	
     }

h2 {
     color: #cccccc;
     font-size: 24px;
     font-family: "Trebuchet MS", Verdana, Ariel;
     font-weight: bold;
     text-align: left;
     text-transform: none;
     text-decoration: none;
     margin: 30px 0px 0px 27px;	
     }


img {
     border: 5px solid #ffffff;
     }

img.head {
     border: 0px solid #ffffff;
     }

li.active {
     display:inline;
     text-align: left;
     list-style-type: none;
     background:#cccccc;
     color:#006b6b;
     padding: 0px 10px 0px 20px;
     }

ul.nav1 {
     padding:0px;
     margin:5px;
     color:#fff;
     font-family: arial, helvetica, sans-serif;
     text-align: left;
     white-space:nowrap;
     list-style-type:none;
     }

li.nav1 {
     display:inline;
     text-align: left;
     list-style-type: none;
     background:#cccccc;
     color:#000000;
     padding: 0px 10px 0px 20px;
     }

li.nav1:hover {
     display:inline;
     text-align: left;
     list-style-type: none;
     background:#cccccc;
     color:#006b6b;
     padding: 0px 10px 0px 20px;
     }

ul.photos {
     display:inline;
     padding:3px;
     margin: 2px;
     color:#fff;
     font-family: arial, helvetica, sans-serif;
     text-align: left;
     list-style-type: none;
     }

li.photos {
     display:inline;
     text-align: left;
     list-style-type: none;
     color:#fff;
     margin: 5px 10px 5px 18px;
     }

ul.sounds {
     padding:0px 20px;
     margin:7px 25px;
     color:#fff;
     font-family: arial, helvetica, sans-serif;
     text-align: left;
     white-space:nowrap;
     list-style-type:square;
     }

TABLE {
     padding: 0px;
     margin: 0px;
     border-spacing: 0px;
     background-color: transparent;
     width: 510px;
     height: 510px;
     }

TD {
     padding: 0px;
     margin: 0px;
     border-spacing: 0px;
     background-color: transparent;
     }