:root{
	--pg_width:1200px;
	--mnuColor:#2B679D;
}
* {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	box-sizing: border-box !important;
	margin:0;
	padding:0;
}
html,body{
	font-family:arial,veranda,helvetica,sans-serif;
	color:#000;
	font-size:16px;
}

body{background:#09102b url(/pics/bg.jpg) top left no-repeat;}

h1{
	font-size:1.4em;
	font-weight:bold;
	color:#006;
	margin:0 0 5px 0;
	padding:0;
}
h2{
	margin:15px 0;
	padding:15px 0;
	font-size:1.3em;
	font-weight:bold;
}

#outerwrapper{
	z-index:1;
	clear:both;
	position:relative;
	width:100%;
	text-align:center;
}

#header{
	z-index:2;
	margin:10px auto 0 auto;
	padding:5px;
	width:100%;
	min-width:768px;
	max-width:var(--pg_width);
	text-align:center;
	background-color:#FFF;
	border-collapse:collapse;
	border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	border:2px solid #006;
	border-bottom:0;
}

#innerwrapper{
	z-index:2;
	margin:0 auto;
	padding:5px;
	width:100%;
	min-width:768px;
	max-width:var(--pg_width);
	min-height:400px;
	background:#FFF;
	text-align:left;
	border-left:2px solid #006;
	border-right:2px solid #006;
}

#maincontent{
	overflow:hidden;
	padding:5px;
	background-color:#FFF;
	text-align:left;
	//margin-left:200px; //removed 1/24/2021 for new horizontal menu
}

#sidemenu{
	float:left;
	margin:.25em;
	padding:.25em;
	width:175px;
	border:1px solid #CC6;
	background-color:#FFE;
	border-radius:.25em;
}
#sidemenu p{
	margin:0;
	font-size:1em;
	color:#000;
	font-weight:bold;
}
#sidemenu p a{
	font-size:1em;
	text-decoration:none;
}
#sidemenu ul{
	padding-left:10px;
	margin:.3em 0 .8em 0;
	list-style-type:none;
}
#sidemenu ul li a{
	display:block;
	padding:.2em .4em;
	border-radius:.2em;
	text-decoration:none;
}
#sidemenu li a:hover{
	font-weight:bold;
	color:#FFE;
	background-color:#009;
}

#footer{
	z-index:2;
	clear:both;
	margin:0 auto;
	padding:1em;
	width:100%;
	min-width:768px;
	max-width:var(--pg_width);
	background-color:#EEE;
	border:1px solid #D9D9D9;
	text-align:left;
	border-collapse:collapse;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	border:2px solid #006;
	border-top:0;
	font-size:.8em;
}
#footer a{color:#009;text-decoration:none;font-size:1em;}

table{
	border-collapse:collapse;
	border:0;
}
table th{
	text-align:left;
	line-height:1.4em;
	font-size:.9em;
	font-weight:bold;
	background:#CCE6FF;
	color:#000;
	padding:0 5px;
}
table td{
	vertical-align:top;
	padding:.2em .4em;
	font-size:1em;
}

table.tbl_silver{
	width:100%;
	border-collapse:collapse;
	background-color:#EEE;
	border:1px solid #555;
	font-size:1em;
}
table.tbl_silver tr td{
	line-height:1.5em;
}
table.tbl_silver tr:hover td{
	background:#FEFEFE;
}
table.tbl_silver .tbl_lbl{
	background:#DDD;
	font-size:1em;
	font-weight:bold;
	text-align:right;
	padding-right:.5em;
	width:25%;
	min-width:125px;

}

form{margin:0;padding:0;}
img{border:0;}

.icon{
	height:16px;
	width:16px;
	border:0;
	vertical-align:middle;
}

a{color:#009;font-size:1em;}
a:hover{text-decoration:none;}
a:active{color:#D00;text-decoration:none;}

a.headermenu{color:#FFF;text-decoration:none;font-size:.9em;font-weight:bold;}
a.headermenu:hover{color:#009;background:#FFF;}
a.headermenu:active{color:#009;background:#FFF;}

a.adminheadermenu{color:#009;text-decoration:none;font-size:10px;font-weight:normal;}
a.adminheadermenu:hover{color:#009;background:#FFF;}
a.adminheadermenu:active{color:#009;background:#FFF;}

.help{font-weight:bold;}
a.help{color:#009;text-decoration:underline;font-size:10px;}
a.help:hover{text-decoration:underline;background:#FFC;}
a.help:active{background:#FFC;}

.tbl_header{background:#DDD;border:1px solid #009;color:#000;font-weight:bold;}
.tbl_sub_header{background:#B5BFA7;border:1px solid #B5BFA7;color:#FFF;}

.w25{width:25px;}
.w50{width:50px;}
.w75{width:75px;}
.w100{width:100px;}
.w125{width:125px;}
.w150{width:150px;}
.w175{width:175px;}
.w200{width:200px;}
.w225{width:225px;}
.w250{width:250px;}
.w275{width:275px;}
.w300{width:300px;}
.w325{width:325px;}
.w350{width:350px;}
.w375{width:375px;}
.w400{width:400px;}
.w425{width:425px;}
.w450{width:450px;}
.w475{width:475px;}
.w500{width:500px;}
.w525{width:525px;}
.w550{width:550px;}
.w575{width:575px;}
.w600{width:600px;}
.w625{width:625px;}
.w650{width:650px;}
.w675{width:675px;}
.w700{width:700px;}
.w5p{width:5%;}
.w10p{width:10%;}
.w15p{width:15%;}
.w20p{width:20%;}
.w25p{width:25%;}
.w30p{width:30%;}
.w35p{width:35%;}
.w40p{width:40%;}
.w45p{width:45%;}
.w50p{width:50%;}
.w55p{width:55%;}
.w60p{width:60%;}
.w65p{width:65%;}
.w70p{width:70%;}
.w75p{width:75%;}
.w80p{width:80%;}
.w85p{width:85%;}
.w90p{width:90%;}
.w95p{width:95%;}
.w100p{width:100%;}
.h25{height:25px;}
.h50{height:50px;}
.h75{height:75px;}
.h100{height:100px;}
.h125{height:125px;}
.h150{height:150px;}
.h175{height:175px;}
.h200{height:200px;}
.h225{height:225px;}
.h250{height:250px;}
.h275{height:275px;}
.h300{height:300px;}
.h325{height:325px;}
.h350{height:350px;}
.h375{height:375px;}
.h400{height:400px;}
.h425{height:425px;}
.h450{height:450px;}
.h475{height:475px;}
.h500{height:500px;}
.h525{height:525px;}
.h550{height:550px;}
.h575{height:575px;}
.h600{height:600px;}
.h625{height:625px;}
.h650{height:650px;}
.h675{height:675px;}
.h700{height:700px;}
.pln7{font-size:7px;font-weight:normal;}
.bld7{font-size:7px;font-weight:bold;}
.pln8{font-size:8px;font-weight:normal;}
.bld8{font-size:8px;font-weight:bold;}
.pln9{font-size:9px;font-weight:normal;}
.bld9{font-size:9px;font-weight:bold;}
.pln10{font-size:10px;font-weight:normal;}
.bld10{font-size:10px;font-weight:bold;}
.pln11{font-size:11px;font-weight:normal;}
.bld11{font-size:11px;font-weight:bold;}
.pln12{font-size:12px;font-weight:normal;}
.bld12{font-size:12px;font-weight:bold;}
.pln13{font-size:13px;font-weight:normal;}
.bld13{font-size:13px;font-weight:bold;}
.pln14{font-size:14px;font-weight:normal;}
.bld14{font-size:14px;font-weight:bold;}
.pln15{font-size:15px;font-weight:normal;}
.bld15{font-size:15px;font-weight:bold;}
.pln16{font-size:16px;font-weight:normal;}
.bld16{font-size:16px;font-weight:bold;}
.pln17{font-size:17px;font-weight:normal;}
.bld17{font-size:17px;font-weight:bold;}
.pln18{font-size:18px;font-weight:normal;}
.bld18{font-size:18px;font-weight:bold;}
.pln19{font-size:19px;font-weight:normal;}
.bld19{font-size:19px;font-weight:bold;}
.pln20{font-size:20px;font-weight:normal;}
.bld20{font-size:20px;font-weight:bold;}
.pln21{font-size:21px;font-weight:normal;}
.bld21{font-size:21px;font-weight:bold;}
.pln22{font-size:22px;font-weight:normal;}
.bld22{font-size:22px;font-weight:bold;}
.pln23{font-size:23px;font-weight:normal;}
.bld23{font-size:23px;font-weight:bold;}
.pln24{font-size:24px;font-weight:normal;}
.bld24{font-size:24px;font-weight:bold;}
.pln25{font-size:25px;font-weight:normal;}
.bld25{font-size:25px;font-weight:bold;}
.pln26{font-size:26px;font-weight:normal;}
.bld26{font-size:26px;font-weight:bold;}
.pln27{font-size:27px;font-weight:normal;}
.bld27{font-size:27px;font-weight:bold;}
.pln28{font-size:28px;font-weight:normal;}
.bld28{font-size:28px;font-weight:bold;}
.pln29{font-size:29px;font-weight:normal;}
.bld29{font-size:29px;font-weight:bold;}
.pln30{font-size:30px;font-weight:normal;}
.bld30{font-size:30px;font-weight:bold;}
.pln31{font-size:31px;font-weight:normal;}
.bld31{font-size:31px;font-weight:bold;}
.pln32{font-size:32px;font-weight:normal;}
.bld32{font-size:32px;font-weight:bold;}
.pln33{font-size:33px;font-weight:normal;}
.bld33{font-size:33px;font-weight:bold;}
.pln34{font-size:34px;font-weight:normal;}
.bld34{font-size:34px;font-weight:bold;}
.pln35{font-size:35px;font-weight:normal;}
.bld35{font-size:35px;font-weight:bold;}
.w100pct{width:100%;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
.line-through{text-decoration:line-through;}
.no-line-through{text-decoration:none !important;}

.bld{font-weight:bold;}
.pln{font-weight:normal;}
.red{color:#D00;}
.white{color:#FFF;}
.black{color:#000;}

.btn{
	padding:.2em .8em;
	text-align:center;
	font-size:.9em;
	border-radius:.5em;
	border:1px solid #999;
	background-color:#DDD;
}
.btn:hover{
	background-color:#CCC;
}

.saveorcancel{
	padding:3px;
}

.mnu_header{font-size:14px;font-weight:bold;}
.mnu_item1{font-size:12px;font-weight:normal;}
.mnu_item2{font-size:10px;font-weight:normal;margin-left:15px;}

.error_msg{color:#D00;font-size:1.2em;font-weight:bold;text-align:center;border:1px solid #363;background:#FFC;padding:.25em;}

.pgnumbers{color:#009;border:1px solid #CCC;background:#DDD;text-decoration:none;font-size:12px;margin:0;padding:0px 2px;}
a.pgnumbers:hover{background:#FFF;color:#D00;border:1px solid #009;}

.fleft{float:left;}
.fright{float:right;}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.justify{text-align:justify;}
.fixed{font-family:courier;}
.clear{clear:both;}

div.imgs{
	position:relative;
	float:left;
	clear:right;
	margin:5px;
	padding:5px;
	width:31%;
	height:150px;
	font-size:10px;
	line-height:12px;
	text-align:center;
	border:1px solid #BBB;
}

div.imgs img{
	border:1px solid #FFF;
}
div.imgs img:hover{
	border:1px solid #CCC;
	background-color:#CCC;
}

.bottom{
	position:absolute;
	margin:0;
	padding:0;
	bottom:0;
	width:100%;
	text-align:center;
}

.expired{
	font-style:italic;
	background-color:#DDD;
}

input[type=text],
input[type=password],
select{
	padding:.1em .2em;
	font-size:1em;
}

.success{
	position:absolute;
	display:none;
	margin:0 auto;
	padding:.5em;
	z-index:25;
	top:5em;
	left:0;
	right:0;
	border:2px solid #006;
	border-radius:.5em;
	background-color:#CCE6FF;
	font-size:1.1em;
	text-align:center;
	max-width:600px;
	width:100%;
}

.nowrap{white-space: nowrap;}

.b1,
.b1 th,
.b1 td{
	border:1px solid #D00;
}

.req{
	background-color:#FFE;
	border:1px solid #F4C9A8;
}

.dragclass{
	background-color:#AFA;
	font-weight:bold;
}

/* ********************************************************************** */
/* horizontal menu containing top-level menu items with/out links */
nav {
	z-index:1;
	background-color:var(--mnuColor);
	width:100%;
	font-weight:bold;
	border-radius:3px;
}
nav > ul > li {
	font-size:1.2em;
	padding:1em .75em;
	text-shadow:.2em .2em .2em #333;
	color:#FFF;
}
nav > ul > li:first-child {
	border-radius:3px 0 0 3px;
}
nav ul {
	display:flex;
	margin:0;
	padding:0;
	z-index:1;
	text-align:center;
}
nav li:hover,
nav a:hover{
	background:#DDD;
}

nav ul li {
	display:inline-block;
	position:relative;
}
nav ul li a {
	color:#FFF;
	display:block;
	font-size:1.1em;
	text-decoration:none;
}

/* all list items with a link */
nav li:hover > a{
	display:block;
	color:#000;
	text-shadow:.1em .1em .1em #888;
}

/* drop menu */
nav ul li ul {
	display: none;
	position: absolute;
	top:65px;
	left:0;
	max-width: 400px;
	min-width: 200px;
	border-bottom:.25em solid #333;
	-moz-box-shadow:0 .25em .5em #333;
	-webkit-box-shadow:0 .25em .5em #333;
	box-shadow:0 .25em .5em #333;
}

nav ul li ul li {
	display: block;
	border-top:.1em solid #131;
	background-color:var(--mnuColor);
	text-align:left;
}

nav ul li ul li a {
	display: block;
	padding:.5em .75em;
	font-size:.9em;
	font-weight:normal;
}
