@font-face {
  font-family: 'Michroma';
  font-style: normal;
  font-weight: 400;
  src: local('Michroma'), url(michroma.woff) format('woff');
}
@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Cantarell Regular'), local('Cantarell-Regular'), url(https://fonts.gstatic.com/s/cantarell/v8/B50NF7ZDq37KMUvlO015jKJrPqySLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* begin reset css */
html { overflow-y: scroll; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;font-family: 'Cantarell', sans-serif;}
xtable{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong,b { font-weight:bold; }
i,em { font-style:italic; }
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
#right li { margin-left:25px; }

/* begin site css */
body { margin:0 auto; background-color:#49494b; background-image:url(/img/bg.jpg); background-size:cover; }
a { color:#000000; }
div.clear {
   content: ".";
   display:block;
   height:1px;
   clear:both;
   visibility:visible;
}
.shadow {
  -moz-box-shadow:    0px 0px 15px -2px #cccccc;
  -webkit-box-shadow: 0px 0px 15px -2px #cccccc;
  box-shadow:         0px 0px 15px -2px #cccccc;
}
h1,h2,h3,h4,h5,h6 {
   color:#006CB8;
   margin-bottom:8px;
}
h1 { font-size:24px; }
h2 { font-size:20px; }
.clean {
	padding:3px;
	border:1px solid #808080;
	font-size:16px;
	width:150px;
	margin-bottom:5px;
}
input.text {
	border:0px;
	background-color:transparent;
	color:#ffffff;
	font-size:16px;
}
input.text:hover {
	background-color:#ffffff;
	color:#000000;
}
#wrapper {
   margin:0 auto;
   width:1000px;
   min-height:600px;
   background-repeat:no-repeat;
   background-color:#ffffff;
   -moz-box-shadow:    0px 0px 15px 5px #333333;
   -webkit-box-shadow: 0px 0px 15px 5px #333333;
   box-shadow:         0px 0px 15px 5px #333333;

}
#header {
   height:92px;
   width:100%;
   background-image: url(../img/header.png);
   background-repeat: repeat-x;
}
#header img {
   float:left;
   border:0;
   padding-left:22px;
   position:relative;
   top:10px;
}
#header #top {
   float:left;
   height:50px;
   width:850px;
   color:#ffffff;
   font-size:24px;
   padding:12px 0 0 20px;
   font-family: 'Michroma';
}
#header #top div {
   float:right;
   font-family:'Michroma';
}
#header #bottom {
   float:left;
   height:28px;
   width:850px;
   padding:5px 0 0 20px;
   font-size:14px;
   font-family: 'Michroma';
}
#header #userHandler {
  float:right;
  font-weight:bold;
  color:#006CB8;
}
#left {
   width:250px;
   float:left;
   min-height:600px;
}
#right {
   float:left;
   width:690px;
   min-height:600px;
}
#right #top {
   min-height:350px;
}
#top-footer, #footer {
   text-align:center;
   font-family:'Cantarell', sans-serif;
   padding:15px 0 5px 0;
   font-size:12px;
}
#body-footer {
   margin:25px 0;
}
.sf-menu {
	margin:0;
	padding:0;
	list-style:none;
	z-index:1000;
	position:relative;
	top:0;
	opacity:0.95;
	zoom:1;
	width:100%;
	left:0;
	background-color:#333333;
}
.sf-menu {
	line-height:1.0;
}
.sf-menu ul {
	position:absolute;
	top:-999em;
	width:210px;
}
.sf-menu ul li {
	width:100%;
}
.sf-menu ul li ul li,
.sf-menu li li,
.sf-menu li,
.sf-menu li li li,
.sf-menu ul ul li {
	position:relative;
	z-index:2000;
}
.sf-menu ul ul {
	position:relative;
	top:200px;
}
.sf-menu li {
	float:left;
	position:relative;
}
.sf-menu a {
	display:block;
	position:relative;
}
.sf-menu li.current {
   background-color:#006CB8;
}
.sf-menu li ul,
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {

}

.sf-menu {
	float:left;
	margin-bottom:1em;
}
.sf-menu a {
	padding:.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  {
	color:#ffffff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
   background:#044875;

}
.sf-menu a.sf-with-ul {
	padding-right:2.25em;
	min-width:1px;
}
.sf-sub-indicator {
	position:absolute;
	display:block;
	right:.75em;
	top:1.05em;
	width:10px;
	height:10px;
	text-indent:-999em;
	overflow:hidden;
}
.sf-vertical, .sf-vertical li {
	width:210px;
}
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
}
#menu2 {
   opacity: 0.9;
   padding-left:25px;
   margin-top:9px;
   z-index: 10000;
   color:#ffffff;
}
#menu2 a {
   color:#ffffff;
}
#menu2 ul li.nobottompad {
   padding-bottom:0;
   margin-bottom:0;
   height:30px;
}
#menu2 ul li.small {
   font-size:12px;
   padding:0 0 0 5px;
   margin:0;
   line-height:0.5;
   height:19px;
   width:205px;
}
#menu2 ul li.small div.pipe {
   float:left;
   width:10px;
}
#menu2 ul li.small div.padleft {
   margin-left:10px;
}
#menu2 ul li.small div.title {
   float:left;
   width:150px;
   line-height:12px;
   position:relative;
   top:-3px;
}
#menu2 ul li.small,
#menu2 ul li.small div {
   xbackground-color:#ffffff;
}

#content {
	background-color:#ffffff;
	width:100%;
	min-height:400px;
	_height:400px;
        padding-top:32px;
}
#content div.odd {
	background-color:#f1f1f1;
}
#content div.even {
	background-color:#ffffff;
}
#content table td {
   padding:10px;
}
#content input {
	border:1px solid #cccccc;
	padding:3px;
	width:200px;
}
#content textarea {
	border:1px solid #cccccc;
	padding:3px;
	width:450px;
	height:200px;
}
.button {
  width:auto;
  background-color:#ffffff;
  padding:2px 5px;
  margin:3px;
}
.button:hover {
  background-color:#808080;
}
#content p {
   padding-bottom:10px;
}
.tabbed_area {
   border:1px solid #494e52;
   background-color:#2D6F99;
   padding:15px 10px 10px 10px;
}
div.tab {
   float:left;
   margin-right:2px;
   border:1px solid #364B7C;
   background-color:#AEB4B7;
   padding:3px;
}
div.tab:hover {
   background-color:#ffffff;
   color:#000000;
}
.tabcontent {
   display:none;
   background-color:#ffffff;
   padding:10px;
   border:1px solid #464c54; 	
   background-repeat:repeat-x;	 
   background-position:bottom;
   min-height:300px;
   clear:both;
   position:relative;
   top:-1px;
}
div.tab a.tab {
   margin:0 5px;
   padding:0 5px;
   color:#000000;
   text-decoration:none;
}
div.warning {
   display:block;
   width:600px;
   padding:10px;
   border:1px solid #ff0000;
   background:#ffcccc;
   font-size:14px;
}
table.clean { border:1px solid #111111; width:98%; font-size:16px; }
table.clean th { background-color:#333333; color:#FFFFFF; font-weight:bold; text-align:center; }
table.clean td,
table.clean th { margin:0; padding:5px;  }
tr.cssOne { background-color:#318BC6; }
tr.cssTwo { background-color:#C7E4F8; }
fieldset.form {
  border:1px solid #999999;
  margin-bottom:10px;
  padding:15px;
}
fieldset.form legend {
  border:1px solid #006CB8;
  padding:2px 5px;
  margin-left:25px;
}
fieldset.form label {
  display:block;
}
div.error {
  border:1px solid #ff0000;
  background: #ffcccc;
  color:#000000;
  padding:5px;
  margin-bottom:25px;
}
div.half {
  width:calc(50% - 1em);
  padding-right:1em;
  float:left;
}
div.full {
  width:100%;
  clear:both;
}
div.label { width:50%; max-width:200px; float:left; clear:both; }
div.value { width:50%; max-width:calc(100% - 315px); padding-left:15px; float:left; }