body  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.4em;
	color:#4b4b4b;
	background-image:url(../images/background.gif);
	background-repeat:repeat;
	margin:0 auto;
	}


a:link, a:active  { 
	font-family:Arial, Helvetica, sans-serif;
	color:#4b4b4b;	
	text-decoration:underline;
	}
	
.error 
{
    color:#FF0000;
    }

a:visited {color:#4b4b4b;}

a:hover {color:#999999;}

h1 {
	color: #eb6623;
	font-size: 1.4em;
	margin: 0;
	padding: 0;
	}
	
h2 {
	color: #eb6623;
	font-size: 1.2em;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
	padding: 0;
	}	
	
h3 {
	color: #eb6623;
	font-size: 1.0em;	
	font-weight:bold;
	margin: 0px;
	padding: 0;
	}

h4 {
    color: #4b4b4b;
    font-size: 1.2em;
    font-weight:bold;
    margin: 20px 0 5px 0;
    }
	
h4.link {
    color: #eb6623;
    font-size: 1.1em;
    font-weight:bold;
    margin: 20px 0 5px 0;
    }

a img, img {border: 0;}

a:focus {outline:none}

.none {position: absolute; left: -1000em; width: 20em;}	

ul {
	list-style:none;
	margin: 0px;
	padding: 0px;		
	}
	
li {
	margin: 0px;
	padding: 0px;		
	}
	
.orange ul {
	list-style-type: none;		
	margin: 10px 0px 0px 0px;
	padding: 0px;
	}
	
.orange li{
	display:block;
    background:transparent url(../images/orange_square.gif) no-repeat;
    background-position:0px 7px;	
	padding: 2px 0px 5px 15px;
	}	
	
.background {
	background-image:url(../images/content_back.gif);
	}

/* Bespoke classes */
.bold {font-weight: bold;}
.regular {font-weight:normal;}
	
.floatleft {float: left;}	
	
.floatright {
	float: right;
	text-align: right;
	}	
	
.clear {clear: both;}		
	
a .alt, .alt {  
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; /* for the benefit of IE5 Mac */
	}

.center {
	margin:0 auto;
	text-align: center;
	}
	
.left {text-align: left;}	


/* Main Divs */
#mainwrapper {
	width: 790px;
	margin:0 auto;	
	}

#wrapper {
	width:770px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 10px;		
	text-align:left;	
	background-color: #FFFFFF;	
	float:left;	
	}
	
#content {
	width:770px;
	background-color: #FFFFFF;	
	float: left;	
	}	
	
#header {
	width: 770px;
	height: 106px;
	background-image:url(../images/header_back.gif);
	float:left;
	}	

/* Main Nav */
#mainnav {
	width: 770px;
	height: 29px;
	background:url(../images/nav_back.gif) no-repeat;
	float:left;
	}
	
#mainnav ul{
	margin:0px;
	padding:0px;
	}	
	
#navlist li {
	display: inline;
	list-style-type: none;
	}		

#homebutton, #aboutbutton, #beerbutton, #pubbutton, #newsbutton, #referencebutton, #shopbutton, #membersbutton, #linksbutton, #contactbutton {
	float:left;
	height:28px;	
	}

#homebutton a, #aboutbutton a, #beerbutton a, #pubbutton a, #newsbutton a, #referencebutton a, #shopbutton a, #membersbutton a, #linksbutton a, #contactbutton a{
	display:block;
	height:28px;
	}
	
#homebutton, #homebutton a{
	width:62px;
	background:url(../images/navigation/home.gif) 0% 0% no-repeat;	
	}
#aboutbutton, #aboutbutton a{
	width:72px;
	background:url(../images/navigation/aboutus.gif) 0% 0% no-repeat;
	}
#beerbutton, #beerbutton a{
	width:48px;
	background:url(../images/navigation/beer.gif) 0% 0% no-repeat;
	}
#pubbutton, #pubbutton a{
	width:52px;
	background:url(../images/navigation/pubs.gif) 0% 0% no-repeat;
	}
#newsbutton, #newsbutton a{
	width:52px;
	background:url(../images/navigation/news.gif) 0% 0% no-repeat;	
	}
#referencebutton, #referencebutton a{
	width:84px;
	background:url(../images/navigation/reference.gif) 0% 0% no-repeat;
	}
#shopbutton, #shopbutton a{
	width:50px;
	background:url(../images/navigation/shop.gif) 0% 0% no-repeat;
	}
#membersbutton, #membersbutton a{
	width:112px;
	background:url(../images/navigation/members.gif) 0% 0% no-repeat;
	}
#linksbutton, #linksbutton a{
	width:58px;
	background:url(../images/navigation/links.gif) 0% 0% no-repeat;
	}	
#contactbutton, #contactbutton a{
	width:82px;
	background:url(../images/navigation/contact.gif) 0% 0% no-repeat;
	}	

#homebutton a:hover, #aboutbutton a:hover, #beerbutton a:hover, #pubbutton a:hover, #newsbutton a:hover, #referencebutton a:hover, #shopbutton a:hover, #membersbutton a:hover, #linksbutton a:hover, #contactbutton a:hover{
	background-position:0% 100%;
	}
	
	
/* Sub Nav */
.subnav, #viewmap {
	width: 135px;
	float:left;
	}

.subnav {
	font-size: 0.9em;
	}
	
.subnav ul, #viewmap ul{
	margin: 0px;
	padding:0px;
	list-style-type: none;	
	}	
	
.sublist li, #viewlist li{
    background:transparent url(../images/subnav_arrow.gif) no-repeat;
    background-position:0px 8px;
	padding-top: 5px;
	padding-left: 15px;		
	}		
	
/* Footer */
.footer {
	background-image:url(../images/footer_back.gif);
	width: 760px;
	height: 22px;
	color: #fff;
	font-size: 0.9em;
	padding-right:10px;
	}
	
.footer a, .footer a:active, .footer a:visited {color: #fff; text-decoration:none;}
.footer a:hover {color: #b2cdb2; text-decoration:none;}

/* Form elements */
.searchinput {
	border: 1px solid #ccc;
	font-size: 0.8em;
	width: 100px;
	}
	
.addinput {
	border: 1px solid #737373;
	font-size: 0.8em;
	width: 30px;
	padding: 0px;
	text-align: center;
	}		
	
.login {
	border: 1px solid #ccc;
	font-size: 1em;
	width: 120px;
	}
	
#form1 {
	margin:0px;
	padding: 10px 0px 10px 0px;
	}

#form1 input, #form1 .textlabel, #form1 .textlabellong, #form1 .select {
	display:block;
	float:left;
	}

#form1 input {
	width: 200px;
	margin:2px 1px 2px 1px;
	border: 1px solid #ccc;
	}
	
#form1 .radio input {width: 30px; border: 0px;}
	
#form1 .check {border: 0px; width:20px;}
	
#form1 .textlabel {
	width: 70px;
	height:17px;
	padding: 2px 2px 2px 0px;
	margin: 1px;
	font-weight: bold;
	}
	
#form1 .textlabellong {
	width: 130px;
	height:17px;
	padding: 2px 2px 2px 0px;
	margin: 1px;
	font-weight: bold;
	}	
	
#form1 textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;	
	width: 300px;
	float:left;
	margin:3px 1px 3px 1px;
	border: 1px solid #ccc;
	}

/* Buttons */
.read_button, .read_button a{display:block;width:83px;height:16px;background:url(../images/buttons/readmore.gif) 0% 0% no-repeat}
.read_button a:hover{background-position:0% 100%}

.more_button, .more_button a{display:block;width:72px;height:16px;background:url(../images/buttons/moreinfo.gif) 0% 0% no-repeat}
.more_button a:hover{background-position:0% 100%}

.backlist_button, .backlist_button a{display:block;width:84px;height:16px;background:url(../images/buttons/backtolist.gif) 0% 0% no-repeat}
.backlist_button a:hover{background-position:0% 100%}

.basket_button, .basket_button a{display:block;width:100px;height:16px;background:url(../images/buttons/add_basket.gif) 0% 0% no-repeat}
.basket_button a:hover{background-position:0% 100%}

.basket_button2, .basket_button2 a{display:block;width:111px;height:21px;background:url(../images/buttons/add_basket2.gif) 0% 0% no-repeat}
.basket_button2 a:hover{background-position:0% 100%}

.editbasket_button, .editbasket_button a{display:block;width:84px;height:16px;background:url(../images/buttons/edit_basket.gif) 0% 0% no-repeat}
.editbasket_button a:hover{background-position:0% 100%}

.adduser_button, .adduser_button a{display:block;width:76px;height:16px;background:url(../images/buttons/add_user.gif) 0% 0% no-repeat}
.adduser_button a:hover{background-position:0% 100%}

.viewall_button, .viewall_button a{display:block;width:67px;height:16px;background:url(../images/buttons/viewall.gif) 0% 0% no-repeat}
.viewall_button a:hover{background-position:0% 100%}

.rss_button, .rss_button a{display:block;width:40px;height:14px;background:url(../images/buttons/rss.gif) 0% 0% no-repeat}
.rss_button a:hover{background-position:0% 100%}

.update_button, .update_button a{display:block;width:53px;height:16px;background:url(../images/buttons/update.gif) 0% 0% no-repeat}
.update_button a:hover{background-position:0% 100%}

.submit_button, .submit_button a{display:block;width:67px;height:16px;background:url(../images/buttons/submit.gif) 0% 0% no-repeat}
.submit_button a:hover{background-position:0% 100%}

.search_button, .search_button a{display:block;width:67px;height:16px;background:url(../images/buttons/search.gif) 0% 0% no-repeat}
.search_button a:hover{background-position:0% 100%}

.backtonews_button, .backtonews_button a{display:block;width:94px;height:16px;background:url(../images/buttons/backtonews.gif) 0% 0% no-repeat}
.backtonews_button a:hover{background-position:0% 100%}

.remove_button, .remove_button a{display:block;width:18px;height:16px;background:url(../images/buttons/remove.gif) 0% 0% no-repeat}
.remove_button a:hover{background-position:0% 100%}

.edit_button, .edit_button a{display:block;width:18px;height:16px;background:url(../images/buttons/edit.gif) 0% 0% no-repeat}
.edit_button a:hover{background-position:0% 100%}

.download_button, .download_button a{display:block;width:84px;height:16px;background:url(../images/buttons/download.gif) 0% 0% no-repeat}
.download_button a:hover{background-position:0% 100%}

.checkout_button, .checkout_button a {display:block;width:107px;height:24px;background:url(../images/buttons/checkout.gif) 0% 0% no-repeat}
.checkout_button a:hover {background-position:0% 100%}

.proceed_button, .proceed_button a {display:block;width:170px;height:24px;background:url(../images/buttons/proceed.gif) 0% 0% no-repeat}
.proceed_button a:hover{ background-position:0% 100%}

.viewmore_button, .viewmore_button a{display:block;width:84px;height:16px;background:url(../images/buttons/viewmore.gif) 0% 0% no-repeat}
.viewmore_button a:hover{background-position:0% 100%}

.login_button, .login_button a{display:block;width:59px;height:16px;background:url(../images/buttons/login.gif) 0% 0% no-repeat}
.login_button a:hover{background-position:0% 100%}

.logout_button, .logout_button a{display:block;width:67px;height:16px;background:url(../images/buttons/logout.gif) 0% 0% no-repeat}
.logout_button a:hover{background-position:0% 100%}

.comment_button, .comment_button a{display:block;width:106px;height:16px;background:url(../images/buttons/bbpacomment.gif) 0% 0% no-repeat}
.comment_button a:hover{background-position:0% 100%}

.policy_button, .policy_button a{display:block;width:84px;height:16px;background:url(../images/buttons/view_policy.gif) 0% 0% no-repeat}
.policy_button a:hover{background-position:0% 100%}

a.word,a.word:active,a.word:visited,a.word:hover,a.pdf,a.pdf:active,a.pdf:visited,a.pdf:hover,a.excel,a.excel:active,a.excel:visited,a.excel:hover{display:block;padding-top:2px;text-decoration:underline;padding-left:25px}
	
a.word, a.word:active, a.word:visited, a.word:hover  {background: url(../images/wordicon.gif) no-repeat;}
a.excel, a.excel:active, a.excel:visited, a.excel:hover  {background: url(../images/excelicon.gif) no-repeat;}
a.pdf, a.pdf:active, a.pdf:visited, a.pdf:hover  {background: url(../images/pdf.gif) no-repeat;}

/* Members area */
.watermark {
	background:url(../images/member_watermark.gif) no-repeat;
	}
	
.shopwatermark {
	background:url(../images/shop_watermark.gif) no-repeat;
	}

.memberhome_list {
	width: 183px;
	margin-left: 12px;
	background-color: #f4f4f4;	
	}

.memberhome_list ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
	}
	
.memberhome_list li{
	height: 60px;
	display:block;
	border-bottom: solid #d3d2d2 1px;
    background:transparent url(../images/docicon.gif) no-repeat;
    background-position:0px 8px;
	padding: 5px 0px 5px 15px;
	margin: 0px 10px 0px 10px;
	}
	
.parliamentheader, .positionheader, .technicalheader {
	width: 157px;
	height: 20px;
	padding: 13px 0px 0px 38px;
	color: #fff;
	font-weight: bold;
	}
	
.parliamentheader {
	background-image:url(../images/parliament_header.gif);
	}
	
.positionheader {
	background-image:url(../images/position_header.gif);
	}
	
.technicalheader {
	background-image:url(../images/technical_header.gif);
	}	
	
.digestheader {
	background-image:url(../images/digest_header.gif);
	width: 484px;
	height: 20px;
	padding: 14px 0px 0px 38px;
	color: #fff;
	font-weight: bold;
	}	
	
.digestheader a,.digestheader a:visited,.digestheader a:active {
	color: #fff;
	text-decoration: none;
	}
	
.digestheader a:hover {
	color: #f3d9cc;
	text-decoration: none;	
	}

.panelnav {
	width: 250px;
	float:left;
	}
	
.panelnav ul{
	margin: 0px;
	padding:0px;
	list-style-type: none;	
	}	
	
.panellist li {
    background:transparent url(../images/subnav_arrow.gif) no-repeat;
    background-position:0px 10px;
	padding-left: 15px;
	padding-top: 8px;
	}	
	
.meetingbox {
	width: 238px;
	background-color: #f9f9f9;
	border: solid #cacaca 1px;
	padding: 10px 10px 10px 20px;
	}


.member_list ul {
	width: 270px;
	list-style:none;
	margin: 0px;
	padding: 0px;
	}
	
.member_list li{
	display:block;
	padding: 5px 0px 5px 20px;
	}	
	
.panelback {background:url(../images/panel_back.gif) repeat-y;}

.year {
	font-size: 1.0em;
	margin-left: 10px;	
	}
	
.digest_panel {
	padding-right: 50px;
	margin-left: 13px;
	width: 434px;
	}		

.doc_list ul {
	width: 500px;
	list-style:none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	}
	
.doc_list li{
	display:block;
    background:transparent url(../images/docicon.gif) no-repeat;
    background-position:0px 8px;
	padding: 5px 0px 5px 15px;
	margin: 0px 10px 0px 10px;
	}			

/* Shop area */

.basket_strip {
	width: 115px;
	height: 18px;
	color:#fff;
	background-image:url(../images/basket_strip.gif);
	padding:3px 0px 0px 35px;
	}

#basket_list ul {
	width: 130px;
	list-style:none;
	margin: 0px;
	padding: 0px;
	}
	
#basket_list li{
	display:block;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	}	

/* Contact page */

#map {
	width: 270px;
	height: 250px;
	}

.orangetitle {
	background-color: #EC6523;
	color: #fff;
	padding: 2px 0px 2px 10px;	
	font-weight: bold;
	}

.orangetitle a:link, .orangetitle a:visited{color: #fff;}
.orangetitle a:hover{color: #fbb390;}

/* Font styles */
.newsdate {
	color: #eb6623;
	font-size: 0.9em;
	}

.copyright {
	color: #ffffff;
	font-size: 0.9em;
	}
	
.text12 {
	font-size: 1.2em;
	}	

/* borders */
.greenborder {border: solid 1px #013300;}
.wtb {border-top: solid 1px #fff;}
.wrb {border-right: solid 1px #fff;}
.wlb {border-left: solid 1px #fff;}
.wtb10 {border-top: solid 10px #fff;}
.greydots {border-top: dashed #d3d2d2 1px;}
.greydots_bottom {border-bottom: dashed #d3d2d2 1px;}

/* Text colours */
.whitetext {color: #FFFFFF;}
.orangetext {color: #EC6523;}
.orangetext a, .orangetext a:active,.orangetext a:visited {color: #EC6523;}
.orangetext a:hover {color: #f7a780;}
	
/* Backgrounds */
.whiteback {background-color: #fff;}
.vlightgreyback {background-color: #F9F9F9;}
.lightgreyback {background-color: #F4F4F4;}
.midgreyback {background-color: #e9e9e9;}
.mediumgreyback {background-color: #cacaca;}
.darkgreyback {background-color: #919191;}
.orangeback {background-color: #EC6523;}


/* Padding */
.padding2 {padding: 2px;}
.padding5 {padding: 5px;}
.paddingleft5 {padding-left: 5px;}
.paddingright5 {padding-right: 5px;}
.paddingbottom5 {padding-bottom: 5px;}
.paddingtop5 {padding-top: 5px;}
.padding10 {padding: 10px;}
.paddingtop10 {padding-top: 10px;}
.paddingleft10 {padding-left: 10px;}
.paddingright10 {padding-right: 10px;}
.paddingright12 {padding-right: 12px;}
.paddingright15 {padding-right: 15px;}
.paddingbottom10 {padding-bottom: 10px;}
.paddingbottom20 {padding-bottom: 20px;}
.paddingtop20 {padding-top: 20px;}
.paddingleft20 {padding-left: 20px;}
.paddingleft25 {padding-left: 25px;}
.paddingright20 {padding-right: 20px;}
.paddingtop50 {padding-top: 50px;}
.paddingleft55 {padding-left: 55px;}
.paddingleft77 {padding-left: 77px;}
.paddingleft140 {padding-left: 140px;}
.paddingleft150 {padding-left: 150px;}
.paddingtop150 {padding-top: 150px;}

/* Margin */
.marginleft10 {margin-left: 10px; display:inline;}
.marginright10 {margin-right: 10px;}
.marginright12 {margin-right: 12px;}
.margintop10 {margin-top: 10px;}
.marginbottom20 {margin-bottom: 20px;}
.marginleft20 {margin-left: 20px;}
.margintop2 {margin-top: 2px;}
.marginright2 {margin-right: 2px;}

/* Widths */
.w30 {width: 30px;}
.w70 {width: 70px;}
.w100 {width: 100px;}
.w140 {width: 140px;}
.w148 {width: 148px;}
.w150 {width: 150px;}
.w175 {width: 175px;}
.w192 {width: 192px;}
.w195 {width: 195px;}
.w200 {width: 200px;}
.w218 {width: 218px;}
.w238 {width: 238px;}
.w250 {width: 250px;}
.w270 {width: 270px;}
.w295 {width: 295px;}
.w340 {width: 340px;}
.w360 {width: 360px;}
.w400 {width: 400px;}
.w430 {width: 430px;}
.w492 {width: 492px;}
.w500 {width: 500px;}
.w510 {width: 510px;}
.w512 {width: 512px;}
.w522 {width: 522px;}
.w600 {width: 600px;}
.w610 {width: 610px;}
.w770 {width: 770px;}

/* Heights */
.h16 {height: 16px;}
.h280 {height: 280px;}