@charset "utf-8";

/* ============================================
GENERAL CLEANUP STYLES
according to eric meyer
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 ============================================ */

body
{
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
}

/* reset of font-size for body for @media print results
in smaller font-size in IE print preview due to
"shrink-to-fit" feature */

@media screen
{
  body
  {
    font-size: 100%;
  }
}

html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption
{
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
}

:focus
{
  outline: 0;
}

ol, ul
{
  list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table
{
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td
{
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after
{
  content: "";
}

blockquote, q
{
  quotes: "" "";
}

/* ============================================
 SET UP THE LAYOUT
 ============================================ */

body
{
  padding-bottom: 2em;
  color: Black;
  background-color: White;
}

#pagebase
{
  /*width: 60em;*/
  /*width:960px;*/
  max-width: 960px;
  margin: 5px auto;
}

#page
{
  text-align: left;
}

#header
{
  position: relative;
  text-align: center;
}

#main
{
  clear: both;
  width: auto;
  margin-top: 1.5em;
  position: relative;
  font-size: 80%;
}

#colcontent
{
  float: left;
  /*width: 57em;*/
  /*width: 730px;*/
  width: 76%;
  /*margin-top: -3.2em;*//* needed if the search field is commented in in Header.ascx */
}

#colnav
{
  float: right;
  /*width:15em;*/
  /*width:192px;*/
  width: 20%;
}

#footer
{
  font-size: 80%;
  clear: both;
}

#footer
{
  margin: 0px;
  padding: 0px;
}

#footer li
{
  margin: 0;
  padding: 0;
}

#footer #Topline
{
  text-align: right;
}

#footer #Topline a
{
  background: url(../Images/icon_top.jpg) center right no-repeat;
  padding: 2px 25px 2px 0px;
}

#footer #Copyright
{
  float: left;
}

#footer .version
{
  float: right;
}

#footer a
{
  text-decoration: none;
  color: Black;
}

#footer a:hover,
#footer a:focus,
#footer a:active
{
  text-decoration: underline;
}

#footer #Bottomline
{
  background: url(../Images/bg_bottom_line.gif) 0 4px repeat-x;
  padding-top: 10px;
  text-align: center;
  vertical-align: top;
}

/*
#footer
{
  clear:both;
  display:block;
  background: url(../Images/bg_bottom_line.gif) 0 3.1em repeat-x;
  padding-top: 10px;
  padding-bottom:5px;
  text-align:right;
  font-size:80%;
}
*/

/* ==============================================
  GENERAL CONTENT (ALL OVER A PAGE)
============================================== */

abbr, acronym
{
  border-bottom: 1px dotted black;
}

a
{
  color: #305886;
}

a:visited
{
  color: #305886;
}

a:focus
{
  color: #305886;
}

/* ==============================================
   GENERAL CLASSES
============================================== */

/* visible hidden, but available for search engines, screenreaders etc. */

.hidden
{
  position: absolute;
  top: -1000em;
  left: -1000em;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/* clear those floating columns */

.clearfix:after
{
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix,
.clearfix:before,
.clearfix:after
{
  content: " ";
  display: table;
}