<!--
body 	  { scrollbar-face-color:	#FAFDA2;
	    scrollbar-track-color:	#983B00;
	    scrollbar-arrow-color:	#A46641;
	    scrollbar-highlight-color:	#CCCCCC;
	    scrollbar-3dlight-color:	#A46641;
	    scrollbar-shadow-color:	#CCCCCC;
	    scrollbar-darkshadow-color:	#000000  }

img	  { border-color:		#983B00  }

hr	  { color:			#983B00  }

font	  { font-family:		Verdana;
	    font-color:			#000000  }

a	  { color:			#784B30;
	    text-decoration:		none     }
a:hover	  { color:			#000000  }
a:link	  { text-decoration:		none     }
a:visited { text-decoration:		none     }

.link	  { color:			#FAFDA2  }

.caption  { color:			#000000;
	    text-decoration:		none     }

.submit   { color:			#FAFDA2;
    	    font-family:		Verdana;
    	    font-size:			10px;
            font-weight:		bold;
    	    background-color:		#983B00  }

.fields   { color:			#000000;
    	    font-family:		Verdana;
    	    font-size:			10px;
            font-weight:		bold;
            background-color:		#FCFEBC  }
            
@media screen and (max-width: 768px) {
    /* Define styles for tablets and smaller screens here */
    /* For example, you can adjust margins or font sizes */
    body {
        margin: 10px; /* Adjust margin for smaller screens */
    }

    h2 {
        font-size: 24px; /* Adjust font size for headings on smaller screens */
    }
    
    /* Add any other CSS adjustments you need */
}            

//-->