* {
  margin: 0;
  padding: 0;
}

body {
  color: #545C66;
  background: #FFFFFF;
  font-family: Tahoma, Arial, Verdand, sans-serif;
  line-height: 1.5;

  background: url(images/bodybg.jpg) repeat-x top #5E6874;
  background-attachment: fixed;
  font-size: 11px;
}

a {
  color: #4F89D2;
  text-decoration: underline;
}

a:hover, a:active, a:focus {
  color: #5FA4FB;
  text-decoration: underline;
}

h1 {
  font-size: 1.3em;
  font-weight: normal;
}

h2 {
  font-size: 1.3em;
}

h3 {
  font-size: 1.17em;
}

p {
  margin: 5px 0 15px;
}

ul {
  margin-top: 5px;
  margin-bottom: 15px;
  list-style: none;
}

ul li {
  padding-left: 35px;
  background: url(images/li.gif) no-repeat 20px 6px;
}

#ulnews li {
  padding-left: 35px;
  background: url(images/arrowmore.gif) no-repeat 20px 6px;
}

ol {
  margin-top: 5px;
  margin-bottom: 15px;
}

ol li {
  margin-left: 35px;
}

th {
  padding: 4px;
  font-weight: bold;
  text-align: left;
}

hr {
  border-top: 1px solid #C6CED9;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  height: 1px;
}

a img {
  border: none;
}

td, div {
  font-size: 1em;
}

form {
  margin: 0;
  padding: 0;
}

input, select {
  font: 11px/normal Tahoma, Arial, Verdand, sans-serif;
}

select, .inputbox {
  padding: 2px;
}

textarea {
  padding-left: 2px;
}

.button, .button:hover {
  border-top: 1px solid #DFE5EC;
  border-right: 1px solid #8E9CAE;
  border-bottom: 1px solid #8E9CAE;
  border-left: 1px solid #DFE5EC;
  padding: 1px 10px!important;
  padding: 1px 5px;
  background: url(images/buttonbg.gif) repeat-x top left #ECF0F4;
  color: #646E7B;
}

.button:active, .button:focus {
  border-top: 1px solid #8E9CAE;
  border-right: 1px solid #DFE5EC;
  border-bottom: 1px solid #DFE5EC;
  border-left: 1px solid #8E9CAE;
}

.inputbox {
  border: 1px solid #DFE5EC;
  background: #FFFFFF;
}

.inputbox:hover, .inputbox:focus {
  border: 1px solid #8E9CAE;
}

div.mdtbl h3 {
  margin: 0 -10px 5px;
  padding: 5px 10px;
  color: #646E7B;
  font-size: 1em;
}

div.mdtbl {
  padding: 10px;
}

table.info {
}

table.info .article_seperator {
  display: block;
  background: url(images/sprtr.gif) repeat-x center;
  height: 10px;
}

.h1title {
  padding-bottom: 5px;
  margin-bottom: 10px;
  background: url(images/sprtr2.gif) no-repeat bottom right;
  color: #4F89D2;
  font-size: 1.7em;
  line-height: normal;
  font-weight: bold;
}

a.more {
  float: right;
  padding: 1px 5px 1px 16px;
  display: block;
  background: url(images/arrowmore.gif) no-repeat 5% 55% #4F89D2;
  color: #FFFFFF;
  font-size: 0.87em;
  text-decoration: none;
}

a.more:hover, a.more:active, a.more:focus {
  color: #FFFFFF;
  background: url(images/arrowmore.gif) no-repeat 5% 55% #5FA4FB;
  text-decoration: none!important;
}


a.download {
  float: left;
  padding: 1px 5px 1px 16px;
  display: block;
  background: url(images/arrowmore.gif) no-repeat 5% 55% #4F89D2;
  color: #FFFFFF;
  font-size: 0.87em;
  text-decoration: none;
}

a.download:hover, a.download:active, a.download:focus {
  color: #FFFFFF;
  background: url(images/arrowmore.gif) no-repeat 5% 55% #5FA4FB;
  text-decoration: none!important;
}


#area {
  margin: 0 auto;
  padding: 0;
  width: 95%;
  text-align: left;
  min-width: 750px;
  max-width: 2000px;
  border: 4px solid #646E7B;
  width: 930px;
}

#page {
  clear: both;
  padding: 0;
  background: url(images/pagebg.gif) repeat-y 20% 0 #FFFFFF;
}

#content {
  background: url(images/contentbg.gif) repeat-x top;
}

#header {
  clear: both;
  background: url(images/headerbg.jpg) top right repeat-x #4F89D2;
  color: #FFFFFF;
  text-align: left;
  line-height: normal;
  height: 70px;
  position: relative;
}

#header h1 {
  font-size: 2em;
  position: absolute;
  top: 12px;
  left: 8px;
}

#header h1 img {
  float: left;
}

#searchpaneldiv {
  position: absolute;
  top: 25px;
  right: 15px;
  height: 27px;
  padding: 0;
  padding-left: 4px;
  background: url(images/searchpanelleft.gif) top left no-repeat;
}

#searchpanel {
  padding: 0;
  float: left;
  display: block;
  font-size: 11px;
  height: 27px;
  background: url(images/searchpanelright.gif) top right no-repeat;
}

#searchpanel span {
  float: left;
  margin: 0 10px 0 10px;
  display: block;
}

#search {
  float: left;
  display: block;
  margin: 5px 15px 5px 10px;
}

#search .inputbox {
  border: none!important;
  width: 100px;
  color: #DFE5EC;
  background: #4F89D2;
  padding-left: 5px;
}

#topmenu {
  float: left;
  width: 100%;
  font-size: 1em;
  line-height: normal;
  background: #646E7B;
  border-bottom: 5px solid #5FA4FB;
}

a.menuitem {
  padding: 3px;
  border-bottom: 1px solid #C6CED9;
  display: block;
  color: #646E7B;
  text-decoration: none;
}

a.menuitem:hover,
a.menuitem:active,
a.menuitem:focus {
  color: #4F89D2;
  background: #DFE5EC;
  text-decoration: none;
}

a.menuitem#activemenu {
  background: #4F89D2;
  color: #FFFFFF;
  text-decoration: none;
}


#activemenu {
  background: url(images/activemenubg.gif) no-repeat 2% 50%;
  color: #4F89D2;
}

#toppnl {
  color: #D9E5F4;
  background: url(images/toppnlbg.gif) bottom repeat-x #545C66;
  padding: 10px;
}

#toppnl a {
  color: #5FA4FB;
}

#toppnl h3 {
  padding: 0;
  margin: 0 0 5px;
  color: #FFFFFF;
  font-size: 1em;
}

#toppnl div.mdtbl {
  background: url(images/toppnlbg1.gif) repeat-x top;
  margin: 0;
  padding: 5px 10px 10px;
  border-right: 2px solid #545C66;
}

#botsl {
  background: url(images/botslbg.gif) top left repeat-x #545C66;
  color: #C6CED9;
  padding: 15px 20px;
}

#botsl a {
  color: #C6CED9;
}

.box {
  float: left;
  overflow: hidden;
}

#botsl h3 {
  padding: 0;
  margin: 0 0 5px;
  color: #FFFFFF;
  font-size: 1em;
}

#botsl div.mdtbl {
  margin: 0 20px 0 0;
  padding: 0;
}

#navpath {
  padding: 7px 0 9px;
  text-indent: 10px;
  background: url(images/navpath.gif) repeat-x bottom #FFFFFF;
  color: #646E7B;
}

#navpath strong {
  margin-right: 10px;
}

#navpath img {
  margin: 0 5px;
}

#navpath a {
  color: #646E7B;
  text-decoration: none;
}

#navpath a:hover, #navpath a:active {
  color: #646E7B;
  text-decoration: underline;
}

#mainbody {
  float: left;
  width: 80%;
}

#mainbody #content {
  float: right;
  width: 74.9%;
}

#mainbody-fl #content {
  float: left;
  width: 100%;
}

#bodyframe {
  float: left;
  width: 100%;
}

#bodyframe #content {
  float: right;
  width: 79.9%;
}

#bodyframe #leftpanel {
  width: 20%;
}

#leftpanel {
  float: left;
  width: 25%;
}

#leftpanel div.mdtbl h3 {
  margin: 0 -10px 5px;
  padding: 5px 10px;
  background: url(images/h3bg.gif) no-repeat center right #D0DCE7;
  color: #646E7B;
  font-size: 1em;
}

#leftpanel div.mdtbl {
  padding: 0 10px 10px;
  background: url(images/leftpanelbg.gif) repeat-y top right #ECF0F4;
}

#bottom {
  clear: both;
  background: url(images/bottombg.gif) repeat-x top #434952;
  color: #C6CED9;
  border-bottom: 1px solid #3A4048;
  position: relative;
  height: 60px;
}

#bottom a {
  color: #C6CED9;
  text-decoration: none;
}

#bottom a:hover,
#bottom a:active,
#bottom a:focus {
  color: #5FA4FB;
}

#copyright {
  position: absolute;
  top: 10px;
  left: 15px;
}

#btmlnk {
  position: absolute;
  top: 25px;
  right: 15px;
}

#btmlnk a {
  padding-left: 5px;
}

.mdiv:after {
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}

* html > body .mdiv {
  width: 100%;
  display: block;
}

* html .mdiv {
  height: 1%;
}

html {
  margin-bottom: 1px;
  height: 100%!important;
  height: auto;
}

#tabmenu {
	margin: 0;
	padding: 0;
}

#tabmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#tabmenu li {
	margin: 0;
	padding: 0;
	display: inline;
}

#tabmenu a {
	float: left;
	margin: 0;
	padding: 0 0 0 4px;
	background: url(images/tabmenuleft.gif) no-repeat top left;
	text-decoration: none;
	text-align: center;
}

#tabmenu a span {
	margin: 0 2px 0 0;
	float: left;
	padding: 7px 15px 6px 11px;
	display: block;
	background: url(images/tabmenuright.gif) no-repeat top right;
	color: #DFE5EC;
}

#tabmenu a span {
	float: none;
}

#tabmenu a:hover span {
	color: #FFFFFF;
}

#tabmenu a:hover {
	background-position: 0% -42px;
}

#tabmenu a:hover span {
	background-position: 100% -42px;
}

#tabmenu li.activemenu a,
#tabmenu li.activemenu a:hover,
#tabmenu li.activemenu a:active,
#tabmenu li.activemenu a:focus {
	background: url(images/tabmenuactive.gif) no-repeat left top;
}