/* Type CSS rules here and they will be applied
to pages from 'editcss'
immediately as long as you keep this window open. */

html,body {
 margin:0px;
 font-family:arial,geneva,helvetica,sans serif;
 font-size:12px;
 background:url(images/overlap2lt.gif) repeat-y;
 background-position: 175 0;
}

#main {
 width:773px;
 height:100%;
}

#sidebar {
 position:absolute;
 left:0px;
 top:0px;
 width:195px;
 height:100%;
 background-color:#003300;
}

#topbar {
 top:0px;
margin:0px 0px 0px 197px;
height:53px;
background-color:#cc9933;
border-bottom:3px solid #660033;
}
html>body #topbar {
	height: 53px; /* ie5win fudge ends */
}

#topmenu {
  margin:0px 0px 0px 197px;
  background-color:#cc9933;
  height:53px;
  border-bottom:3px solid #660033;
  color:#ffffff;
  text-align:center;
  color:#cc9933;
}
#topmenu a {
 position:relative; 
 top:30px;
 margin:0px;
 color:#ffffff;
 text-decoration:none;
 font-size:14px;
 vertical-align:bottom;
 margin:0px 7px;
}
#topmenu a:hover {
 color:#660033;
}

#submenu {
  position:absolute;
  width:540px;
  left:200px;
  margin:0px 0px 0px 500px;
  background-color:#ffffff;
  height:20px;
  text-align:center;
  color:#ffffff;
  margin:5px;
  border:0px solid #ff0000;
}
#submenu a {
 color:#cc9933;
 margin:10px;
 text-decoration:none;
}
#submenu a:hover {
 color:#660033;
}

#maincontent { 
 margin:0px 0px 0px 198px;
 padding:30px;
 height:140px;
}

#images {
 width:100%;
 height:200px;
}
#img1 {
position:absolute;
}
#img2 {
position:absolute;
left:195px;
}
#img3 {
position:absolute;
left:390px;
}
#img4 {
position:absolute;
left:585px;
}
#strapline {
 margin:20px 0px 0px 400px;
 height:10px;
}
#logo {
 width:100%;
 background-color:#003300;
}
#address {
  position:absolute;
  bottom:0px;
  color:#ffffff;
  margin:10px;
}
.green {
 color:#99cc00;
 font-weight:bold;
}
#address a {
 color:#ffffff;
 text-decoration:none;
}
#address a:hover {
 color:#99cc00;
}
h1 {
 font-size:20px;
}