/* CSS Document */
@font-face {
  font-family: 'pookie';
  src: url('pookie.woff') format('woff'), /* Pretty Modern Browsers */
       url('pookie.ttf')  format('truetype'), /* Safari, Android, iOS */
}
.loginstatus {
text-align:right;
font-size:11px;
}
.sidebar {
padding:5px;
}
.sidebar a:link {
text-decoration: none;
   color: #9BF8E2;
}
.sidebar a:hover {
text-decoration: underline;
   color: #9BF8E2;
}
.sidebar a:visited {
text-decoration: underline;
   color: #9BF8E2;
}
.record_header {
background:rgba(13, 43, 20, 0.3);
padding:5px;
}
.record_content {
	padding-right: 5px;
	padding-left: 5px;
}
.record_subcontent {
	font-size: 12px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}
.record_subheader {
	background-color: #003e3e;
	width:100%;
	padding-left:5px;
	padding-right:5px;
}
.text_small {
font-size: 9px;
}
.navigation_link {
    background-image: url('images/calrt.png');
    background-repeat: no-repeat;
    padding-left: 15px;  /* width of the image plus a little extra padding */
    display: block;  /* may not need this, but I've found I do */
}	
.newsdiv1 {
	position: relative;
	width:80%;
	float:left;
}
.newsdiv2 {
	position: relative;
	width:20%;
	float:left;
}
.Caption {
	text-align: left;
}
.inner_box {
	border:dotted;
	border-width:1px;
	border-color:#fff;
	padding:3px 3px 3px 6px;
}
.text_large {
  font-size: 24px;
}
.menu_left {
	 margin-top:7px;
   margin-right:10px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   background:#000;
   width:95%;
   padding:5px;
}
.menu_left a:link, a:visited {
	color:#fff;
	text-decoration: none;
}
.menu_left a:hover {
	color: #ff9f40;
}
.menu_left li {
	margin-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-color: #fff;
	border-bottom-style: solid;
}
.announcement {
	background: #ffff00;
	padding: 5px;
	color: #000;
}
.rssincl-itemtitle {
	font-size: 18px;
	font-weight: bold;
}
.rssincl-entry {
	padding-bottom:10px;
}
.rssincl-title {
	display:none;
}
.black_overlay {
	max-width: 1000px;
	margin:auto;
	z-index: 999;
}
.pookie-header {
font-family: pookie;
font-size:30px;
}
.quote {
	text-align:center;
	font-style: italic;
	font-family: times;
	font-size: 18px;
}
.blackboard {
	border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border: 3px ridge #ffffff;
padding:3px;
font-family: courier;
background: #1d241b;
}
.gallery-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.gallery-col {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}
.w3-content {
	width: 620px;
	padding:0;
}
.w3-display-container {
	width:620px;
	padding:0;
}
.sidebar-header {
  padding:2px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#545454+0,0e0e0e+100 */
background: #545454; /* Old browsers */
background: -moz-linear-gradient(top,  #545454 0%, #0e0e0e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #545454 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #545454 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
color:#c0c0c0;
font-weight: bold;
font-size:14px;
}
@media (max-width: 600px) {
.black_overlay {
display: none;
}
}