/* DEFAULT STYLE RULES LGAR Tue 14 November 2.45pm */
/* Sets some sensible defaults to avoid re-writing code */

		html * {
			font-family 	: arial,helvetica,sans-serif;
			font-size 		: 94%;
			font-style 		: normal;
			list-style 		: none;
		}
	
	/* Accessibility */

		.hidden {
			text-indent 	: -90000px; /* accessible visibility:hidden - read by screenreaders  */
		}
	
		.removed,
		#accessibility {
			left 			: -90000px; /* accessible display:none - read by screenreaders */
			position 		: absolute;
		}

	/* Navigation */

		a:link 		{ text-decoration : none; }
		a:hover,
		a:active 	{ text-decoration : underline; }
		a:visited 	{ text-decoration : none; }
	
	/* Cleaners */
	
		.clear {
			clear 			: both; /* Usually br.clear but you never know */
		}
	
		hr {
			clear 			: both;
			visibility 		: hidden;
		}
	
	/* Lists */

		ul {
			list-style 		: none;
		}
		
		
		
/* DESIGN STYLE RULES */
/* Sets up the templates, layouts for the site, associated imagery. Also handles typography of non-content areas such as masthead, navigation, sidebars */
/* and footers. */
	
	
		body {
			text-align 		: center;
			margin 			: 46px 0;
		}
	
		#wrap {
			border 			: 1px solid #CECECE;
			margin 			: 0 auto;
			text-align 		: left;
			width 			: 792px;
		}
		
		#header *,
		#search *,
		#nav *,
		#content *,
		#extras *,
		#footer *,
		#footer2 *,
		#utility-links {
			border 			: none;
			margin 			: 0;
			padding 		: 0;
		}
	
	/* Masthead */
	
		#userbar {
			color 	 		: #666;
			font-size 		: 0.9em !important;
			margin 			: 8px 15px 4px 26px;
		}
	
		#userbar span {
			float 			: left;
			font-size 		: 0.9em !important;
			margin 		 	: 3px 10px 0 0;
		}
	
		#userbar a {
			color 			: #000;
			font-size 		: 1em !important;
		}
	
		#search {
			float 			: right;
		}
	
		#header {
			background 		: #FFF url("../images/lgar/general/bg-header.jpg") no-repeat top right !important;
			margin 			: 0 15px 17px 26px;
			padding-top 	: 5px;
		}
	
	/* Navigation */
	
		#nav {
			background 		: #ABE0EC;
			float 			: left;
			font-size 		: 1em;
			margin 			: 0 15px 0 26px;
			width 			: 135px;
		}
	
		#nav ul {
			padding  		: 1px 4px 5px 4px;
		}
	
		#nav li {
			margin-top		: 5px;
		}
	
		#nav li a,
		#nav li.activeChild span {
			background 		: #CCECF4 url("../images/lgar/navigation/bg-nav-corner.gif") no-repeat bottom right;
			color 			: #000;
			display 		: block;
			padding 		: 4px 10px 4px 4px;
		}
		
		#nav li.parent,
		#nav li.section {
			background 		: #ABE0EC;
		}
		
		#nav li.parent a {
			background 		: #ABE0EC url("../images/lgar/navigation/bg-nav-chevron-left.gif") no-repeat top left;
			margin-left 	: 3px;
			padding 		: 0 4px 0 9px;
		}
	
		#nav li.section a,
		#nav li.activeSection span {
			background 		: #86D2E4 url("../images/lgar/navigation/bg-nav-active-corner.gif") no-repeat bottom right;
			display 		: block;
			font-weight 	: bold;
			padding 		: 4px;
		}
	
		#folder {
			border-top 		: 3px solid #FFF;
		}
		
		#folder div {
			padding 		: 6px 8px 4px 8px;
		}
		
		#folder ul {
			background 		: #CCECF4 url("../images/lgar/navigation/bg-nav-corner.gif") no-repeat bottom right;
			margin  		: 0 4px;
			padding 		: 0;
		}
		
		#folder li a {
			background 		: #CCECF4 url("../images/lgar/navigation/bg-nav-chevron-right.gif") no-repeat top left;	
			padding-left 	: 11px;		
		}
		
		#folder p a {
			color 			: #333;
			display 		: block;
			text-decoration	: underline;
			margin		 	: 2px 4px 2px 4px;
			zoom 			: 1;
		}	
		
	/* Content Area */
	
		#content_wrapper {
			float 			: left;
			width 			: 429px;
		}
		
		#content_wrapper_large {
			float 			: left;
			width 			: 601px;
		}
	
		#content {
			border-right 	: 1px solid #CCC;
			float 			: left;
			padding-right 	: 10px;
		}
		
		#pageBody {
			float 			: left;
			padding-right 	: 10px;
		}
		
		#content_wrapper_large #content {
			border 			: none;
		}
		
		.story {
			background-color: #ffffff;
			border-bottom: 1px solid #cccccc;
			margin-bottom: 6px;
			padding-bottom: 6px;
		}
 
		div.story p { 
			margin-top: 6px;
			margin-bottom: 6px;
		}

		div.story h2 {
			margin-top: 5px;
			margin-bottom: 5px;
		}

		.storyimg {
			margin-top: 6px;
			margin-right:10px; 
			margin-bottom:20px;
			float: left;
			border: none;
		}
		
		* html #pageBody.register {
			margin-left 	: 5px;
		}
		
		.register {
			margin-left: 0 !important;
		}
	
	/* Sidebar */
		#extras,
		#content_wrapper #extras {		
			float 			: left;
			width 			: 172px !important;
		}
		
		/* Fixes odd source code positioning of extras on register page  */
		 .register #extras,
		 .register #extras {
			float 			: right !important;
			width 			: 172px !important;
		}
	
		#extras h2 {
			color 			: #333;
			font-size 		: 1.1em;
			margin-bottom	: 15px;
		}
	
		#extras p {
			color 			: #333;
			font-size 		: 1em;
		}
	
		#extras .linkbox {
			background 		: url("../images/lgar/general/bg-linkbox-border.gif") no-repeat bottom right;
			float 			: left;
			margin 		 	: 0 0 20px 10px;
			width 			: 162px;			
		}
		
		#extras .innerbox {		
			padding 		: 0 8px 8px 0;
		}
	
		#extras .innerbox div {
			margin-bottom	: 10px;
		}
		
		#extras .innerbox h2 {
			margin-bottom	: 5px;
			padding-bottom	: 0;
		}
	
		#extras .innerbox h3 a {
			color 			: #01A0C7;
			font-size 		: 1em;
		}
		
		#extras .innerbox ul {
			margin 			: 0;
			padding 		: 0;
		}
		
		#extras .innerbox li {
			margin 			: 0;
			padding 		: 0;			
		}
		
		#extras .innerbox li a {
			background 		: url("../images/lgar/bullets/blt-default.gif") no-repeat top left;	
			color 			: #01A0C7;
			display 		: block;
			font-size 		: 1em;
			line-height 	: 150%;
			padding-left 	: 11px;	
			zoom 			: 1;	
		}
		
		#extras .address,
		#extras .whatsnew {
			background 		: #E7F6FB url("../images/lgar/general/bg-address-corner.gif") no-repeat bottom right;
			color 			: #333;
			font-size 		: 0.9em !important;
			margin 		 	: 0 0 20px 10px;
			padding 		: 4px;
		}
		
		#extras .share .innerbox {
			background 		: url("../images/general/bg-linkbox-border.gif") no-repeat bottom right;
			float 			: left;
			margin 		 	: 0 0 20px 10px;
			width 			: 162px;		
		}
		
		#extras div.sectionSearchPanel {
			background 		: #EEE;
			border-bottom 	: 1px solid #CCC;
			margin-right	: 10px;
			margin-left 	: 10px;

		}
		
		/* Search this section panel */
		
		#extras .sectionSearchPanel {
			width 			: 164px;
		}


		#extras div.sectionSearchPanel h2 {
			border-bottom 	:1px solid white;
			padding 		:8px 0px 5px 5px;

		}
		
		* html #extras .whatsnew {
			margin 		 	: 0 0 20px 1px;
		}
		
	/* Footer */
		
		#footerlinks {
			border-top 		: 1px solid #CCC;
			margin 			: 10px 15px 2px 26px !important;
			padding-top 	: 0;
			width 			: auto;
		}
		
		#utility-links {
			text-align 		: right;
		}
				
		#utility-links ul {
			margin 			: 10px 0 20px 26px;
			padding 		: 0;

		}
		
		#footerlinks li,	
		#utility-links li {
			border-right	: 1px solid #666;
			display 		: inline !important;
			padding-left 	: 3px;
			margin-right 	: 5px;
			padding-right 	: 10px;
		}
		
		#footerlinks a {
			color 			: #666;
			font-size 		: 1em;
			text-decoration	: none;
		}
		
		#utility-links a {
			color 			: #666;
			font-size 		: 0.9em;
			text-decoration	: none;
		}
		
		#footerlinks ul li a {
			white-space: nowrap;
		}
		
		#global a:hover,
		#footerlinks a:hover,	
		#utility-links a:hover {
			text-decoration	: underline;		
		}
		
		#global li.last,
		#footerlinks li.last,
		#utility-links li.last {
			border 			: none !important;
		}

		#footer {
			border-top 		: 1px solid #ccc;
			color 			: #999;
			font-size 		: 1em;
			margin 			: 0 15px 0 26px !important;
			padding 		: 0.5em 0;		
 		}

		#footer p {
			line-height 	: 100%;
			margin 			: 0;
		}

		#footer a {
			color 			: #999;
			text-decoration : underline;
		}

		#footer div {
			float 			: left;
		}

		#footer div.left {
			float 			: left;
			padding 		: 0 0 30px 0;
		}

		#footer div.right {
			float 			: right;
			padding 		: 0 0 30px 0;
		}

		#footer div.left img {
			margin 			: 0 8px 0 0;
		}

		#footer div.right img {
			margin 			: 0 0 0 8px;
		}
		
		#bottomEditLink {
			clear 			: both;
			text-align 		: center;
		}
		
		#bottomEditLink a {
			color 			: #666;
			text-decoration : none;
		}
		
		
/* TYPOGRAPHY STYLE RULES */
/* Sets the rules for copy that sits in the main content areas of the site. Doesn't necessarily style all textual elements (i.e. sidebars, footers, mastheads) */
	
	/* General Content typography */
	
		#content {
			color 			: #333;
			font-size 		: 1em;
			line-height 	: 18px;
		}
	
		#content a:link 	{ color : #01A0C7; }
		#content a:visited 	{ color : #666; }
	
		#content p,
		#content li {
			font-size 		: 1em;
			margin-bottom	: 10px;
		}
	
		#content strong {
			font-weight 	: bold;
		}
	
		#content em {
			font-style 		: italic;
		}
	
		#content h1 {
			color 			: #0F2B8E;
			font-size 		: 1.5em;
			margin-bottom	: 10px;		
		}
		
		.feedbackBody h1 {
			color 			: #0F2B8E !important;
			font-size 		: 1.5em !important;
			margin-bottom	: 10px !important;				
		}
	
		#content h2 {	
			color 			: #01A0C7;	
			font-size 		: 1.2em;
		}
	
		#content h3 {
			color 			: #01A0C7;
			font-size 		: 1.2em;
		}
	
		#content h4 {
			color 			: #01A0C7;
			font-size 		: 1.2em;
		}
	
		#content h5 {
			color 			: #01A0C7;
			font-size 		: 1.2em;
		}
		
		#content p.standfirst {
			color 			: #004983;
		}
	
		#content q:before,
		#content q:after {
			content 		: "";
		}
		
		#content blockquote {
			margin: 0;
			padding: 0;
		}
		
		#content *  {
			line-height: 140%;
		}
	
		#content ul,
		#content ol {
			margin-bottom	: 10px;
		}

		#content ul li {
			background 		: none;
			list-style 		: disc;
			margin-left 	: 35px;
		}
	
		#content ol.decimal li {
			list-style-type : decimal;		
		}
	
		#content ol.lower-alpha li {
			list-style-type : lower-alpha;		
		}
	
		#content ol.upper-alpha li {
			list-style-type : upper-alpha;
		}
	
		#content ol.lower-roman li {
			list-style-type : lower-roman;
		}
	
		#content ol.upper-roman li {
			list-style-type : upper-roman;
		}
		
		#content .relatedlinks * {
			line-height: 100%;
			margin-top: 0.75em;
		}

		#content .relatedlinks h2 {
			font-size: 125%;
			padding: 0.5em 0;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}

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

		#content .relatedlinks ul li {
			margin: 0.3em 0 0 0;
		}

		#content .relatedlinks a {
			color: #666;
			font-size: 1em;
		}

		#content .relatedlinks strong {
			font-size: 110%;
			margin: 0px;
			color: #666;
		}


	
	/* Subitem Panels */
		
		#content div.subitem {
			margin: 0;
			border-top: 1px solid #ccc;
			clear: both;
			min-height: 60px;
		}

		#content .subitems div.subitem {
			padding: 0.4em 0 0.4em 70px;
		}

		#content .subitems-noimage div.subitem {
			padding-right : 0 !important;
		}

		#content .subitem h2 {
			margin: 0;
			padding: 0;
		}

		#content .subitem h2 a {
			text-decoration: underline;
			font-weight: normal;
		}

		#content .subitem p {
			margin: 0.3em 0 0 0;
			padding: 0;
		}

		#content .subitem p a {
			font-weight: bold;
			color: #666;
		}

		#content .subitem img {
			float: left;
			width: 60px;
			margin: 0.3em 0 0.6em -70px;
		}

		#content .subitem .deeplinks  {
   			margin-top: 4px;
		}

		#content .subitem a {
			font-weight: normal;

		}

		.deeplinks a {
			text-decoration: underline;	
		}
		

		
/* FORM STYLE RULES */
/* Sets the rules for forms used by the new design. There are some general ones as well as more detailed ones. Check general ones don't adversely affect pre-existing forms in CMS */

	/* Basic Rules */
	
		#content fieldset {
			border 			: none !important;
		}
	
		#content label {
			font-size 		: 1em;		
		}
	
		#content input,
		#search input,
		input#sSearch {
			border 			: 1px solid #666;
			font-size 		: 1em;
			padding 		: 2px !important;
			width 			: 150px;
		}
		
		input#sSearch {
			margin-left 	: 6px;
		}

		#content select {
			border 			: 1px solid #666;
			font-size 		: 1em;
			padding 		: 2px;
			width 			: 158px;
		}
		
		#content textarea {
			border 			: 1px solid #666;
			font-size 		: 1em;
			height 			: 150px;
			padding 		: 2px;
			width 			: 400px;
		}

		#content input.radio,
		#content input.checkbox {
			border 			: none;
			margin-right	: 5px;
			width 			: auto;
		}
		
		#search input.button,
		#content input.button,
		.sectionSearchPanel input.button {
			border 			: 1px solid #000 !important;
			height 			: 20px !important;
			line-height 	: 13px !important;
			width 			: auto !important;	
		}
		
		/* Site search */
	
		.sectionSearchPanel #sSearch {
			width 			: 120px !important;
		}
		
		
	/* Custom Rules */
	
		/* Global Search */
		
		#search label {
			font-size 		: 11px;
		}

		/* Register for newsletter box in left navigation */
		
		#register form {
			margin 			: 5px 0;
		}
		
		#register label {
			display 		: block;
			font-size 		: 1em;
			margin-bottom	: 3px;
		}
		
		#register input {
			height 			: 20px;
		}
		
		#register input.text {
			font-size 		: 1em;
			margin-right 	: 2px;
			width 			: 80px;
		}
		
		.reg-blank img {
			width 			: 100% !important;
		}
		
	/* Comment Form */
	
		#comment label {
			padding			: 4px 0;
		}
		
		
	/* Admin Rules */

		
		#page-title {
			/* Lets temporarily hide this */
			display 		: none;
		}
		
		.action-button  {
    		font-size:1em !important;
    		margin: 1px 2px 1px 2px !important;
    		border-top: 1px outset #B1B1B1 !important;
    		border-right: 1px outset #000000 !important;
    		border-bottom: 1px outset #000000 !important;
    		border-left: 1px outset #B1B1B1 !important;
    		background-color:#E2E2E2 !important;
		}
		
	/* My Account Rules */
	
		#register-form fieldset {
			font-size : 1.2em !important;
		}
		
		.register table,
		.register table.tabbed-table {
			width 			: 400px !important;
		}
		
		.register table table,
		.register table table.tabbed-table {
			width 			: 350px !important;
		}
		
	
	
		
/* LEGACY STYLE RULES */
/* These are legacy styles still used in some places and in admin. All developed based on the old general.css legacy styles and content  */	


	/* These are legacy styles still used in some places and in admin */

		#largecopy, 
		.largecopy {
			background: #FFF;
			clear 			: none;
			float 			: left;
			padding-left 	: 10px;
			padding-right 	: 10px;
			position 		: relative;
			width 			: 580px;
		}

		#adminpagebody {
			background 		: #FFF;
			margin 			: 5px 0px 0px 8px;
			width 			: 601px;
		}

		.strapline {
			display 		: none;
		}
		
	/* Legacy Content Rules */
	
		#content p.standfirst {
			color 			: #004983;
		}
	
		#content .relatedlinks * {
			line-height 	: 100%;
			margin-top 		: 0.75em;
		}

		#content .relatedlinks h2 {
			border-bottom 	: 1px solid #CCC;
			border-top 		: 1px solid #CCC;
			font-size 		: 1.3em;
			padding 		: 0.5em 0;
		}

		#content .relatedlinks ul {
			list-style 		: none;
 			margin 			: 0;
			padding 		: 0;
		}
		
		#content .relatedlinks ul li {
			margin 			: 0.3em 0 0 0;
		}

		#content .relatedlinks a {
 			color 			: #666;
			font-size 		: 1em;
		}

		#content .relatedlinks strong {
			color 			: #666;
			font-size 		: 1.2em;
			margin 			: 0px;
		}
		
	/* Legacy Extras Rules */
	
		/* Share your ideas */

		
		/*
		#extras div h2 {
			background 		: #999;
			color 			: #FFF;
			font-size 		: 100%;
			margin 			: -0.4em -5px 0 -5px;
			padding 		: 0.3em 5px;
			position 		: relative;
		}
		*/
		
		/* change IDeA  font-weight changed from bold to normal 
    		Set this back as it was upsetting RH links
		*/
		
		#extras div h3 {
			font-size 		: 1.2em;
			font-weight 	: bold;
			margin 			: 0;
			padding 		: 0 0 0.3em 0;
		}

		#extras div p {
			font-size 		: 1em;
			margin 			: 0;
		}

		#extras div ul {
			font-size 		: 1em;
			list-style 		: none;
			margin 			: 0;
			padding 		: 0;
		}

		#extras div ul ul {
			font-size 		: 1em;
		}

		#extras div ul li {
			padding 		: 0.3em 0 0.3em 7px;
		}

		#extras div ul li.more {
			padding-bottom 	: 0;
		}

		#extras div div {
			background 		: transparent;
			margin 			: 0.3em 0;
			padding 		: 0 0 0.3em 0;
			position 		: relative;
		}

		#extras div div h3 {
			margin 			: 0;
			padding 		: 0;			
			position 		: relative;
		}

		#extras div div p {
			position 		: relative;
		}

		/* end search this section panel */

		#extras a {
			color: #333;
		} 
		
		/* Comments */

        #content .comment-unpublished {
              color: #888 !important;
        }

        #content .comment-published,
        #content .comment-unpublished {
              margin: 10px 0 !important;
        }

/* FIX ADMIN FONTS */

	.adminMenu table th,
	.adminMenu table td {
		font-size 	: 1.2em !important;
	}
	
	table.indexTable * {
		font-size 	: 12px !important;
	}
	
	table.framing-table * {
		font-size 	: 12px !important;
	}
	
	table.tabbed-table td {
		font-size 	: 12px !important;
	}
	
	td.tabs-on,
	td.tabs-off {
		font-size 	: 12px !important;
	}
	
	td.layout-manager table.tabbed-table td.tabs-on,
	td.layout-manager table.tabbed-table td.tabs-off {
		font-size 	: 12px !important;
	}
	
	table td.layout-manager table.indexTable th,
	table td.layout-manager table.indexTable td {
		font-size 	: 12px !important
	}
	
	div.action-bar,
	input.action-button {
		font-size 	: 12px !important
	}
	

	ul.linearList {
		display: inline;
		list-style: none;
		padding-left: 0px;
		margin-left: 0px !important;
	}

	ul.linearList li {
		display: inline;	
	}

	ul.no-bullet-list {
		padding-left: 0px;
		list-style: none !important;
		margin-left: 0px;
		margin-top: 10px;
		margin-bottom: 5px;
	}

	ul.no-bullet-list li {
		margin-bottom: 5px;
	}

	li.threadRow, div.forumThreadSubs ul li, li.threadRow a  {
		background-color: #ffffff !important;
		display: inline !important;
	}

	span.centre-text {
		text-align: center;
	}


	/* GG 13-11-2007 Related Links */


	li span.related-link-desc {
	   display:block;	
	}
	
	
	/* Pica search customisations */
	
	#content_wrapper_search .searchGroups {
		width: 150px !important;
	}
	
	#pageBody * {
		font-size: 100% !important;
	}