/* Default box */
.useful-right-boxes
{
  overflow: hidden;
}
.hpage
{
  clear: left;
}
.useful-right-boxes .box
{
  padding: 5px;
  margin-bottom: 1em;
  float: left;
  clear: left;
  background-color: #E3E3DC;
  width: 165px;
}
.useful-right-boxes .box DIV.head
{
  background-color: #E3E3DC;
}
.useful-right-boxes .content
{
  display: none;
  background-color: #FFF;
  padding: 0.5em;
  margin-top: 0.5em;
}

.useful-right-boxes .date
{
  font-weight: bold;
  padding: 0.5em 0;
}

/* Sort out the various colours of box */
.useful-right-boxes .grey
{
  background-color: #E3E3DC;
}
.useful-right-boxes .grey DIV.head
{
  background-color: #BDBDA4;
}
.useful-right-boxes .blue
{
  background-color: #ADE0F9;
}
.useful-right-boxes .blue DIV.head
{
  background-color: #71CEF5;
}
.useful-right-boxes .green
{
  background-color: #D8E588;
}
.useful-right-boxes .green DIV.head
{
  background-color: #C1D72E;
}
.useful-right-boxes .mauve
{
  background-color: #D9DAEB;
}
.useful-right-boxes .mauve DIV.head
{
  background-color: #C2C3DE;
}
/* End colours */

/* sort out the layout of the different kinds of box */
.useful-right-boxes .head
{
  float:left;
  width: 100%;
  font-weight: bold;
}
.useful-right-boxes  IMG
{
  border: 0;
}
.useful-right-boxes A
{
  text-decoration: none;
}
.useful-right-boxes .head DIV
{
  line-height:35px; /* used to vertically align without using too much extra markup */
  float:left;
}
.useful-right-boxes .head IMG
{
  float:left;
}
.useful-right-boxes .link
{
  font-weight: bold;
  text-align: center;
  clear: both;
}
.useful-right-boxes .landing DIV.link
{
  background-color: #FFF;
  padding: .3em;
  position: relative;
  height: 1%;
}
.useful-right-boxes .landing .head DIV
{
  float: none;
  text-align: center;
}
.useful-right-boxes .landing IMG
{
  display: none;
}
.useful-right-boxes .landing DIV.head
{
  background: none;
}
.useful-right-boxes .landing .head .title
{
  font-size: 120%;
  line-height: 1em;
  padding: 0 0 .25em 0;
  float: none;
  display: block;
}
.useful-right-boxes .simple .link
{
  display: none;
}
.useful-right-boxes .graphic .title
{
  display: none;
}
.useful-right-boxes .graphic DIV.head
{
  background: #FFF;
}
.useful-right-boxes .blog .content
{
  display: block;
}
/* end box layout */