/* Golden Mile Styling CSS 
 * - all visual appearance stuff (3-col / header / footer is done in layout.css)
 */
html { 
  background: url(../img/bg-clouds.jpg) 0px 0px;  /* note need to give background-position for moving clouds */
}
body { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  color: #444444;
  line-height: 1.4;
}
#header { 
  background: url(../img/hdr-img-1.png); 
}
#content {
  background: #ffffff; 
}
h1 {  /* page title - normally done as images */
}
h1.text {  /* page title - for when there's no prepared image available */
  font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 24px;  /* use px as relates to fixed-size image */
  font-weight: bold;
  color: #ffcb06;
  background: url(../img/h1-splash.jpg);
  width: 509px;  /* img width 525px  - 16px padding */
  height: 50px;  /* img height 62px - 12px padding */
  padding: 12px 0 0 16px;
  margin-bottom: 20px;
}
h2 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1em;
  color: 2E3092;
}
h3 {
  font-size: 1em;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 1em;
}
h4 {
  margin-bottom: 1em;
}
p {
  margin-bottom: 1em;
  max-width: 48em;
}
table {
  border-collapse: collapse;
}
tr {
  vertical-align: top;
}
td, th {
  padding-right: 1em;
  padding-bottom: 0.8em;
}
th {
  font-weight: normal;
  font-style: italic;
  text-align: left;
}
a {
  color: #000099;
  text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
hr {
  margin-bottom: 2em;
}
/*
 * ---- classes
 */
.indent {
  margin-left: 2em;
}
.small {
  font-size: 0.8em;
}
.grey {
  color: #808080;
}
.wide {
  max-width: none;
}
.pale { color: #999999; }
.info { color: #cc3300; font-weight: bold; margin: 2em; padding: 1em; border: 1px solid #cc6600; }
.small-caps {
  font-variant: small-caps;
}
.ie6-warn {
  font-size: 0.8em;
  color: #000099;
  padding: 2em;
}
.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}
.nowrap {
  white-space: nowrap;
}
 
/*
 * ---- ID styles
 */
p#subnav a {
  font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  letter-spacing: 0.8pt;
}
/* accessible image rollover menus - http://inobscuro.com/tutorials/read/19/ */
#menu ul {
  width: 180px;
  list-style: none;
}
#menu ul li {
  height: 40px;
  background-repeat: no-repeat;
}
#menu ul li a, #menu ul li a:visited {
  display: block;
  text-decoration: none;
  text-indent: -1000px;  /* move the text way off stage-left */
  height: 40px;  /* this needs to be repeated even though it's in 'li' */
}
/* menu images suffixed '-' are rollover versions */
#menu ul li.menu-home            { background-image: url(../img/menu/home-.gif); }
#menu ul li.menu-home a          { background-image: url(../img/menu/home.gif); }
#menu ul li.menu-teachers        { background-image: url(../img/menu/teachers-.gif); }
#menu ul li.menu-teachers a      { background-image: url(../img/menu/teachers.gif); }
#menu ul li.menu-kids            { background-image: url(../img/menu/kids-.gif); }
#menu ul li.menu-kids a          { background-image: url(../img/menu/kids.gif); }
#menu ul li.menu-parents         { background-image: url(../img/menu/parents-.gif); }
#menu ul li.menu-parents a       { background-image: url(../img/menu/parents.gif); }
#menu ul li.menu-pdm            { background-image: url(../img/menu/pdm-.gif); }
#menu ul li.menu-pdm a          { background-image: url(../img/menu/pdm.gif); }
#menu ul li.menu-extserv         { background-image: url(../img/menu/extserv-.gif); }
#menu ul li.menu-extserv a       { background-image: url(../img/menu/extserv.gif); }
#menu ul li.menu-partners         { background-image: url(../img/menu/partners-.gif); }
#menu ul li.menu-partners a       { background-image: url(../img/menu/partners.gif); }
#menu ul li.menu-sponsors        { background-image: url(../img/menu/sponsors-.png); }
#menu ul li.menu-sponsors a      { background-image: url(../img/menu/sponsors.png); }
#menu ul li.menu-bookings        { background-image: url(../img/menu/bookings-.gif); }
#menu ul li.menu-bookings a      { background-image: url(../img/menu/bookings.gif); }
#menu ul li.menu-fundraising     { background-image: url(../img/menu/fundraising-.gif); }
#menu ul li.menu-fundraising a   { background-image: url(../img/menu/fundraising.gif); }
#menu  ul  li.menu-howto     	 { background-image: url(../img/menu/howto-.gif); }
#menu  ul  li.menu-howto  a  	 { background-image: url(../img/menu/howto.gif); }
#menu  ul  li.menu-news     	 { background-image: url(../img/menu/news-.png); }
#menu  ul  li.menu-news  a  	 { background-image: url(../img/menu/news.png); }
#menu ul li.menu-contactus       { background-image: url(../img/menu/contactus-.gif); }
#menu ul li.menu-contactus a     { background-image: url(../img/menu/contactus.gif); }
#menu ul li.menu-adminhome       { background-image: url(../img/menu/adminhome-.png); }
#menu ul li.menu-adminhome a     { background-image: url(../img/menu/adminhome.png); }
#menu ul li.menu-class           { background-image: url(../img/menu/class-.png); }
#menu ul li.menu-class a         { background-image: url(../img/menu/class.png); }
#menu ul li.menu-classtotals     { background-image: url(../img/menu/classtotals-.png); }
#menu ul li.menu-classtotals a   { background-image: url(../img/menu/classtotals.png); }
#menu ul li.menu-editmydetails   { background-image: url(../img/menu/editmydetails-.png); }
#menu ul li.menu-editmydetails a { background-image: url(../img/menu/editmydetails.png); }
#menu ul li.menu-logout          { background-image: url(../img/menu/logout-.png); }
#menu ul li.menu-logout a        { background-image: url(../img/menu/logout.png); }
#menu ul li.menu-school          { background-image: url(../img/menu/school-.png); }
#menu ul li.menu-school a        { background-image: url(../img/menu/school.png); }
#menu ul li.menu-schoolhome      { background-image: url(../img/menu/schoolhome-.png); }
#menu ul li.menu-schoolhome a    { background-image: url(../img/menu/schoolhome.png); }
#menu ul li.menu-schooltotals    { background-image: url(../img/menu/schooltotals-.png); }
#menu ul li.menu-schooltotals a  { background-image: url(../img/menu/schooltotals.png); }
#menu ul li a:hover {
  background: none;  /* remove 'a' bg image on hover, revealing 'li' bg image */
}
/* we can even enable text menus for when no image menu is available! */
#menu ul {
  font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
}
#menu ul li.menu-text1         { background-image: url(../img/menu/blank-1.png); }
#menu ul li.menu-text2         { background-image: url(../img/menu/blank-2.png); }
#menu ul li.menu-text3         { background-image: url(../img/menu/blank-3.png); }
#menu ul li.menu-text4         { background-image: url(../img/menu/blank-4.png); }
#menu ul li.menu-text1 a, 
#menu ul li.menu-text2 a, 
#menu ul li.menu-text3 a, 
#menu ul li.menu-text4 a       { text-indent: 0; color: #ffffff; padding: 8px 20px 0 0; text-align: right; }
#menu ul li.menu-text1 a:hover, 
#menu ul li.menu-text2 a:hover, 
#menu ul li.menu-text3 a:hover, 
#menu ul li.menu-text4 a:hover { color: #ffcb06; }
#footer {
  background: #ffcb06;
  color: #ffffff;
}
@media print  { 
  html { background: none; }  /* remove clouds */
  #header { display: none; }  /* remove clouds */
  #footer { border-top: 1px solid #999999; color:#CCCCCC; background: none; }
}