body { background-color: white; margin-left: 4px; margin-right: 4px;}

.user { 
	color: black; 
	border-radius: 7px; 
	margin-top: 6px;
	margin-bottom: 7px;
	margin-left: 6px;
	padding-left: 12px;
	padding-right: 12px;
	}


.title-bar {background-color: #1a7ccf;  } 	
.top-bar a { color:white; }
.top-bar ul {background-color: #1a7ccf;  } 
/*.top-bar li:hover {background-color: #135C99; color:white; }*/ 
	  
h3.panel { text-align: center; background-color: #BFDFFF; height:48px; }

.container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	}

.box { 
   width: 200px;
   color: black;
   background: #ccffdd;
   border: 1px;
   border-color: #ddd;
   border-style:solid;
   padding: 6px; 
   margin:16px;
   align-self: baseline;
   }

.newsTitle { font-weight: bold; text-decoration: underline;  }
.newsDesc { font-size: small;  } 

.lgreen { background-color: #BFFFBF; }		
.mgreen { background-color: #80ff80; }		
.mblue { background-color: #80bfff; }
.red {color:red; }
.green {color:green; }
.blue {color:blue; }
.yellow { background-color:#ffffb0;}

footer {background-color: #1A7CCF;}
footer a {color: white;}
footer p {color: white;}
footer address {color: white;}

.invis { visibility: hidden;}