body {
	color: #000000;
	background-color: #ffffff;
    background-image: url(images/background.gif);
	margin-bottom: 10px ;
    font-family: monospace;
	font-size: 17px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;

}

.logoavatar {
	width: auto;
	height: 250px;
}

.text-bg-only {
  background-color: #000000; /* Your dark background */
  display: inline-block;     /* Forces the width to match the content */
}

.text-bg-only2 {
  background-color: #ffffff; /* Your dark background */
  display: inline-block;     /* Forces the width to match the content */
}

            /* Container to keep buttons centered and separated */
            .classic-links {
                text-align: center;
                margin-top: 20px;
                margin-bottom: 20px;
            }

            /* The Classic Web Button Look */
            .classic-btn {
                /* Uses your site's pastel pink as base */
                background-color: #ffb3ba; 
                color: black;
                text-decoration: none;
                padding: 5px 12px;
                margin: 4px;
                border: 2px solid;
                /* Creates the 3D "Outset" border effect */
                border-color: #ffffff #666666 #666666 #ffffff;
                font-family: "MS Sans Serif", "Segoe UI", Tahoma, sans-serif;
                font-size: 14px;
                font-weight: bold;
                cursor: pointer;
                display: inline-block;
            }

            /* Hover effect: Changes color to pastel blue */
            .classic-btn:hover {
                background-color: #bae1ff;
            }

            /* Active/Click effect: "Inses" the button so it looks pressed */
            .classic-btn:active {
                border-color: #666666 #ffffff #ffffff #666666;
                padding-top: 6px; /* Simulate press */
                padding-bottom: 4px;
            }