body {background:#000;}

p {
  color:#fff;
  font-family:arial;
  font-size:10pt;}

a { 
  color:#fff;
  border:0; 
}


h1 { color:#fff; font-family:arial; font-size:16pt; }
h2 { color:#fff; font-family:arial; font-size:14pt; }
h3 { 
  color:#fff;
  font-family:arial;
  font-size:12pt;
  background:#000000;
  margin:5px;
  padding:5px;}

#home, #saints, #full-stop, #re-group, #events, #venue, #outlook, #live, #you, #topical, #invading-the-wye, #organisation,  #news, #sitemap, #contact, #policies { background-color:#000000; }

#container {
  position:absolute;
  left:50%;
  margin:10px 0px 10px -500px;
  width:1000px;}
#saints #container { background:#fff url(styles/saints/background.jpg) no-repeat bottom; }
#full-stop #container { background:#fff url(styles/stop/background.jpg) no-repeat bottom; }
#re-group #container { background:#fff url(styles/regroup/background.jpg) no-repeat bottom; }
#events #container { background:#fff url(styles/events/background.jpg) no-repeat bottom; }
#venue #container { background:#fff url(styles/venue/background.jpg) no-repeat bottom; }
#outlook #container { background:#fff url(styles/outlook/background.jpg) no-repeat bottom; }
#live #container { background:#fff url(styles/live/background.jpg) no-repeat bottom; }
#you #container { background:#fff url(styles/you/background.jpg) no-repeat bottom; }
#topical #container { background:#fff url(styles/topical/background.jpg) no-repeat bottom; }
#wye #container { background:#fff url(styles/wye/background.jpg) no-repeat bottom; }
#organisation #container { background:#fff url(styles/organisation/background.jpg) no-repeat bottom; }
#news #container { background:#fff url(styles/news/background.jpg) no-repeat bottom; }
#sitemap #container { background:#fff url(styles/sitemap/background.jpg) no-repeat bottom; }
#contact #container { background:#fff url(styles/contact/background.jpg) no-repeat bottom; }
#policies #container { background:#fff url(styles/policies/background.jpg) no-repeat bottom; }

#home #container {
  background:#fff url(styles/home/fist.png);
  position:relative;
  left:50%;
  margin-left:-500px;
  margin-top:10px;
  height:800px;
  width:1000px;}

#header {
  height:200px;
  width:1000px;}

#header { background:url(styles/home/header.jpg); }

#header #title {
  position:absolute;
  height:50px;
  width:500px;
  top:145px;
  left:7px;
  border:0;}

#saints #header #title { background:url(styles/saints/title.png) no-repeat left; }
#stop #header #title { background:url(styles/stop/title.png) no-repeat left; }
#regroup #header #title { background:url(styles/regroup/title.png) no-repeat left; }
#events #header #title { background:url(styles/events/title.png) no-repeat left; }
#venue #header #title { background:url(styles/venue/title.png) no-repeat left; }
#outlook #header #title { background:url(styles/outlook/title.png) no-repeat left; }
#live #header #title { background:url(styles/live/title.png) no-repeat left; }
#you #header #title { background:url(styles/you/title.png) no-repeat left; }
#topical #header #title { background:url(styles/topical/title.png) no-repeat left; }
#wye #header #title { background:url(styles/wye/title.png) no-repeat left; }
#organisation #header #title { background:url(styles/organisation/title.png) no-repeat left; }
#news #header #title { background:url(styles/news/title.png) no-repeat left; }
  
#header #logo {
  background:url(styles/all/logob.jpg);
  position:absolute;
  height:190px;
  width:190px;
  top:5px;
  left:805px;
  opacity:0.5;
  filter:alpha(opacity=50)}

#header #logo:hover {
  opacity:1;
  filter:alpha(opacity=100);}

/*home*/
/*home*/
/*home*/

#home #home_nav a {
  display:inline;
  width:190px;
  height:190px;
  margin:5px;
  padding:0px;
  float:left;
  text-indent:-9999px;
  outline-style:none;
}

#home #home_nav a#st {
  width:390px;
}

#home #st { background:#000000 url(styles/home/st.jpg); width:390px; height:190px; }
#home #stp { background:#000000 url(styles/home/stop.jpg); }
#home #r { background:#000000 url(styles/home/r.jpg); }
#home #e { background:#000000 url(styles/home/e.jpg); }
#home #v { background:#000000 url(styles/home/v.jpg); }
#home #o  { background:#000000 url(styles/home/o.jpg); }
#home #l  { background:#000000 url(styles/home/l.jpg); }
#home #u  { background:#000000 url(styles/home/u.jpg); }
#home #t  { background:#000000 url(styles/home/t.jpg); }
#home #i  { background:#000000 url(styles/home/i.jpg); }
#home #o2  { background:#000000 url(styles/home/o2.jpg); }
#home #n  { background:#000000 url(styles/home/n.jpg); }

#home #st:hover { background:url(styles/home/st.jpg) -390px 0px;}
#home #stp:hover { background:url(styles/home/stop.jpg) -190px 0px; }
#home #r:hover { background:url(styles/home/r.jpg) -190px 0px; }
#home #e:hover { background:url(styles/home/e.jpg) -190px 0px; }
#home #v:hover { background:url(styles/home/v.jpg) -190px 0px; }
#home #o:hover { background:url(styles/home/o.jpg) -190px 0px; }
#home #l:hover { background:url(styles/home/l.jpg) -190px 0px; }
#home #u:hover { background:url(styles/home/u.jpg) -190px 0px; }
#home #t:hover { background:url(styles/home/t.jpg) -190px 0px; }
#home #i:hover { background:url(styles/home/i.jpg) -190px 0px; }
#home #o2:hover { background:url(styles/home/o2.jpg) -190px 0px; }
#home #n:hover { background:url(styles/home/n.jpg) -190px 0px; }

#home #star  { background:#000000 url(styles/all/logob.jpg); width:190px; height:190px; }
#home #footer {
  background:#000;
  position:relative;
  width:180px;
  height:180px;
  float:left;
  margin:5px;
  padding:5px;
  text-align:right;}
#home #footer a {
  color:#fff;
  height:0px;}


/*others*/
/*others*/
/*others*/

/*navigation*/

#navigation {
  background:#fff;
  height:100px;
  width:990px;
  margin:5px 5px 5px 5px;
  overflow:hidden; }
#navigation a {
  background:#000;
  display:block;
  height:50px;
  width:50px;
  float:left;
  margin-right:10px;
  text-indent:-9999px;}
#navigation a:hover {
  height:100px;
  width:100px;}

#navigation #st { background:url(styles/all/nav.jpg) 0px 0px; }
#navigation #stp { background:url(styles/all/nav.jpg) -50px 0px; }
#navigation #r { background:url(styles/all/nav.jpg) -100px 0px; }
#navigation #e { background:url(styles/all/nav.jpg) -150px 0px; }
#navigation #v { background:url(styles/all/nav.jpg) -200px 0px; }
#navigation #o { background:url(styles/all/nav.jpg) -250px 0px; }
#navigation #l { background:url(styles/all/nav.jpg) -300px 0px; }
#navigation #u { background:url(styles/all/nav.jpg) -350px 0px; }
#navigation #t { background:url(styles/all/nav.jpg) -400px 0px; }
#navigation #i { background:url(styles/all/nav.jpg) -450px 0px; }
#navigation #o2 { background:url(styles/all/nav.jpg) -500px 0px; }
#navigation #n { background:url(styles/all/nav.jpg) -550px 0px; }

#navigation #st:hover { background:url(styles/all/nav.jpg) -600px 0px; }
#navigation #stp:hover { background:url(styles/all/nav.jpg) -700px 0px; }
#navigation #r:hover { background:url(styles/all/nav.jpg) -800px 0px; }
#navigation #e:hover { background:url(styles/all/nav.jpg) -900px 0px; }
#navigation #v:hover { background:url(styles/all/nav.jpg) -1000px 0px; }
#navigation #o:hover { background:url(styles/all/nav.jpg) -1100px 0px; }
#navigation #l:hover { background:url(styles/all/nav.jpg) -1200px 0px; }
#navigation #u:hover { background:url(styles/all/nav.jpg) -1300px 0px; }
#navigation #t:hover { background:url(styles/all/nav.jpg) -1400px 0px; }
#navigation #i:hover { background:url(styles/all/nav.jpg) -1500px 0px; }
#navigation #o2:hover { background:url(styles/all/nav.jpg) -1600px 0px; }
#navigation #n:hover { background:url(styles/all/nav.jpg) -1700px 0px; }

/*entry*/
.entry {
  background:#000;
  width:770px;
  margin:5px;
  float:left;
  display:inline;
  padding:10px;
  min-height:370px;
}

.entry img {
  margin:5px;
  border:0;
}

/*right*/
#right {
  height:390px;
  width:190px;
  float:right;
  margin:5px;}
#right #image { 
  background-color:#000000;
  width:180px;
  height:180px;
  padding:5px;
  float:right;}
  
/*footer*/
#right #footer {
  background:#000;
  width:180px;
  height:180px;
  margin-top:10px;
  padding:5px;
  float:right;}
#right #footer p {
  text-align:right;
  margin-right:5px;}

#saints #right #image { background:#000 url(styles/saints/image.jpg) 5px 5px no-repeat; }
#full-stop #right #image { background:#000 url(styles/stop/image.jpg) 5px 5px no-repeat; }
#re-group #right #image { background:#000 url(styles/regroup/image.jpg) 5px 5px no-repeat; }
#events #right #image { background:#000 url(styles/events/image.jpg) 5px 5px no-repeat; }
#venue #right #image { background:#000 url(styles/venue/image.jpg) 5px 5px no-repeat; }
#outlook #right #image { background:#000 url(styles/outlook/image.jpg) 5px 5px no-repeat; }
#live #right #image { background:#000 url(styles/live/image.jpg) 5px 5px no-repeat; }
#you #right #image { background:#000 url(styles/you/image.jpg) 5px 5px no-repeat; }
#topical #right #image { background:#000 url(styles/topical/image.jpg) 5px 5px no-repeat; }
#wye #right #image { background:#000 url(styles/wye/image.jpg) 5px 5px no-repeat; }
#organisation #right #image { background:#000 url(styles/organisation/image.jpg) 5px 5px no-repeat; }
#news #right #image { background:#000 url(styles/news/image.jpg) 5px 5px no-repeat; }
#sitemap #right #image { background:#000 url(styles/all/logob.jpg) 5px 5px no-repeat; }
#contact #right #image { background:#000 url(styles/all/logob.jpg) 5px 5px no-repeat; }
#policies #right #image { background:#000 url(styles/all/logob.jpg) 5px 5px no-repeat; }


#map-square .st { background:url(styles/all/st.png); width:50px; height:50px; }
#map-square .stop { background:url(styles/all/stop.png); width:50px; height:50px; }
#map-square .r { background:url(styles/all/r.png); width:50px; height:50px; }
#map-square .e { background:url(styles/all/e.png); width:50px; height:50px; }
#map-square .v { background:url(styles/all/v.png); width:50px; height:50px; }
#map-square .o { background:url(styles/all/o.png); width:50px; height:50px; }
#map-square .l { background:url(styles/all/l.png); width:50px; height:50px; }
#map-square .u { background:url(styles/all/u.png); width:50px; height:50px; }
#map-square .t { background:url(styles/all/t.png); width:50px; height:50px; }
#map-square .i { background:url(styles/all/i.png); width:50px; height:50px; }
#map-square .o2 { background:url(styles/all/o2.png); width:50px; height:50px; }
#map-square .n { background:url(styles/all/n.png); width:50px; height:50px; }
#map-square .contact { background:url(styles/all/conatct.png); width:50px; height:50px; }

#sitemap #container { background:#fff url(styles/all/dot.jpg) no-repeat bottom center; }