/**
	YUI Reset Css
**/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
	{
	margin: 0;
	padding: 0;
	color: #000;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a, a:hover {
	color: #424242;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn, /*em,*/ /*strong,*/ th,var {
	font-style: normal;
	font-weight: normal;
}

/*ol,ul {
	list-style:none;
}*/
caption,th {
	text-align: left;
}

/*h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
*/
q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

/**
	End Reset CSS
**/
ul li {
}
.clr {
	clear: both;
	height: 3px;
	line-height: 0;
	padding: 0;
	margin: 0;
}

/**
    Set body font
**/
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 82.5%;
}

h1 {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0;
	padding: 9px 0 3px;
	text-align: center;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
	padding: 3px 0 9px;
}

h3 {
	font-size: 1.1em;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 4px 0 1px;
	text-decoration: none;
}

h5 {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 6px 0 2px;
	text-decoration: none;
}

p {
	font-size: 1em;
	line-height: 1.1em;
	margin: 0 0 0.9em;
	padding: 2px;
}

.white-text {
	color: #FFFFFF;
}

.bold {
	font-weight: bold;
}

/**
    General Layout
**/
#wrapper {
	width: 980px;
	margin: 0 auto;
}

#layout-header { /* Removed to domain specific css */
	
}

#layout-header ul {
	float: right;
	margin-top: 8px;
}

#layout-header li {
	display: inline;
	padding: 1px 0 0 4px;
	/* Removed border to domain specific css */
	vertical-align: bottom;
    margin-left: 0px;
}

#layout-header li.last {
	border: 0;
}

#layout-header li a { /* Removed font color to domain specific css */
	font-size: 82.5%;
	/* Removed no underline to domain specific css */
	padding-right: 4px;
}

#layout-header h1 {
	margin-top: 27px;
	margin-left: 141px;
}

#layout-header h1 a {
	display: block;
	width: 392px;
	height: 72px;
}

#layout-header h1 a span {
	position: absolute;
	left: -999em;
}

#breadcrumbs {
	margin-top: 2px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 82.5%;
	float: left;
}

#user-info {
	float: right;
	margin-top: 1px;
	font-size: 82.5%;
	padding-bottom: 5px;
	margin-right: 10px;
	/** Set the dimensions in here? **/
}

#body {
	margin-top: 8px;
}

.col {
	float: left;
	margin-bottom: 15px;
}

#left {
	width: 210px;
}

#centre {
	width: 555px;
	padding: 0 5px 0 25px;
}
#centre .ad-banner {
	text-align: center;
	margin-bottom: 8px;
	text-indent: -25px; /** Matt: Centre banners over the 2 columns on the homepage, will look weird when/iff banners are used on other pages **/
}
/**
 * Redefine centre column width for two column layout
 */
body#two-col #centre {
	width: 715px;
}

#right {
	width: 160px;
}

#right .ad-banner {
	margin-top: 8px;
	text-align: center;
}

div#login-box form,div#login-box div {
	margin: 8px;
}
div#login-box form {
	font-size: 75%;
}
div#login-box form input {
	margin-bottom: 5px;
	font-size: 100%;
	width: 90%;
}
div#login-box form input[type=checkbox] {
	width: auto;
	margin-right: 5px;	
}
div#login-box form input[type=submit] {
	width: auto;
	float: right;
}
div#login-box div a button {
	text-decoration: none;
	display: block;
	margin-top: 12px;
}

/**
 * Related items divs
 */
div.related-items {
	margin: 6px 0;
}
div.related-items h3 {
	padding:3px 0 2px 15px;
	font-size: 80%;
}
div.related-items ul {
	margin: 4px;
	list-style: none;
	font-size: 80%;
}
#layout-footer {
	clear: both;
	/* Removed background image to domain specific css */
	padding: 12px 15px 12px 15px;
	min-height: 10px;
}

#layout-footer a { /* Removed font colour to domain specific css */
	
}

#layout-footer ul {
	float: left;
}

#layout-footer li {
	display: inline;
	margin-left: 0px;
}

#layout-footer span {
	float: right;
}

.navbox {
	margin-bottom: 10px;
}

.navbox h2 {
	/* Removed background image and font colour to domain specific css */
	/* Removed bold font to domain specific css */
	padding: 3px 0 2px 15px;
}

.navbox ul {
	list-style: none;
}

.navbox ul li {
	margin-left: 0px;
}

.navbox li a {
	/* Removed background image and font colour to domain specific css */
	display: block;
	padding: 3px 0 1px 15px;
	font-size: 82.5%;
	/* Removed bold font to domain specific css */
	text-decoration: none;
}

.navbox ul li ul li a {
	padding-left: 20px;
}

.navbox li a:hover { /* Removed to domain specific css */
	
}

/**
    Content Area Styles
**/
#centre ul {
	margin: 5px 12px 5px 0px;
	padding-left: 0;
}

#centre ul li {
	/*list-style-type: none;
	margin-bottom: 10px; */
}

.keyfacts {
	background-color: #F3F6F7;
	border: 1px solid #A8A8A8;
	display: block;
	margin-bottom: 4px;
	margin-top: 6px;
	padding: 5px;
}

.keyfacts h2 {
	color: #333333;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0;
	padding: 9px 0 3px;
}

.browse {
	color: #333333;
	font-size: 1.1em;
	line-height: 1em;
	margin: 0;
	padding: 2px 0 8px;
}

ul.list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ol.list {
    margin: 0;
    padding: 5px 25px;
}
ol.list li {
    margin: 0;
    padding: 2px 0px;
}

.list a {
	color: #333333;
}

.list a:hover {
	text-decoration: none;
}

/**
    New Account Signup Form
**/
form.account-form dt {
	float: left;
	clear: left;
	width: 40%;
	margin-bottom: 6px;
}

form.account-form dd {
	float: left;
	width: 58%;
	margin-bottom: 6px;
}

form.account-form fieldset {
	margin: 8px 0;
}

form.account-form input {
	width: 65%;
}

form.account-form input.submit-button,form.account-form input.checkbox {
	width: auto;
}

form .validation-advice {
	/*background: url(/images/icons/error.png) no-repeat 0 8px;*/
	/*padding-left: 18px;*/
	padding-top: 8px;
	font-weight: bold;
	color: red;
}

/**
 * 	Section Homepage
 */
#section-home {
	width: 49%;
	/*clear: both;*/
	float: left;
}

#section-home a {
	color: #000;
	text-decoration: none;
}

#section-home h1 {
	font-size: 100%;
	text-align: left;
}

/**
 * Forum
 */
#forum {
	width: 770px;
}

/**
 * Site search
 */
#search {
	clear: both;
	float: right;
	padding-top: 20px;
}

#search #string {
	border: 1px solid #CCCCCC;
	width: 210px;
}

/**
 * Homepage features
 */
div.homepage-feature {
	float: left;
	width: 47%;
	margin: 0 5px 0 0;
	/*clear: both;
	padding: 0 0 12px 0;
	*/
}
div#centre div.homepage-feature ul, div#centre div.homepage-feature li {
	list-style: none;
}
div.homepage-feature p {
	margin-bottom: 5px;
}
div.homepage-feature h2 {
	padding-left: 6px;
	font-size: 100%;
}

div.homepage-feature.homepage-news a, div.homepage-feature.homepage-features a {
	text-decoration: none;
	font-weight: bold;
}
div.homepage-feature.homepage-news a:hover, div.homepage-feature.homepage-features a:hover {
	text-decoration: underline;	
}
div.homepage-feature span.feature-date {
	font-size: 82.5%;
}
#centre div.homepage-feature ul {
	margin-bottom: 5px;
}
/*div.mini-col {
	float: left;
	width: 48%;
}*/ /**
 * Forum overrides
 */
div.contentBox2,div.contentBox {
	float: left;
	width: 733px;
	margin-left: 20px;
}

a#logout-link {
	display: block;
	margin-top: 8px;
}

/* Hide the footer stuff */
div#layout-footer form {
	display: none;
}

/**
 * Pagination controls
 */
div#paginated-list div.paginationControlTop, div#paginated-list div.paginationControlBottom {
	text-align: center;
	margin: 10px 0;
}
div#paginated-list div.paginationControlBottom {
	margin-bottom: 0;
}
/* Styling for individual pagination items */
div#paginated-list div { 
	
}
div#paginated-list div h2 {
	
}
div#paginated-list div p {
	
}
div#paginated-list div p a {
	clear: left;
}
div#paginated-list div p a, div#paginated-list div p span {
	font-size: 80%;
	font-weight: bold;
}
div#paginated-list div p span {
	display: block;
}

/**
 * User subscriptions table in the my-account section
 */
table#user-subscriptions {
	width: 100%;
}
table#user-subscriptions th {
	width: 33%;
}
.alignright {
    text-align: right;
}

/**
 * Subscription reminder displayed in the sidebar
 * 
 */
p#subscription-notification {
	font-size: 80%;
	padding: 8px 0;	
}
.sitemap-top {
    background-image: url(/images/icons/tree/base.gif);
    background-repeat: no-repeat;
    padding-top: 20px;
}
.sitemap-inner {
    position: relative;
    left: 18px;
    top: -10px;
    margin: 0px; 
    padding-left: 18px;
    background-image: url(/images/icons/tree/line.gif);
    background-repeat: repeat-y;
}
.sitemap-inner2 {
    position: relative;
    left: 18px;
    top: -10px;
    margin: 0px; 
    padding-left: 18px;
    background-image: url(/images/icons/tree/line.gif);
    background-repeat: repeat-y;
}
/**
 * Tidy up for legislation page
 * Maybe we should look at making this a bit more generic?
 */
div#legislation h1 {
    text-align: center;
    font-weight: bold;
    padding: 3px 0 1px 5px;
	margin-bottom: 8px;
}
div#legislation div.legislation-home-item a {
	text-decoration : none;
}
div#legislation div.legislation-home-item span a {
	text-decoration: underline;
}
div#legislation a {
	margin-bottom: 8px;
}
div#legislation div.legislation-home-item {
	width: 48%;
	float: left;
	margin-right: 8px;
	padding-bottom: 8px;
}

/**
 * Reqwuired form elements
 */
form label span.required-item {
	font-weight: bold;
	color: red;
}

/**
 * Bit of styling for lists
 */
div#centre ul {
}
div#centre ul li {
	/* margin-left: 8px; */
	margin-bottom: 2px;
}

#centre .textbox_clear ul {
    list-style: none;
}
#centre .textbox_clear ul li {
    list-style: none;
}


/* and remove any bullets from form elements */
div#centre form ul {
	margin: 0;
	list-style: none;
}
div#centre form ul li {
	margin: 0;
	list-style: none;
}
#account-detail dl dt {
    width: 180px;
    float: left;
    font-weight: bold;
}

a.word {
    background-image: url(/images/icons/page_word.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}

/**
 * Quick fix for nested lists in legisltation section
 */
div#legislation ul.list li ul.list {
	list-style-type: circle;
}
#subscriber-only-toc {
    list-style: none; 
    margin: 0px;
    padding: 0px;
}
#subscriber-only-toc li {
    font-weight: bold;
}
#subscriber-only-toc li ul {
    list-style: none;
}
#subscriber-only-toc li ul li {
    font-weight: normal;
    margin-left: 20px;
}
#summary-list {
    margin-left: 20px;
}
#summary-list li {
    margin-left: 25px;
}
#toc-all {
    list-style: none; 
    margin: -20px;
    padding: 0px;
}
#toc-all li {
    font-weight: bold;
}
#toc-all li ul {
    list-style: none;
    margin-left: 20px;
}
#toc-all li ul li {
    font-weight: normal;
    /*font-size: 0.8em;*/
}