/* Styles for the main content area */
body {
    font-family: "Times New Roman", Times, sans-serif;
    color: #cccccc !important; /* Light gray text color */
    background-image: url('starry.gif');
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size: 100% 100%;
}

/* styles for the nav bar */

.topnav {
 
   background-color: #808080; /* windows-nt green backround*/
   overflow: scroll;
   white-space: nowrap;
   border-top: 2px solid #000000;
   border-bottom:2px solid #000000;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* shadow bs or sumthn */
}

.topnav a{
   display: inline-block;
   color: #ffffff;
   text-align: center;
   padding: 7px 9px;
   text-decoration: none;
   transition: background-color 0.3s ease;
   border-right: 1px solid #000000; /* sumthn about the right border idfk */
   border: 1px solid #000000;
   border-radius: 0px;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
   margin-right: -2px; /* spacer */
}

.topnav a:first-child {

       border-left: 1px solid #000000;
}
 


.topnav a:last-child {

border-right: 1px solid #000000;



}

/* guestbook fixed size */
#guestMessage{
     width: 300px;
     height: 100px;
}


.topnav a.active{


box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
padding: 7px 9px;



}


a {

color: #3399ff;

}




.topnav a:hover {
		
color:#000000;
}



 .tab-content

{
   display:none;
   background-color: #008080;
   padding:20px;
   border: 1px solid #000000;
   border-top: none; /* Removes the top border */
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

}

.tab-content.active {
   
     display: block;

}