:root 
{
  --fg-alt:#002080;
}

html
{
  overflow-y:scroll;
}

body
{
  /* The following prevents the space along the top of the "main" div */
  margin:0px;
  padding:0px;
  background-image:url("../PNG/brushed_metal_m1_gray.png");
  background-repeat:repeat;
}

#main
{
  max-width:800px;
  margin:auto;
  margin-top:0em;
  padding-top:1em;
  padding-left:1.5em;
  padding-right:1.5em;
  background:#FFFFFF;
  color:#000000;
  font-family:Droid-Sans,Helvetica,Arial,sans-serif;
}

/* RWD Item */
* { box-sizing: border-box; }

@font-face
{
  /*
  Distributable Fonts
  */
  /* font-family is the name you want to attribute to a font */
  font-family: 'Droid-Sans';
  src: url('fonts/Droid-Sans/DroidSans.ttf') format("truetype");
}

.logo
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.copyright 
{
  color:#888888;
  font-size:0.7em;
  font-family:verdana;
  clear:left;
  text-align:center;
  margin-bottom:1.5em;
  padding-bottom:1.5em;
}

img.link
{
  cursor:pointer;
}

a:link , a:visited , a:active
{
  color:var(--fg-alt);
  text-decoration:none;
}

a:hover
{
  color:var(--fg-alt);
  text-decoration:underline;
} 

p
{
  text-align: left;
}

p.initial:first-letter
{
  font-size:300%;
  color:#000090;
  font-family:serif;
  float:left;
}

hr
{
  color:#999999;
  background-color:#999999;
}

br.clear 
{
  clear:both;
}

ul
{
  list-style-type:square;
  margin-left:2em;
  padding-left:1em;
}

li
{
  padding-bottom:0.25em;
  padding-top:0.25em;
}

ul.small
{
  margin-left:0em;
  font-size:90%;
}

h1
{
  color:var(--fg-alt);
  font-size:150%;
  margin-bottom:0;
  padding-bottom:0;
}

h2
{
  color:var(--fg-alt);
  font-size:120%;
  margin-bottom:0;
  padding-bottom:0;
}

img.float_right
{
  float:right;
  padding:5px;
}

img.float_left
{
  float:left;
  padding:5px;
}

img.wrap
{
  float:left;
  margin:0 12px 0 0;
}

img.frame
{
  border-width:2px;
  border-style:solid;
  max-width:100%;
}

img.frame-center
{
  border-width:2px;
  border-style:solid;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  display:block;
}

img.frameless
{
  max-width:100%;
}