@import "reset.css";

body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:0.7em;
  color:#85878a;
}

#layout {
  width:100%;
  height:100%;
  background:url(../images/bg_tile.jpg) repeat-x #616161;
  background-position:0px 157px;
  text-align:center;
}

#header {
  background-color:#FFFFFF;
  height:157px;
  width:100%;
  text-align:center;
}

#header img {
  padding-top:26px;

}

#footer_full {
  height:60px;
  width:100%;
  background-color:#FFFFFF;
}

#footer_centred, #main {
  width:948px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

#main {
position:relative;
text-align:left;
background-color:#151515;
width:930px; /* allows for padding */
padding:11px 0px 12px 20px;
margin-top:12px;
margin-bottom:10px;
min-height:300px;
}

#footer_centred {
  color:#929089;
  padding-top:15px;
  font-size:11px;
}
#footer_centred a {  color:#929089; }
#footer_centred a:hover {  color:#666666; }

/**************** menu ******************/

#menu { height:50px; position:relative; z-index:20;   }

#menu a, #menu span { display:block; float:left; background-repeat:no-repeat; position:relative;  }
#menu a:hover img { visibility:hidden;  }

#menu #m1 { background-image: url(../images/menu/m-1-o.png); }
#menu #m2 { background-image: url(../images/menu/m-2-o.png); }
#menu #m3 { background-image: url(../images/menu/m-3-o.png); }
#menu #m4 { background-image: url(../images/menu/m-4-o.png); }
#menu #m5 { background-image: url(../images/menu/m-5-o.png); }
#menu #m6 { background-image: url(../images/menu/m-6-o.png); }
#menu #m7 { background-image: url(../images/menu/m-7-o.png); }
#menu #m8 { background-image: url(../images/menu/m-8-o.png); }
#menu #m9 { background-image: url(../images/menu/m-9-o.png); }
#menu #m10 { background-image: url(../images/menu/m-10-o.png); }

#menu ul.sub {
display:none;
position:absolute;
top:39px; left:-9px;
padding:0px;
margin:0px;
margin-left:1px;
z-index:10;
}  /* show sub */
 
#menu span:hover ul.sub { display:block;}  /* show sub */
  
#menu ul.sub li {
display:block;
list-style:none;
}  
  
#menu ul.sub li a {
display:block;
color:#FFFFFF;
text-decoration:none;
background-image:url(../images/submenubg1.png); background-repeat:repeat-x;
background-color:#535353;
width:182px; 
float:none;
padding:5px 3px 5px 10px;
}  
  
#menu ul.sub li a:hover {
background-color:#444444;
background-image:url(../images/submenubg2.png);
}  

/**********************************/


/*////////////////////////////////////////////////////////*/

.clearer { width:100%; clear:both; }

a {color:#c6c4c4; text-decoration:underline; }
a:hover {color:#eeeeee; text-decoration:underline; }

/* general text */

h1 {
  color:#b1b3b6;
  font-weight:bold;
  font-size:1.1em;
  margin:5px 0px 2px 0px;
}
p { margin:2px 0px 9px 0px; }