html, body, #page { height: 100%; }
body {
  font-family: Arial,sans-serif,Verdana,Tahoma;
  margin: 0; padding: 0; border: 0;
  width: 100%;
  background: #FFE;
  font-size:85%;
}
#page {
  position: relative;
  top: 0; bottom: 0;
  /* width: 820px; */
  max-width: 820px;
  min-width: 400px;
  width: 75%;
  margin: 0 auto;
}
.root_div {
  margin-top: 20px;
  overflow: hidden;
  border: 1px solid black;
}
.shadow {
  -moz-box-shadow: 2px 2px 3px #002;
  -webkit-box-shadow: 2px 2px 3px #002;
  box-shadow: 2px 2px 3px #002;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000022')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000022');
}
.center {
  text-align: center;
}
#banner {
  position: relative;
  height: 110px;
  border: 1px solid black;
  background: #33C url('images/banner_2020.jpg') no-repeat left top;
}
#banner div {
  position: absolute;
  left: -9999px;
  text-indent: -9999px;
}
#banner div span {
  font-size: 200%;
  font-weight: bold;
}
#header {
  width: 100%;
  /* height: 175px; */
  background: #A22 url('images/header.jpg') repeat-x bottom left;
  color: white;
  position: relative;
}
/* div#header div#header_text {
  display: table;
  position: absolute;
  right: 175px;
  height: 100%;
  font-size: 250%;
} */
#header #header_text {
  font-size: 230%;
  text-align: center;
}
/* div#header div#header_text div {
  position: relative;
  width: 100%; height: 100%;
  display: table-cell;
  vertical-align: middle;
  width:645px;
  text-align:center;
} */
div#header q { display: block; }
div#header cite { display: block; text-align: right; font-size: 90%; }
div#header p { margin: 0; padding: 0; }
div#header strong {
  font-weight: bold;
  font-size: 150%;
}
div#header img {
  position: absolute;
  /*width: 175px; height: 175px;*/
  width:auto; height:auto;
  right: 0;
  overflow: hidden;
}

div#body {
    position: relative;
    margin-bottom: 20px;
}
div#body .body_div {
  clear: both;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

ul#navbar {
  width: 100%;
  float: left;
  margin: 0; padding: 0;
  background: #00B url('images/navbg.jpg') repeat-x bottom left;
  color: white;
}
ul#navbar li {
  display: inline; float: left;
  list-style-type: none;
}
ul#navbar a {
  display: block;
  text-decoration: none;
  color: white;
  padding: 0.2em 0;
  border: 0 none;
}
ul#navbar a span {
  display: block;
  border-right: 1px solid white;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0.6em 1.2em;
}
ul#navbar a:hover {
  background: #00E url('images/navbg.jpg') repeat-x top left;
}
div#content {
  background: white;
  padding: 1em;
}
div#footer {
  float: left;
  width: 100%;
  margin: 0; padding: 0.5em 0;
  background: #00B url('images/footerbg.jpg') repeat-x bottom left;
  color: #EEE;
}
div#footer div.left {
  float: left;
  text-align: left;
  padding-left: 0.4em;
}
div#footer div.right {
  float: right;
  text-align: right;
  padding-right: 0.4em;
}
div#footer small { color: #999; font-size: 95%; }
hr.clear {
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
div.split_pane_left {
  float: left;
  overflow: hidden;
  width: 74.5%;
}
div#content {
  min-width: 350px;
}    
div.split_pane_left>div { padding-right: 1em; }
div.split_pane_right {
  float: right;
  overflow: hidden;
  width: 25%;
}
div.split_pane_right>div { padding-left: 1em; }

h4 {
  text-align: center;
}

div.box {
  margin: 1.5em 0;
  border-top: 1px solid #325;
}
div.box p, div.box h3, div.box div { margin: 0; padding: 0; }
div.box h3 {
  font-size: 115%;
  padding: 0.2em 0.4em;
  text-align: center;
  background: #EEFEFF;
  border-bottom: 1px solid #325;
  color: #113;
}
div.box div.box-body {
  padding: 0.3em 0.5em 0.5em;
  background: #FFF;
  border-bottom: 1px solid #325;
}
div.box img, div.box form { padding: 0.5em; }
div.box .important { color: #008 !important; }
div.box h3.important { font-size: 125%; }

div#content { font-size: 12pt; }
div#content .smaller { font-size: 92%; }

a img { border: 0 none; }

div#content a {
  color: #016;
  text-decoration: none;
  border-bottom: 1px dotted;
}
div#content a:hover {
  color: #002;
  border-bottom: 1px solid;
}
div#content .important {
  font-weight: bold;
  color: #009;
}
em {
  color: #007;
  font-style: normal;
}
div#footer a { color: inherit; }
div#footer a:hover { text-decoration: none; }
h2 {
  font-size: 190%;
  padding-bottom: 0;
  margin-bottom: 0;
}
h3, h4, h5 {
  margin: 0;
  padding: 0.2em 0;
}
h3 {
  margin-top: 1em;
  text-transform: uppercase;
  border-bottom: 2px solid black;
}
div.box h3 { text-transform: inherit; }
h4 { text-decoration: underline; }
dl, ol, ul, div#page_content p {
  margin: 0; padding: 0;
  padding-bottom: 0.5em;
}
ol, ul { padding-left: 2em; }
dl { padding-left: 1em; }
.major_link {
  text-align: center;
  font-size: 120%;
  padding: 0.6em 0 0.8em !important;
  font-weight: bold;
}
.major_link a:before { content: ">>>"; padding-right: 0.3em; }
.major_link a:after  { content: "<<<"; padding-left:  0.3em; }
.good { color: #070; font-weight: bold; }
.bad { color: #D00; font-weight: bold; }

div.download {
   font-size: 125%;
   font-weight: bold;
   text-align: center;
   margin: 0.2em 0 0.5em;
   padding: 1em 1.5em;
}
div.download a {
    padding: 0.5em 1em;
    border: 0.25em solid #310 !important;
    background: #CCF;
    display:block;
}
div#content>div>dl,
div#content>div>ul { margin-left: 20px; }
div#content dl dt { font-weight: bold; }