HTML {padding: 5px; }
body {
	background-color: #888888;
	color: #000000;
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 10pt
}
h1 {
	font-weight: bold;
	font-size: 32px;
	margin-top:48px;
	margin-bottom:12px;
	text-align:left;
	line-height: 1.2em;
	color:#800020;
}
h2 {font-size: 24px;font-weight:bold;text-align:left;}
h3 {font-size: 20px}
h4 {font-size: 18px}
OL {font-size: 10pt;text-align: justify;}
input { background-color: #dee7ef; font-size: 10pt; color: #000000; }
select { background-color: #afc6db; font-size: 10pt; color: #000000; }
a:link {text-decoration: none; color:#0000bb;}
a:visited {text-decoration: none; color:#00bb00;}
a:hover {color: #ff0000; text-decoration: none;}
.TOC {font-size: 16px;font-weight:bold;}

.wub {
	text-align: left; vertical-align: top; }
form {
	text-align:left;
	margin-left: 0px;
}
.midimage {
	border:none;
	vertical-align:middle;
}

.toplink:link {color:yellow;text-decoration:none;}
.toplink:hover {color:yellow; text-decoration: underline;}
.toplink:visited {color:yellow; text-decoration: none;}
.advlink:link {color:yellow;text-decoration:none;}
.advlink:visited {color:yellow;text-decoration:none;}
.advlink:hover {color:white; text-decoration: underline;}

.saletable td {text-align:left;vertical-align:top;font-size:0.9em;font-weight:bold;}

.boldred {font-weight: bold; color:red;}

.thumb { padding:2px;
border:2px solid white}

.blackthumb { margin-top:8px;margin-bottom:8px;
padding:2px;
border: 2px solid black}

.thumb:hover, .blackthumb:hover {
	border:2px solid white;
 -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

.page {
	max-width:850px;
}

.virginiaimage {
	width:80%;
	max-width:850px;
}

.clearFix:after { /* for modern browsers */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
}
.clearFix { /* for IE7/Win */
    min-height:1px;
}
* html .clearFix { /* for IE5-6/Win */
    height:1px;
}
* html>body .clearFix { /* for IE5/Mac */
    height:auto;
    display:inline-block;
}

.varhead {
	font-weight: bold;
	color: SaddleBrown;
}

.vartable, .bisectable {
	background-color: #e0e0e0;
	margin-bottom:2em;
}


.bisectable {
	border: 2px;
	width:100%;
	max-width:100%;
}

.bisectable img {
	max-width:98%;
	margin: 4px;
}

.caption {
	font-size: 8pt;
	font-style: italic;
	margin-bottom: 1em;
}

.phleft {
	float: left;
	font-weight: bold;
	font-size: 10pt;
	width:430px;
	margin-bottom: 10px;
}

.phright {
	float:right;
	font-weight: bold;
	font-size: 10pt;
	width:430px;
	margin-bottom: 10px;
}

.pimage {
	margin-top:8px;
}

.phexample {
	float: left;
	font-weight: bold;
	font-size: 10pt;
	width:160px;
	margin-bottom: 10px;
}


.stampdetails {
	margin-top:2px;
	margin-bottom:5px;
}

.grid {
	border-collapse: collapse;
	margin-bottom: 2em;
	border: 1px solid black
}

.grid td {
	border: 1px solid black;
	padding: 4px;
}

.grid th {
	border: 1px solid black;
	background-color: #c0c0c0;
	padding: 4px;
}

.whiteback {
	background-color: #ffffff !important;
}

.noborder, .noborder td, .noborder th {
	border: 0px !important;
}

.nogray th {
	background-color: #fff;
}

.newtable td {
	vertical-align: top;
}

.quote {
	text-align: justify;
	margin-left:2em;
	margin-right:2em;
	font-style:italic;
}

.footlink {
	color:#ccccff !important;
}

.add-on .input-group-btn > .btn {
  border-left-width:0;left:-2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* stop the glowing blue shadow */
.add-on .form-control:focus {
 box-shadow:none;
 -webkit-box-shadow:none; 
 border-color:#cccccc; 
}
.form-control{width:20%}

.searchbtn {
	color: #ffffff;
	background-color:#0000ff;
}

.searchbtn:hover {
	background-color:#ff0000;
}
.topbanner {
	margin-bottom:0.5em;
	margin-top:0em;
	border:1px solid #c0c0c0;
	border-radius:15px;
	max-width:300px;
	float:right;
}

.topbanner:empty {
	display:none;
}

@media (max-width: 800px) {
	.topbanner {
		display: none;
	}
	h1 {
		margin-top: 3em;
	}
	.container {
		padding-top:3em;
	}
}

@media (max-width: 1200px) {
	.topbanner {
		display: none;
	}
}

.clear {
	clear: both;
}

.updated {
	font-size:12pt;
	font-style:italic;
	float:right;
	background-color:#ffc3a1;
	padding:6px;
	border-radius:4px;
	margin-left:8px;
	margin-bottom:8px;
	color: black;
}

.nav-item a {
	font-weight: bold !important;
}

.new {
	font-size:8pt;
	font-family:sans-serif;
	color: #ffffff;
	background-color: #ff0000;
	font-weight: bold;
	padding-left:2px;
	padding-right:2px;
	padding-top:4px;
	padding-bottom:1px;
	margin-left:2px;
}





.btn-primary {
    background-image: none !important;
    background-color: #E84A27 !important;
    border-color: #E84A27 !important;
    color: #ffffff !important;
    /* margin: 20px 0 0 0; */
    padding-top:2px !important;
    padding-bottom:2px !important;
    padding-left:7px !important;
    padding-right:7px !important;
}

.btn-primary2 {

    color: #ffffff !important;
    /* margin: 20px 0 0 0; */
    background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%) !important;
    background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88)) !important;
    background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
    background-repeat: repeat-x !important;
    border-color: #245580 !important;
    padding-top:3px !important;
    padding-bottom:3px !important;
    padding-left:3px !important;
    padding-right:3px !important;
}

.btn-primary2:hover {

    color: #000000 !important;
    /* margin: 20px 0 0 0; */
    background-image: -webkit-linear-gradient(top,#c0c0c0 0,#c0c0c0 100%) !important;
    background-image: -o-linear-gradient(top,#c0c0c0 0,#c0c0c0 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#c0c0c0),to(#c0c0c0)) !important;
    background-image: linear-gradient(to bottom,#c0c0c0 0,#c0c0c0 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
    background-repeat: repeat-x !important;
    border-color: #245580 !important;
}


.btn-primary:hover {
    color: #000000 !important;
    background-color: #e6e6e6!important;
    border: 1px solid black !important;
}

.btn-primary:focus {
	outline:none !important;
}


.bigHR {
    background-color: dimgrey;
    color: dimgrey;
    border: solid 2px dimgrey;
    height: 5px;
    width: 100%;
}

.emabove {
	margin-top: 1em !important;
}

.emabove2 {
	margin-top: 2em !important;
}

.embelow {
	margin-bottom: 1em !important;
}

.embelow2 {
	margin-bottom: 2em !important;
}

.emright {
	margin-right: 1em !important;
}

.emright2 {
	margin-right: 2em !important;
}

.emleft {
	margin-left: 1em !important;
}

.emleft2 {
	margin-left: 1em !important;
}

.pcenter {
	text-align:center;
}