/* Deletes all browser default settings */
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; }

h1, h2, h3, h4, h5, h6
{ font-size: 100%; }

ol, ul
{ list-style: none; }

address, caption, cite, code, dfn, em, strong, th, var, h1, h2, h3, h4, h5, h6
{ font-style: normal; font-weight: normal; }

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

fieldset, img
{ border: 0; margin: 0; padding: 0; }

caption, th
{ text-align: left; }

q:before, q:after
{ content: ''; }


/* real styling */

html
{ text-align: center; background: url(images/bg_stripes.png) repeat; }

body
{ width: 90%; max-width: 60em; min-width: 48em; margin: 0 auto; text-align: left; background-color: white; background-image: none; }

div
{ margin: 0 0 1em 0; }
 
div#header
{ margin: 0.15em; height: 150px;
  height: 150px; background: url(images/bg_stripes_pale.png) repeat; 
  position: relative; }

div#header a:link, div#header a:hover, div#header a:active, div#header a:visited
{ text-decoration: none; color: black; }
h1
{ background: url(images/me.gif) no-repeat top right; line-height: 150px; }

div#navigation
{ margin: 0em; padding: 0em; 
  position: absolute; left: 0.15em; bottom: 0.15em; }

div#about
{ margin: 0.15em; border: 0.15em dotted black; padding: 0.15em; }

div#current
{ margin: 0.15em; border: 0.15em dotted black; padding: 0.15em;
  float: right; width: 350px; margin-left: 0.5em;
  background-color: #fdffe0; }
div#current h2
{ background: none; background-color: #fffc80; }

div.main
{ margin: 0.15em; border: 0.15em dotted black; padding: 0.15em;
  float: left; width: 67%; }

div.side
{ margin: 0.15em; border: 0.15em dotted black; padding: 0.15em; 
  margin-top: 0.25em; margin-left: 69%; }

div.media300
{ margin: 0.15em; border: 0.15em dotted black; padding: 0.15em;
  float: left; width: 300px; }

div.side300
{ margin: 0.15em; border: 0.15em dotted black; padding: 0.15em;
  margin-top: 0.9em; margin-left: 325px; }

div.media450
{ margin: 0.15em; border: 0.15em dotted black; padding: 0.15em;
  float: left; width: 450px; }

div.side450
{ margin: 0.15em; border: 0.15em dotted black; padding: 0.15em;
  margin-top: 0.5em; margin-left: 475px; }

div.embedded
{ margin: 0 0 0 0; }

div.collapsed
{ display: none; }

div.stuff
{ margin: 0.15em; border: 0.15em dotted black; padding: 0.15em; }

div#footer
{ margin: 0.15em; border: 0.15em dotted black; padding: 0.15em; 
  clear: both; }

table
{ margin: 0 0 1em 0; }

h1 { font-weight: bold; font-size: 300%; font-family: Verdana; }
h2 { font-weight: bold; font-size: 150%; font-family: Verdana; background: url(images/bg_stripes_pale.png) repeat; margin: 0 0 0.5em 0; }
h3 { font-weight: bold; font-size: 120%; font-family: Verdana; background: url(images/bg_stripes_pale.png) repeat; margin: 0 0 0.5em 0; }
h4 { font-weight: bold; font-size: 100%; font-family: Verdana; background: url(images/bg_stripes_pale.png) repeat; margin: 0 0 0.5em 0; }
h5 { font-weight: bold; font-size: 100%; font-family: Verdana; margin: 0 0 0.5em 0; }
h6 { font-weight: bold; float: left; margin-right: 0.5em; }

p { margin: 0 0 0.5em 0; }

li { margin: 0 0 1em 0; }

p#foot_home
{ float: left; width: 15%; }
p#copyright
{ float: left; width: 60%; text-align: center; }
p#dc_modified
{ margin-left: 75%; text-align: right; }

ol.numbered
{ list-style-type: decimal; list-style-position: outside;
  text-indent: 0.5em; margin-left: 1.5em; }

ul.bulleted
{ list-style-type: disc; list-style-position: inside;
  padding-left: 1em; }

ul.bulleted2
{ list-style-type: circle; list-style-position: inside;
  padding-left: 2em; }

ul.shortlist 
{ list-style-type: disc; list-style-position: inside;
  text-indent: 1em; margin: 0 0 1em 0; }
ul.shortlist li
{ margin: 0 0 0 0; }

li.navlist
{ font-weight: normal; font-size: 150%; font-family: Verdana;
  display: inline;
  margin: 0; border: white solid 0.1em; padding: 0.1em;
  position:relative; z-index: 10; }

li.navlist:hover
{ border: black dotted 0.1em; }

li.navlist a:link, li.navlist a:hover, li.navlist a:active, li.navlist a:visited
{ text-decoration: none; color: black; }

a.toggle
{ float: right; font-weight: normal; font-size: 100%; color: blue; text-decoration: underline; }

a.toggle:after
{ content: "More/less" }

strong
{ font-weight: bold; }

img.thumbnail
{ float: left; margin-right: 0.15em; border: 0.15em solid blue; padding: 0.15em; }

.pdf:before
{ content: url(images/pdf_icon.gif); padding-right: 0.15em; }

div.statcounter
{ margin: 0 0 0 0; }

.mastercom-bar
{ font-weight: bold; font-size: 100%; font-family: Verdana; background: url(images/bg_stripes_pale.png) repeat; margin: 0 0 0.5em 0; }