.header-container {display:inline-block; }

.htp1 { color: #4b2e83; }
.htp2 { color: #4b2e83; }
.htg1 { color: #85754d; }
.htg2 { color: #85754d; }
.htd1 { color: #444444; }
.htd2 { color: #444444; }

.hlp1::before { background-color: #4b2e83; }
.hlp2::before { background-color: #4b2e83; }
.hlg1::before { background-color: #85754d; }
.hlg2::before { background-color: #85754d; }
.hld1::before { background-color: #444444; }
.hld2::before { background-color: #444444; }


.header-content {
    font-family: encode_sans_narrowblack,sans-serif;
    font-variant: small-caps;
    padding-bottom: 0.45em;
    position: relative;

}

.header-content::before {
    width: 100%;
}

.header-content::after {
    background-color: white;
    width: 50%;
    -webkit-transform: skewX(-45deg) skewY(0);
    -o-transform: skewX(-45deg) skewY(0);
    transform: skewX(-45deg) skewY(0);
    -ms-transform: skewX(-45deg) skewY(0);

}

.header-content::before, .header-content::after {
    position: absolute;
    left: 0;
    bottom: 0.1em;
    height: 0.2em;
    content: "";
}

.u1 {position:relative;top:-1px;}
.u2 {position:relative;top:-2px;}
.u3 {position:relative;top:-3px;}

.l1 {position:relative;left:-1px;}
.l2 {position:relative;left:-2px;}
.l3 {position:relative;left:-3px;}

.r1 {position:relative;left:1px;}
.r2 {position:relative;left:2px;}
.r3 {position:relative;left:3px;}

.d1 {position:relative;top:1px;}
.d2 {position:relative;top:2px;}
.d3 {position:relative;top:3px;}

.p1 {padding:1px;}
.p2 {padding:2px;}
.p3 {padding:3px;}

.m1 {margin:1px;}
.m2 {margin:2px;}
.m3 {margin:3px;}

body {font-family:arial,sans-serif}

.search-results thead th{
  padding-left:0.25em;
  padding-right:0.25em;
}

.search-results{
}
.search-results thead th{
}
.search-results tbody td{

word-wrap:break-word;

}

.search-results td{

  font-size:80%;

  }



 .classbox {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
border: solid 2px	#3E2E5B;
background-color:#f9f9f9;
padding:20px;
margin:0px 0px 20px 0px;
}

.topcontainer{

	background-color: #ffffff;
	margin-bottom:15px;

}


ul {list-style-type:none; line-height:1em;}





.tablebox {
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


input#submitbutton {
border:2px groove #3E2E5B;
cursor:pointer;
padding: 5px 25px;

background-color:#835EC6;


font-family:Andika, Arial, sans-serif;
color:#fff;
font-size:1.1em;
letter-spacing:.1em;
font-variant:small-caps;
/*give the corners a small curve*/
-webkit-border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
border-radius: 0 15px 15px 0;
/*add a drop shadow to the button*/
-webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
-moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
}

input#submitbutton:hover, input#submitbutton:focus {
color:#ffffff;
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
-moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
}

ul {list-style-type:none; line-height:1em;}