q.SmallCaps {font-variant: small-caps;} .mono {font: 10pt Courier, Monospace;}
.indentedmono {font: 10pt Courier, Monospace; margin: 0 0 0 2em;}
.boxedmono {width: 500px; font: 10pt Courier, Monospace; border: 1px solid black;}
.boldmono {font: 10pt Courier, Monospace; font-weight:bold; background:lightgray;}

.labelOnBoxedMono {
    background: white;
    padding: 2px 5px;
    position: absolute;
    left: 5px;
    top: -10px;
}

.nolinkshow {color: black; text-decoration: none;}

.H1TOCLine {margin-left: 0em; color: blue;}
.H2TOCLine {margin-left: 1em; color: blue;}
.H3TOCLine {margin-left: 2em; color: blue;}
.H4TOCLine {margin-left: 3em; color: blue;}
.H5TOCLine {margin-left: 4em; color: blue;}
.H6TOCLine {margin-left: 5em; color: blue;}
#insertTOChere {width: 50%; border: 1px solid black;}
ol { margin-top: 0; margin-bottom: 0; padding-left: 1.4em; padding-top: 0; padding-bottom:0; border-top-width: 0; top: 0;}
ul {margin-top:0; margin-bottom:0; padding-left: 1.1em; padding-bottom: 0; padding-top: 0;}
li {margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0;} 
h2, h3 { margin-bottom: 0; text-decoration: underline;}
h4, h5, h6  { margin-bottom: 0; margin-top:0; }

table {padding: 2px; border-collapse: collapse;}
tr {vertical-align: top;}
th, td {border: 1px solid black;}

img, picture, video, svg {
  max-width: 100%;
  object-fit: contain;  /* preserve a nice aspect-ratio */
}

table.firstcolumnmono tr td:first-child {font: 10pt Courier, Monospace;}
table.firstcolumnbold tr td:first-child {font-weight: bold;}

div {margin: 0px;  padding: 0px 0px 0px 2px;}
//The box-sizing property allows us to include the padding and border in an element's total width and height.

//If you set box-sizing: border-box; on an element, padding and border are included in the width and height:
* {
  box-sizing: border-box;
}

html, body {
	margin: 0px;
	padding:0px;
	background-image:url(../images/bg.gif);
}

h1, h2, h3, h4, h5, h6, p, form {
	margin: 0px;
	padding:0px;
}

#wrapper {
	width:800px;
	margin:0px auto;
	background-color:#FFF;
}

#content {
	width:778px;
	margin:0px auto;
	background-image:url(../images/bg_header_top.gif);
	background-repeat:repeat-x;
	background-position:top;
}

#header {
	height:96px;
}

#logo {
	width:220px;
	float:left;
	padding-left:40px;
	padding-top:22px;
}

#logo h1{
	width:128px;
	font-family:"Trebuchet MS";
	font-size:26px;
	color:#F76B0C;
	font-weight:normal;
	text-decoration:none;
	border: 1px solid black;
}

#logo h4 {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#808080;
	font-weight:normal;
	text-decoration:none;
	padding-left:75px;
}

#links ul {
	margin:0px; 
	padding-top:67px;
}

#links li{
	float:left;
	list-style-type:none;
	width:128px;
	height:25px;
	text-align:center;
	background-color:#F4A80A; 
/*	background-color:red;  */
	border-left:1px solid #FFF;
	padding-top:4px;
}

#links a{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

#links a:hover{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:green;
	font-weight:normal;
	text-decoration:none2;
}

#mainimg {
	background-image:url(main_img.jpg);
	background-repeat:no-repeat;
	height:132px;
	text-align:right;
}

#mainimg h3 {
	font-family:"Trebuchet MS";
	font-size:48px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding:20px 40px 0px 0px;
}

#mainimg h4 {
	font-family:"Trebuchet MS";
	font-size:18px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding:0px 40px 0px 0px;
}

#contentarea {
	clear:both;
	padding:25px 0px;
}

#leftbar {
	float:left;
	width:539px;
	border-right:1px solid #BCBDBC;
}

#leftbar h2{
	font-family:"Trebuchet MS";
	font-size:26px;
	color:#EE8907;
	font-weight:normal;
	text-decoration:none;
	padding-left:40px;
	padding-bottom:5px;
}

#leftbar p{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding:0px 40px;
}

#leftbar a {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#EE8907;
	font-weight:bold;
	text-decoration:none;
	padding:0px 40px;
}

#leftbar a:hover {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	padding:0px 40px;
}

#rightbar {
	float:right;
	width:237px;
}

#rightbar h2{
	font-family:"Trebuchet MS";
	font-size:26px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding-left:25px;
	padding-bottom:5px;
}

#rightbar p{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#797B7A;
	font-weight:normal;
	text-decoration:none;
	padding:0px 25px;
}

.orangetext {
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#EE8907;
	font-weight:bold;
	text-decoration:none;
}

#bottom {
	clear:both;
	height:32px;
	padding-top:25px;
}

#email {
	float:left;
	width:500px;
	background-color:#9BBE00;
	height:27px;
	padding-top:5px;
}

#email a{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
	padding:0px 40px;
}

#email a:hover{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding:0px 40px;
	
}

#validtext {
	float:left;
	width:278px;
	background-color:#9BBE00;
	height:27px;
	padding-top:5px;
}

#validtext p{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	text-align:right;
	padding-right:35px;
}

#validtext a{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}

#validtext a:hover{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}