body {line-height: 1.4;font-size:14px;font-family:"arial,sans-serif,'Liberation Sans',FreeSans";}

#container {background-image:url('bgwitch1.jpg')} 
#header {height: 149px; width: 100%;}
#header #header_wrapper {width:960px; margin: 0 auto;}
#header h1 {width: 50%;}
#login {float: left; margin-top: 40px; margin-left:100px;}
#login #login_user {}

#menu {height: 30px; width: 100%;}
#menu ul {width: 960px; margin: 0 auto;}
#menu li {list-style-type: none; float: left; padding: 0; margin: 0;}
#menu li a {display: block; padding: 0 10px; text-decoration: none; color: #999; height: 30px; line-height: 2.4em;}
#menu li a:hover, #menu li a.selected {color:#CC99CC;}

#content {padding-top: 20px; padding-bottom: 20px; }
#content #content_wrapper {width: 960px; margin: 0 auto;}

#content.login .main {border: 1px solid #fff; padding: 10px;}

#content.subpage .main {border: 1px solid #fff; width: 550px; padding: 5px; float: left; margin-right: 10px;}
#content.subpage .side {border: 0px solid #fff; width: 350px; padding: 10px; float: left;}

#promo_area {padding: 20px 0;}
#promo_area #promo_wrapper {width: 960px; margin: 0 auto;}
#promo_area #promo1, #promo_area #promo2 {width: 450px; padding: 10px; float: left;}
#promo_area #promo1 {margin-right: 10px;}

#content.homepage .main {border: 0px solid #fff; width: 550px; padding: 5px; float: left; margin-right: 10px; background-image:url('bg800.jpg')}
#content.homepage .side {border: 0px solid #fff; width: 350px; padding: 10px; float: left;}

#footer {padding-top: 20px; padding-bottom: 20px;}
#footer #footer_wrapper {width: 960px; margin: 0 auto;color:#eee;}

/**** Temp background colours ***/
#header, #login {background-color: #000;}
#menu, #footer {background-color: #000;}
#content {background-color: #000;}
#promo_area {background-color: #000;}