/**************************************************/
/*  contains all css styling for the header   */
/**************************************************/
header {
/* you have to width specified for centering to work */
width: 100%;
/* these next two lines force the div to be aligned centrally within its parent */
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
padding: 0px;
text-align: justify;
float: none;
clear:both;
border:solid;
border-color: #00A0E3;
border-width: 3px; 
}
#middle {
/*background: url(images/Default-Base/bgtop2.png) top center no-repeat;*/
  padding: 0;
  /* force the div to be aligned centrally within its parent */
  margin: 0 auto;
  /* it needs a width to make it center i have set it 
     to the total width of images in this div  ie 380+72*2= 524 */
  width: 60%;
} 
#middle .logos {
  margin: 0;
  padding: 0;
/*  
  border:solid;
  border-color: white;
  border-width: .2em;
*/  
}
#header-logo {
display: inline
}
#masthead p {
font-size: 2.5em;
text-align:center;
margin-left: auto ;
margin-right: auto ;
}
#masthead object {
    margin: 0 auto;
    width: 100%;
    height: 50%;
}
#masthead .leftlogo {
  margin: 0;
  padding: 0;
  float: left; 
/*  
  border:solid;
  border-color: yellow;
  border-width: 2px;  
*/  
}
#masthead .rightlogo {
  margin: 0;
  float: right;
/*  
  border:solid;
  border-color: white;
  border-width: .2em;
*/  
}