body { font-family: sans-serif; background:  #003366; margin:0.5%; text-align: left; color: #000000; }
h1 { background: #003366; color: #ffffff; font-size: 150%; padding: 1%; margin: 1%; text-align: center; }
h2 { color: #003366; font-size: 135%;  padding: 1%; margin: 1%; text-align: center; }
h3 { font-size: 120%; padding: 1%; margin: 1%; }
.right-black-box { float: right; margin: 0.1%; padding: 0.5%; background: #000000; color: #ffffff; text-align: center; width: 20% }
.left-grey-box { float: left; margin: 1%; padding: 0.5%; background: #cccccc; text-align: left; width: 25% }
p { text-decoration: none;  text-align: left; padding: 1%; margin: 1%;  color: #ffffff; }
em { font-weight: bold; font-size: 100%; padding: 0.1%; text-align:left; }
a:link { text-decoration: underline;  color: #ffffff; padding: 0.1%; }
a:visited { text-decoration: underline; color: #cccccc; padding: 0.1%; }
a:hover { background: #003366; text-decoration: underline; color: #cccccc; padding: 0.1%; }
a:active { background: #003366; text-decoration: underline; color: #ffffff; padding: 0.1%; }
ul { text-decoration: none; padding:  1%2%1%1%; margin: 1%1%1%1%; text-align: left; }
li { text-decoration: none; padding: 0.1%; margin: 0.1%; text-align: left; }
.image-right {float: right; padding: 0.5%; margin: 0.5%; }
.image-left {float: left; padding: 0.5%; margin: 0.5%; }
.right-info-box { float: right; margin: 0.1%; padding: 0.5%; background: #cccccc; width:22%; }
.left-panel { float: left; margin: 0.1%; padding: 0.5%; background: #ffffff; width:75%; }
.menu a:link {  text-decoration: none; color: #ffffff; }
.menu a:visited {    text-decoration: none; color:  #cccccc; }
.menu a:hover {  text-decoration: none; font-weight: bold;   background:  #003366; color: #ffffff; }
.menu a:active {   text-decoration: none; font-weight: bold; background:  #003366; color: #ffffff; }
.footer { font-size: 75%; text-align: center; margin: 1%; padding: 1%; background: #003366;  color: #ffffff; }
.menu-item-current { text-decoration: none;  color: #ffffff; text-align: left; padding: 0.5%; margin: 0.1%; }
.menu-item { text-decoration: none;  text-align: left;  padding: 0.5%; margin: 0.1%;  }
.menu { float: left;  width: 15%; padding: 1%; }
.menu-header { font-size: 130%; text-align: left; }
.advert { margin: 0.5%; padding: 0%;  float: left; width:70%; }
.main-panel { float: left; margin: 0.1%; padding: 0.1%; background: #003366;  text-align: center; width:70%; }

