<style type="text/css">
/*New CSS for St Giles*/

/*links*/

A:link
{ text-decoration: none; color:#999999; }
A:visited
{ text-decoration: none; color:#990000; }
A:active
{ text-decoration: none; color:#666666; }
A:hover
{ text-decoration: blink; color:#666666; }

/*style for overall page*/

body 
{ background: #ffffff /*url(sitepics/head-bg.jpg) repeat-x*/;

margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0; 
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}


/*divs for header, footer, left, right and main sections*/
#box {
width: 800px;
height: 155px;
margin: 0px auto -1px auto;
} 

#header {
  padding-top: 5px;
  font-size: 20px;
  font-weight: bold;
  text-align: center; 
  text-decoration: none;
  height: 155px;
  width: 800px;
  z-index:+1;
}

#head-img {
  display: block;
  padding-top: 2px;
  float: left;
  font-size: 20px;
  font-weight: bold;
  text-align: center; 
  text-decoration: none;
}

#head-tb {
  display: block;
  padding-top: 25;
  float: right;
  font-size: 20px;
  font-weight: bold;
  text-align: center; 
  text-decoration: none;
}

#head-text {
  display: block;
  margin: 5px;
  background-color:#3399ff;
  font-size: 20px;
  font-weight: bold;
  text-align: center; 
  text-decoration: none;
}

#left {
  position: absolute;
  left: 10px;
  top: 180px;
  width: 150px;
}

#main {
  top: 180px;
  margin-left: 180px;
  margin-right: 180px;
  padding: 3;
}

#right {
  position: absolute;
  right: 10px;
  top: 180px;
  width: 170px;
}

#footer {
  left: 0;
  right: 0;
  margin-top: 10px;
}


/*navigation menu*/

#menu {
font-family: arial, verdana, helvetica;
text-decoration: none
}

#navlink {
text-decoration: none; 
background:url('sitepics/button.jpg') no-repeat;
display:inline-block;
padding:2;
height: 22;
width: 140;
}


/*notice boxes*/

.notice {
  margin-top:10;
  margin-left:5;
  padding:3;
  border: #000000 2px solid;
  background-color:#3399ff;
}

p.n_text {
  color: #FFFFFF;
  font-weight: 900;
  font-family: arial;
  size: "3";
  text-align: center;
}

p.n_textl {
  color: #FFFFFF;
  font-family: arial;
  size: "3";
  text-align: center;
}

/*fonts*/



h1.head {
font-family: MidietSans, Charcoal, Arial Black, Gadget, sans-serif;
color: #333399;
font-size:190%;
margin-top:7px;
margin-bottom:-10px;
}

h3.head {
font-family: MidietSans, Arial Black, Gadget, sans-serif;
color: #333399;
font-size: 110%;
margin-top:5px;
margin-left:7px;
margin-right:7px;
margin-bottom:7px;
}

h1 {
font-family: arial, verdana, helvetica;
color: #333399;
}

h2 {
font-family: arial, verdana, helvetica;
color: #333399;
}

h3 {
font-family: arial, verdana, helvetica;
color: #333399;
}

h4 {
font-family: arial, verdana, helvetica;
color: #333399;
}

p {
font-family: arial, verdana, helvetica;
color: #333399;
}

/*lists*/

li {
font-family: arial, verdana, helvetica;
color: #333399;
}

/*Tables*/

td {
padding: 10px;
font-family: arial, verdana, helvetica;
color: #99ccff;
}

/*Image floating*/

img.floatr{ 
    float: right; 
    clear: right; 
    margin: 4px;
}

img.floatl{ 
    float: left; 
    clear: left; 
    margin: 4px;
}

/**/

</style>

