/****** General ******/
body {
  margin:10px;
}

body, td {
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 70%;
  line-height:140%;
  color: #000;
}

input, textarea, select {
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 100%;
  color: #000;
}

a:link, a:visited, a:active {
  color: #77a0b6;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p, table, td, a {
  margin:0;
  font-weight: normal;
  font-size: 1em;
}

h1 {
  margin:0;
  font-weight: bold;
  font-size: 5em;
  line-height:1.2em;
  font-family: Arial, Helvetica, sans-serif;
}
h2 {
  margin: 0;
  font-weight: bold;
  font-size: 4em;
  line-height:1.2em;
  font-family: Arial, Helvetica, sans-serif;
}
h3 {
  margin: 0;
  font-weight: bold;
  font-size: 3em;
  line-height:1.2em;
  font-family: Arial, Helvetica, sans-serif;
}
h4 {
  margin: 0;
  font-weight: bold;
  font-size: 2em;
  line-height:1.2em;
  font-family: Arial, Helvetica, sans-serif;
}
h5 {
  margin: 0;
  font-weight: bold;
  font-size: 1.5em;
  line-height:1.2em;
  font-family: Arial, Helvetica, sans-serif;
}
h6 {
  margin: 0;
  font-weight: bold;
  font-size: 1.1em;
  line-height:1.2em;
  font-family: Arial, Helvetica, sans-serif;
}

ul {
  /*padding:0;*/
  margin:10px 0 10px 0;
  padding-left:26px;
}
img {
  border:none;
}


/***** Common classes *****/

.clearfloat {
  clear:both;
  margin-top:-1px;
  height:1px;
  overflow:hidden;
}

ul.nobullets {
  list-style-type: none;
  padding:0;
  margin:0;
}

ul.boxlist {
  list-style-type: none;
  padding:0;
  margin:0;
}

.inputbox {
  border: 1px solid #cccccc;
}

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

.ingress {
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: bold;
  /*font-size: 10px;*/
  font-size: 1.1em;
  color: #666666;
}

.grayheader {
  color: #000;
  padding: 5px 5px 5px 10px;
  background-color: #ccc;
  font-weight:bold;
}
.graybox {
  border: 1px solid #cccccc;
  color: #000;
  padding:10px;
  margin-bottom:10px;
}
.graybox a:link, .graybox a:visited, .graybox a:active {
  color: #000000;
  text-decoration: none;
}
.graybox a:hover {
  text-decoration: none;
  color: #77a0b6;
}
.graybox ul {
  margin-left:10px;
  text-indent:-10px;
}



.box {
  background-image: url("../gfx/boxtop.gif");
  background-repeat:no-repeat;
  padding:20px;
  border:solid 1px #e4e4e4;
  background-color:#fff;
}
.box h3 {
/*  margin-bottom:10px;*/
}
.box li a:link, .box li a:visited, .box li a:active {
  color: #000000;
  text-decoration: none;
}
.box li a:hover {
  text-decoration: none;
  color: #77a0b6;
}


.silverpuff {
  background-image: url("../gfx/silverpuff.gif");
  padding:20px;
  text-align:center;
}
.silverpuff a:link, .silverpuff a:visited, .silverpuff a:active {
  color: #000000;
  text-decoration: none;
}
.silverpuff a:hover {
  text-decoration: none;
  color: #77a0b6;
}

.redpuff {
  background-image: url("../gfx/redpuff.gif");
  padding:20px;
  text-align:center;
  color:#fff;
}
.redpuff a:link, .redpuff a:visited, .redpuff a:active {
  color: #fff;
  text-decoration: none;
}
.redpuff a:hover {
  text-decoration: none;
  color: #77a0b6;
}



.small_text{
  font-size: 1em;
  line-height:1.4em;
}
.medium_text{
  font-size: 1.3em;
  line-height:1.3em;
}
.large_text{
  font-size: 1.6em;
  line-height:1.2em;
}