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

body {
  color:#737373;
  font: 10pt "Trebuchet MS",Verdana,Helvetica, Arial, sans-serif;
  text-align:center;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  background: #28353E;
  }

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

.headline {
  font-weight:bold;
  color:#fff;
  background:#BCC6CA;
  padding:3px;
}


/* header graphic should be 756x200px */

.header {
  width:758px;
  height:200px;
  border: 1px solid black;
  margin:15px 15px 0px 15px;
}


/* header graphic should be 756x60px */

.banner {
  width:758px;
  height:60px;
  border: 1px solid black;
  margin:0px 15px 15px 15px;
}


.leftContentBox {
  width:352px;
  height:300px;
  background: #DDE2E4;
  overflow:auto;
  margin:15px 7px 15px 15px;
  padding:10px;
  float:left;
}

.rightTopContentBox {
  width:352px;
  height:133px;
  background: #DDE2E4;
  overflow:auto;
  margin:15px 15px 8px 8px;
  padding:10px;
  float:right;
}

.rightBottomContentBox {
  width:352px;
  height:132px;
  background: #DDE2E4;
  overflow:auto;
  margin:8px 15px 15px 7px;
  padding:10px;
  float:right;
}

.youBox {
  width:352px;
  height:140px;
  background: #E4E4E4;
  margin:0px 7px 15px 15px;
  padding:10px;
  float:left;
}

.eventsBox {
  width: 352px;
  height: 140px;
  background: #E4E4E4;
  margin: 0px 15px 15px 8px;
  padding:10px;
  float:right;
}

.articlesBoxLeft {
  width:240px;
  margin:0px 6px 15px 0px;
  display:inline;
  float:left;
}

.articlesBoxRight {
  width:240px;
  display:inline;
  float:right;
}

.searchContent {

  width:760px;
  margin:15px;

}

.articlesBoxCenter {
  width:240px;
  margin:0px 0px 15px 11px;
  display:inline;
  float:left;
}

.articlesBoxDouble {
  width:540px;
  display:inline;
  padding-bottom:15px;
}

.formCell {
  display:inline;
  float:left;
  width:100%;
  padding-bottom:2px;
  padding-top:2px;
  }

.formRight {
  float:right;
  margin:0px;
}

.formLeft {
  float:left;
  margin:0px;
}

select,input,textarea {
  color:#737373;
  font: 10pt "Trebuchet MS",Verdana, Helvetica, Arial, sans-serif;
}

form.boxed {
  text-align:left;
  width:340px;
  padding:10px;
  margin:15px auto 15px auto;
  }

img.portraitbox {
  border-style: solid;
  border-color:#C0C6CD;
  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;
  color:blue;
  }

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