html {
background-color: #F5FBFE;
}
div.container {
position: relative;
width: 845px ;
top: 0;
left: 0;
background: url('../images/line.gif') repeat-y;
margin-bottom: 20px;
height: auto;
overflow: auto;
background-color: #F5FBFE;
}

.container #page_title {
position: relative;
float: left;
width: 525px;

height: 160px;
margin: 0 35px 0px 0px;
}


.container .commissioners {
  position: relative;
  float: left;
  width: 225px;
  height: 160px;
  margin: 7px 54px 0px 0px;
  background-image: url('../images/bg_sheet.gif');
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  color: #000080;
  font-size: 10px;
  line-height: 14px;
}

.container .commissioners a.comm_picture {
  float: left;
  display: block;
  width: 56px;
  height: 56px;
}

.container .old {
  position: relative;
  float: left;
  width: 225px;
  height: 160px;
  margin: 0px 54px 7px 0px;
  background-image: url('../images/bg_sheet.gif');
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  color: #000080;
  font-size: 10px;
  line-height: 14px;
}


.container #president {
  position: relative;
  float: left;
  width: 225px;
  height: 160px;
  margin: 0 54px 0px 0px;
  background-image: url('../images/bg_sheet_president.gif');
}

.container .commissioners .commissioner_name {
  position: absolute;
  top: 0;
  left: 65px;
  padding-left: 0;
  height: 30px;
  width: 144px;
  z-index: 20;
  vertical-align: top;
}

.container .commissioners .commissionner_title {
  position: absolute;
  top: 40px;
  left: 70px;
  
  line-height: 14px;
  padding: 0;
  height: auto;
  width: 145px;
  vertical-align: top;
}

.container .commissioners .commissioner_more {
  position: relative;
  top: 10px;
  padding: 5px 10px 0 5px;
  margin-right: 5px;
  height: auto;
  width: 204px;
  vertical-align: top;
}

.container .commissioners img.comm_img {
  width: 56px;
  height: 56px;
  margin: 7px 0 5px 4px;
  z-index: 100;
}

.container .commissioners img.comm_flag {
  
  float: left;
  width: 20px;
  height: 13px;
  top: 0px;
  left: 0px;
  margin-right: 5px;
  z-index: 100;
}

.container .commissioners img.comm_name {
  float: left;
  width: 130px;
  height: 30px;
  margin: 7px 0 0 4px;
  z-index: 100;
}

#commission_office {
  background: url('/commission_barroso/images/linegradientcontent.gif') no-repeat;
  border:1px solid #81C4EE;
  background-color:#FFFFFF;
  background-position:0 0;
  background-repeat:repeat-x;
  padding:20px;
  text-align:left;
  width: 838px;
}

div.gotop {
  margin-top: 20px;
  font-size:0.8em;
  text-align:center;
}

div.gotop a:link{
  color: #0000ff;
}
.gotop a:hover{
  color:#003399;
}
.gotop a:link{
  color:#003399;
  text-decoration:underline;
}

div#banner{
  background-color: #F7D54D;
  border: 2px solid #0E4D90;
  padding: 4px;
  height: 57px;
  vertical-align: middle; 
}

div#banner p {
  color: #0E4D90;
  font-family: arial;
  font-weight: bold;
  text-align: justify;
  font-size: 1.05 em;
  vertical-align: middle;
  margin: 0;
}