@import url('base.css');
@import url('menuleft.css');

body, #banner, footer, footer a
{
  background-color: #666666;
}

footer, footer a
{
  color: white;
}

#main_wrapper
{
  background-color: #999999; /* Sidebar background colour. */
}

#main
{
  background-color: #cccccc; /* Main background colour. */
  color: black;
}

body
{
  font-family:Calibri, sans-serif;
}

#banner
{
  background-image: url('/assets/graphics/camra_logo_b_w.gif');
  background-repeat: no-repeat;
  background-position: left center;
  background-attachment: scroll;
  height: 180px;
  color: white;  /* Banner text colour. */
}

#banner h1, #banner h2
{
  padding-left: 120px;
  margin: 0 0 0.2ex 0;
}

#logo
{
  float: left;
  height: 80px;
  padding-right: 20px;
}

#sidebar
{
  border: none;
}

#footer a
{
  text-decoration: underline;
}

#menu a
{
  color: #f6f6f6; /* Menu text colour. */
  padding: 0.4ex;
}

#menu a:hover
{
  color: #333333;   /* Menu highlight text colour. */
  background-color: #eeeeee;     /* Menu highlight background colour. */
  box-shadow: 0 0 1.5ex 0 #eeeecc;  /* Menu highlight glow effect. */
  border-top-left-radius: 0.7ex;
  border-bottom-left-radius: 0.7ex;
}