/* css stylesheet for www.chericbaker.co.uk */

body {
  font-family: Arial,Helvetica,sans-serif;
  color: #003333;
  font-size: 90%;

/* gradient background, cream at top then white #ffffff by 1000px down ff */
background-color: #ffffff;
background-image: url(images/gradient.jpg);
background-position: top;
background-repeat: repeat-x;
}

/* ==== centre content (requires strict html) ==== */
#alignment {
  margin: 0 auto;
  width: 900px;
}

/* ==== horiz menu ==== */
#menu1 {
  position:relative;
  display:block;height:21px;
  font-size:85%;
  font-weight:bold;
  background:transparent url(images/bgOFF.gif) repeat-x top left;
  font-family:Arial,Verdana,Helvitica,sans-serif;
  border-bottom:1px solid #d9d9d9;
}
#menu1 ul {
  margin:0;
  padding:0;
  list-style-type:none;
  width:auto;
}
/*                                 horizontal menu */
#menu1 ul li {
  display:block;
  float:left;
  margin:0 1px 0 0;
}
#menu1 ul li a {
  display:block;
  float:left;
  color:#034895;
  text-decoration:none;
  padding:3px 20px 3px 20px;     /* above, rt, below, left */
  height:18px;
}
#menu1 ul li a:hover {
  color:#034895;background:transparent url(images/bgHOVER.gif) repeat-x top left;
}
#menu1 ul li a.current {
  color:#034895;background:transparent url(images/bgHERE.gif) repeat-x top left;
}

/* ===== vertical menu ==== */
#menu2 {
  height:21px;
  font-size:85%;
  font-weight:bold;
  font-family:Arial,Verdana,Helvitica,sans-serif;
  width: 130px; /* that's the width of the coloured bars */
  text-align: left;
}
#menu2 ul {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position: outside;
}
/*                                  vertical menu */
#menu2 ul li {
  display:block;
  margin:4px;     /* vertical spacer between items */
}
#menu2 ul li a {
  display:block;
  color:#034895;
  text-decoration:none;
  /* padding top then sides */
  padding: 3px 10px 3px 10px;     /* above, rt, below, left */
  height:18px;
}
#menu2 ul li a:hover {
  color:#034895;
  background:transparent url(images/bgHOVER.gif) repeat-x top left;
}
#menu2 ul li a.current {
  color:#034895;
  background:transparent url(images/bgHERE.gif) repeat-x top left;
}