/*body { background-color: black; background-image: url('../images/bg4.jpg'); background-repeat: no-repeat; scrollbar-size: 2; scrollbar-base-color: #ffffff; scrollbar-shadow-color: #f0f0f0; scrollbar-highlight-color: #f0f0f0; scrollbar-3dlight-color: #f1f1f1; scrollbar-face-color: #ffffff; scrollbar-arrow-color: #000022; scrollbar-DarkShadow-Color: #000022;} */

body { background-color: white; scrollbar-size: 2; scrollbar-base-color: #ffffff; scrollbar-shadow-color: #f0f0f0; scrollbar-highlight-color: #f0f0f0; scrollbar-3dlight-color: #f1f1f1; scrollbar-face-color: #333333; scrollbar-arrow-color: #000022; scrollbar-DarkShadow-Color: #000022;}   
  
/*main page font*/  
body, p, td, br, ul, ol, dl, li, form { font-family: Trebuchet MS; Verdana, Arial; font-size: 17pt; color: #333333; text-decoration:none;}  
  
/*linkage control*/
a:hover    { font-family: Trebuchet MS; Verdana, Arial; font-size: 17pt; color: #ff89e9; text-decoration:none;}   
a 	   { font-family: Trebuchet MS; Verdana, Arial; font-size: 17pt; color: #6699ee; text-decoration:none;}

/*round images*/   
.rcorners1 {
  font-family: Trebuchet MS; Verdana, Arial; 
  font-weight: bold; 
  font-size: 16pt; 
  color: #0D0B00; 
  text-decoration:none;
  hover: #F7D404; 
  border-radius: 250px;
  background: #F7D404;
  padding: 20px;
  width: 250px;
  height: 250px;
}

/*slogans*/  
.rcorners2 {
  font-family: Trebuchet MS; Verdana, Arial; 
  font-weight: bold; 
  font-size: 16pt; 
  color: #F7D404; 
  text-decoration:none;
  hover: #0D0B00; 
  border-radius: 250px;
  background: #0d0b00;
  padding: 20px;
  width: 250px;
  height: 250px;
}

.snoteblk  { font-family: Trebuchet MS; Verdana; Arial; font-size: 8pt; color: #333333;} 
.snoteblu  { font-family: Trebuchet MS; Verdana; Arial; font-size: 8pt; color: #6699ee;}  
.mnoteblk  { font-family: Trebuchet MS; Verdana; Arial; font-size: 10pt; color: #333333;} 
.mnoteblu  { font-family: Trebuchet MS; Verdana; Arial; font-size: 10pt; color: #6699ee;}  
.fnotesm   { font-family: Trebuchet MS; Verdana; Arial; font-size: 11pt; color: #333333;}  
.fnoteblka { font-family: Trebuchet MS; Verdana; Arial; font-size: 15pt; color: #333333;}  
.fnoteblk  { font-family: Trebuchet MS; Verdana; Arial; font-size: 13pt; color: #333333;}  
.fnoteblu  { font-family: Trebuchet MS; Verdana; Arial; font-size: 13pt; color: #6699ee;}  
.alink     { font-family: Trebuchet MS; Verdana; Arial; font-size: 18pt; color: #f1f1f1;}
.hdr	   { font-family: Trebuchet MS; Verdana; Arial; font-size: 20pt; color: #000000;}  
.hdr2 	   { font-family: Trebuchet MS; Verdana; Arial; font-size: 20pt; color: #f1f1f1;}  
.hdrod     { font-family: Trebuchet MS; Verdana; Arial; font-size: 23pt; color: #6699ee;}  
.hdbigl    { font-family: Trebuchet MS; Verdana; Arial; font-size: 23pt; color: #6699ee; font-weight="bold";}
.hdbigblu  { font-family: Trebuchet MS; Verdana; Arial; font-size: 26pt; color: #6699ee; font-weight="bold";}
.hdbig     { font-family: Trebuchet MS; Verdana; Arial; font-size: 28pt; color: #333333; font-weight="bold";}


*{padding:10;margin:10;}


/* Sticky navbar */
/* Style the navbar */
#navbar {
  position: sticky;
  top: 0;
  overflow: hidden;
  background-color: white;
/*  display: flex;
/*  align-items: center;
/*  justify-content: center;
}

#navbar a {
  float: left;
  display: block;
/* background-color: white;
  color: white;
  text-align: center;
  padding: 14px 16x;
  text-decoration: none;
  font-size: 17px;
}

#navbar a:hover {
  background-color: white;
  color: white;
}

#navbar a.active {
  background-color: white;
  color: white;
}

.content {
  padding: 16px;
}