/* slft.css 20:04 14:12:25 */
body {
	color: #000000;
	font-style: normal;
	font-weight: normal;
	font-size: medium;
	line-height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	background: #ffffcc url(images/slftbg.jpg) repeat fixed;
	list-style-position: outside
}
.larger { font-size: larger;}

.smaller {
	font-size: smaller;
}

.bolder { font-weight: bold;}

.dblue {
	color: #00008B;
	font-variant: normal;
}
.dblueb
	color: Navy;
	font-weight: bolder;
}

.maroon { color: Maroon;}
.red { color: Red;}
.royal { color:royalblue;}
.blue {	color: Blue;}
.green { color: #009900;}
.white { color: #FFFFFF;}
.yellow {color: #F9FF4B;}

a:active {
/*	text-decoration: none; */
	color: Red;
	font-weight: bold;
}
a:link {
/*	text-decoration: none; */
	color: Blue;
	font-weight: bold;
}
a:visited {
	/*	text-decoration: none; */
	color: Blue;
	font-weight: bold;
}
b {
	font-weight: bolder;
}
blockquote {
	font-weight: normal;
	margin: 3em;
}

br {
clear: both;
}
h1 {
	font-size: xx-large;
}
h2 {
	font-size: x-large;
}
h3 {
	font-size: large;
	margin : 0 0;
}
h4 {
	font-size: medium;
}
h5 {
	font-size: small;
}
h6 {
	font-size: x-small;
	margin : 0 0;
}

hr {
	color: #009900;
	line-height: 2px;
}
i {
	font-style: italic;
}
strong {
	font-weight: bold;
}
ul {
	list-style-type: square;
}

.vsmall { font-size: xx-small; line-height: 150%;}
.keycaps { font-family: Keycaps; font-size: larger;}
.italic { font-style: italic;}
.lgredit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
}

A.lgredit:link, A.lgredit:active, A.lgredit:visited, A.lgredit:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
}


*:link {text-decoration: none; }

#container {
	text-align: center;
	margin: auto;
	width: 900px;
}

#leftPanel {
	width: 140px;
	left: 0px;
	top: 24px;
	height: auto;
	visibility: visible;
	text-align: center;
	margin-left: 4px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
#mainPanel {
	height: auto;
	width: auto;
	visibility: visible;
	text-align: left;
	padding: 0px;
	/*border: 10px solid #99FFCC;*/
	/*float: left;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
	
	#rightPanel {
	display: block;
	float: left;
	width: 125px;
	visibility: visible;
	left: 730px;
	top: 100px;
	text-align: center;
	vertical-align: middle;
	color: #000099;
	height: auto;
}

#grid {
    display: grid;
	grid-auto-rows: auto;
    grid-template-columns: 20% 80%;
	grid-gap: 10px;
}

.col-container {
  display: table;
  width: 100%;
}

.col {
  display: table-cell;
  padding: 4px;
  width: 10%;
}

.col-1 {
  display: table-cell;
  padding: 4px;
  width: 20%;
}
.col-2 {
  display: table-cell;
  padding: 4px;
  width: 80%;
}