img#logo {
    width: 1025px;
    height: 125px;
    background: url(images/logo.png) 0 0 no-repeat;
    margin-top: 0px;
    float: left;
}

img#logo-school {
    width: 1000px;
    height: 125px;
    background: url(images/school-logo.png) 0 0 no-repeat;
    margin-top: 0px;
    float: left;
}

/* gets rid of any box around the artilces if nothing is there */
table.contentpaneopen-blank {



}

/* makes the alert section red, bold and bigger so it gets noticed */
table.contentpaneopen-alert {
	font-weight: bold; 
        color: red;
        font-size: 130%;

}


/* contactinfo */
table.contactinfo {
  margin: 0 0 0 0;
  background: whitesmoke;
  border-collapse: collapse; 
  width: 100%;
}

table.contactinfo th, table.contactinfo td, table.infotables th, table.infotables td  {
  border: 1px black solid;
}

table.contactinfo th, table.infotables th {
  background: url(images/th-bg.jpg) repeat-x top #2f36c1;
  text-align: center;
  color: #d6dce8;
  padding: 0.1cm;
}

table.contactinfo td, table.infotables td {
  background: url(images/td-bg.jpg) repeat-x top #d6dce8;
  text-align: left;
  color: #2f36c1;
  padding: 0.1cm;
}

table.contactinfo td:hover, table.infotables td:hover {
  color: #2f36c1;
  background: #aaafb8;
}


/* infotables */
table.infotables {
  margin: 1em 1em 1em 0;
  background: whitesmoke;
  border-collapse: collapse; 
}