html {
  overflow-x: hidden;
  height: 100%;
  }

body {
  color:#737373;
  font: 8pt "Trebuchet MS",Verdana, Helvetica, Arial, sans-serif;
  text-align:center;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  background: #0076A3 url(images/wrap-tile-ff.jpg) repeat-y 50% 0;
  }

#container {
  text-align: left;
  position:relative;
  top: 0px;
  width:790px;
  margin-left:auto;
  margin-right:auto;
  background: #fff;
  bottom:20px;
  }

select,input{
  font: 8pt "Trebuchet MS",Verdana, Helvetica, Arial, sans-serif;
}

.contentArea {
  margin:5px 10px 0px 10px;
  background: #fff no-repeat;
  }

.calculatorBox {
  text-align:right;
  width:250px;
  padding:15px;
  margin-left:auto;
  margin-right:auto;
  border: 1px solid gray;
}


}
.bulletinBoard {
  width:680px;
  margin-left:auto;
  margin-right:auto;
  border: 4px solid #000;
  background: url(images/cork.gif);
}

.note{
  width:640px;
  margin:auto;
  background: url(images/paper.gif) no-repeat;
}

  
.menuBoxLeft{
  width:370px;
  position:absolute;
  left:15px;
  margin:0px 6px 0px 0px;
  display:inline;
  height:250px;
}

.menuBoxRight{
  width:370px;
  position:absolute;
  right:10px;
  margin:0px 6px 0px 0px;
  height:250px;
}

.articlesBoxLeft {
  width:250px;
  position:absolute;
  left:10px;
  margin:0px 6px 0px 0px;
  height:250px;
  border: 1px solid #0087C9;
}

.articlesBoxRight {
  width:250px;
  position:absolute;
  right:10px;
  margin:0px 0px 0px 0px;
  display:inline;
  height:250px;
  border: 1px solid #0087C9;
}

.articlesBoxCenter {
  width:250px;
  position:absolute;
  left:270px;
  margin:0px 6px 0px 0px;
  display:inline;
  height:250px;
  border: 1px solid #0087C9;
}

.articlesBoxContent {
  width:248px;
  height:250px;
  border: 1px solid #0087C9;
}

.leftNavBox {
  float:left;
  margin:0px 0px 0px 0px;
  background:#0087C9;
  width:448px;
  height:36px
  }

.rightNavBox {
  float:right;
  margin:0px 0px 0px 0px;
  background:#0087C9;
  width:342px;
  height:36px
  }

.homeTextBox {
  width:450px;
  position:relative;
  margin-left:30px;
  float:left;
  }

.textBox {
  float:left;
  width:745px;
  margin:10px 0px 10px 10px;
  padding:10px 10px 10px 10px;
  border: 1px solid #000;
  }


p:first-letter {
  font: bold 300% "Trebuchet MS",verdana,arial,sans-serif;
  margin-right: 6px;
  float: left;
  }

ul {
  list-style-position: outside;
  list-style-type: square;
  padding: 20px 20px 20px 20px;
  margin: 2px;
  }


.footer {
  clear:both;
  text-align:right;
  padding:20px 20px 10px 0px;
  color:#737373;
  font-family:"Trebuchet MS",verdana,sans-serif;
  font-size:7pt;
  background: #fff;
  }

img.portraitbox {
  border-style: solid;
  border-color:#C0C0C0;
  border-width:1px;
  margin:0px 10px 10px 0px;
  padding:4px;
}

a:link {
  font-weight:bold;
  text-decoration:none;
  color:#4099BB;
  }

a:visited {
  font-weight:normal;
  text-decoration:none;
  color:#4099BB;
  }

a:hover {
  text-decoration:none;
  border-bottom: 1px dotted;}
  color:blue;
  }

a:active {
  text-decoration:none;
  color:red;
  }