/* CSS Document */

* { margin: 0; padding: 0; }

html { }

body { color: #666; font: 0.8em/1.4em "Times",Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; margin: 0px auto; background: #eee; }

a { color: #534741; }
a:hover { color: #8a0029; }

/*
colours
========================
brown #8a0029
yellow	#ffce4a
*/

/* Main Layout */

#header,
#footer,
#buffer,
#container { margin: 0px auto; display: block; width: 800px; }

#container { xbackground: url(/site/images/bg-strip.gif) repeat-y top center; background: white; border-radius: 0 0 10px 10px; margin-bottom: 50px; box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.3); }

#footer { clear: both; text-align: center; xbackground: url(/site/images/bg-footer.gif) no-repeat top center; height: 50px; }

#header { xmargin: 0px 20px 0px 20px; width: 800px; height: 170px; }

#buffer { height: 20px; }

#content { display: block; width: 580px; margin: 20px 0px 0px 0px; float: left; padding-bottom: 20px; xborder: red dashed 1px; }

#main { display: block; width: 360px; float: left; overflow: hidden; xborder: blue dashed 1px; padding: 0px 10px; }
#main h1, #main h2 { padding: 10px 10px 10px 0px; font-size: 1.7em; }
#main p { padding: 20px 10px 0px 0px }
#main ul { padding: 10px 20px 20px 40px; }
#main a { color: #534741; xmargin: 10px 50px 10px 20px; }
#main a:hover { color: #8a0029; }

#sidebar { display: block; float: left; width: 190px; overflow: hidden; xborder: green dashed 1px; padding-left: 10px }

#right { display: block; width: 150px; float: left; }
#right h2 { padding: 10px 0px 5px 10px; font-size: 1.1em; text-align: right; }
#right p  { text-align: right; padding: 0px 0px 5px 20px; }
#right a { text-align: right; text-decoration: none; color: #534741; }
#right a:hover { color: #ffce4a; }
#right.last { background: none; }
#right #promo { background: url(/site/images/strip-right.gif) no-repeat bottom left;  }
#right #promo.last { background: none; }

/* Left Items */

#menu { display: block; margin-top: 20px; padding-left: 50px; width: 150px; float: left; font: 0.8em/1.4em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#menu ul { list-style: none; color: #534741; }
#menu ul li {  background: url(/site/images/strip-left.gif) no-repeat bottom left; float: left; display: block;  }
#menu ul li a { display: block; line-height: 40px; text-indent: 0px; color: #534741; text-decoration: none; float: left; width: 150px; }
#menu ul li a:hover { color: #8a0029; }
#menu ul li.last { background: none; }

/*Footer*/

#footer { clear: both; }
#footer a { text-decoration: none; }