/*
WIP:Notes

Based on James Box's CSS for the SD project wireframe.

CSS by function. Makes debugging, editing easier and enhances the readability.
Makes the CSS more modular as well meaning it can be used on other projects.

base.css is used to firstly reset all margins to harmoise across all browsers and then declare global styles.

*/

#header {
	background: #66CBFF url(/ukgwa/20120504100127oe_/http://www.hgc.gov.uk/Client/images/header_80.jpg) top right no-repeat;	
	}

.bigheader #header {
	background: #66CBFF url(/ukgwa/20120504100127oe_/http://www.hgc.gov.uk/Client/images/header_120.jpg) top right no-repeat;	
	}


h1 {
	height: 80px;
	width: 740px;
	padding: 0;
	margin: 0;
	font-size: 1.25em;
	font-weight: normal;
	text-indent: -9999px;
	background: #66CBFF url(/ukgwa/20120504100127oe_/http://www.hgc.gov.uk/Client/images/header_80.jpg) top right no-repeat;	
	}

.bigheader h1 {height: 120px;}

h1.homepage {
	background: #66CBFF url(/ukgwa/20120504100127oe_/http://www.hgc.gov.uk/Client/images/header_120.jpg) top right no-repeat;
	}
h1.bars {
	background: #66CBFF url(/ukgwa/20120504100127oe_/http://www.hgc.gov.uk/Client/images/header_80.jpg) top right no-repeat;
	}
	
#content {
	font-size: 1em;
	line-height: 1.4em;
	}

#content h2,
#content h3,
#content h4 {
	margin: 0 0 15px 0;
	padding-bottom: 1ex;
	font-size: 1em;
	font-weight: normal;
	color: #666;
	}
	
#content h2 {
	border-bottom: 1px solid #ccc;
	/*	text-transform: lowercase; Removed 19-01-2005 - AH */
	}

#content #col-one h3,
#content.widecol h3,
#content.onecol h3 {
	font-weight: bold;
	margin: 0 30px 5px 0 !important;
	padding-bottom: 0.25ex !important;
/*	border-bottom: 1px solid #ccc;
	width: 330px; */
	}

#col-two h3 {
	/* text-transform: lowercase; Removed 31-01-2005 - AH */
	margin: 0 0 15px 0 !important;
	padding-bottom: 1ex !important;
	font-weight: normal;
	}

h3.headline {
	margin: 1em 0 1ex 0 !important;
	padding: 0 !important;
	font-weight: bold !important;
	border: 0 !important;
	}

#content .noline {
	border-bottom: 0;
	}
#content .topline {
	padding-top: 1ex;
	border-top: 1px solid #ccc;
	border-bottom: 0 !important;
	}

#content h3.subright {
	border: 0 !important;
	padding-top: 1ex;
	border-bottom: 1px solid #ccc !important;
	margin-top: 1em;
	margin-bottom: 10px !important;
	}

.banner a {
	color: #fff !important;
	background: #666 !important;
	text-decoration: none;
	line-height: 1em;
	display: block;
	padding: 8px;
	}
.banner a:hover {
	background: #999 !important;
	}

.right {
	position: absolute;
	right: 0;
	}
	
#content a {
	color: #0198CD;
	/*text-decoration: none; Removed by NR. 23.02.2005 */
	}
	
#content a:hover {
	text-decoration: underline;
	}

#content ul {margin-bottom: 1em;}
#content ul li {
	margin: 0 30px 0 2em;
	vertical-align: baseline;
	}

#content ol {margin: 0 30px 1em;}


ul#sitemap,
ul#sitemap li ul {margin: 0; vertical-align: baseline !important;}

/* Style added by NR. 23.02.2005 */

ul#sitemap, ul#sitemap li {
	margin: 0;
	padding: 0;
	width: 100%;
	}

ul#sitemap li {
	list-style: none;
	border-top: 0.7em solid #fff;
	padding-left: 0.7em;
	font-weight: bold;
	}
	
ul#sitemap li a {
	display: block;
	padding: 0.3em;
	text-decoration: none;
	}

ul#sitemap li li { border: 0; padding: 0; margin: 0; border-bottom: 0.1em solid #fff; font-weight: normal; }
ul#sitemap ul ul { margin-left: 1em; padding: 0; font-size: 90%; }
ul#sitemap li li a { margin: 0; margin-left: 1em;  }
	
ul#sitemap, ul#sitemap li { background: #DADFE4; }

ul#sitemap ul, ul#sitemap ul li { background: #e7ecf2; }
ul#sitemap ul ul, ul#sitemap ul ul li { background: #F1F6FC; }
ul#sitemap ul ul ul, ul#sitemap ul ul ul li { background: #FAFCFF; }
ul#sitemap ul ul ul ul, ul#sitemap ul ul ul ul li { background: #fff; }

/* End NR style changes */

/* IE fixes for poor bullet placement - Removed by NR. 23.02.2005

_#content li {
	list-style-image: url(/ukgwa/20120504100127oe_/http://www.hgc.gov.uk/Client/images/bullet_lv1.gif) !important;
	}
_ul#sitemap li {
	list-style-image: url(/ukgwa/20120504100127oe_/http://www.hgc.gov.uk/Client/images/bullet_lv1.gif) !important;
	}
_ul#sitemap li ul li {
	list-style-image: url(/ukgwa/20120504100127oe_/http://www.hgc.gov.uk/Client/images/bullet_lv2.gif) !important;
	}
_ul#sitemap li ul li ul li {
	list-style-image: url(/ukgwa/20120504100127oe_/http://www.hgc.gov.uk/Client/images/bullet_lv3.gif) !important;
	}
*/


#col-one p,
#col-one h3,
#col-one h3 {
	margin-right: 30px;
	}

a.backlink {
	padding-left: 15px;
	background: transparent url(/ukgwa/20120504100127oe_/http://www.hgc.gov.uk/Client/images/back.gif) 0 2px no-repeat;
	}

a.download {
	padding-left: 15px;
	background: transparent url(/ukgwa/20120504100127oe_/http://www.hgc.gov.uk/Client/images/download.gif) 0 2px no-repeat;
	}
	
a.more {
	padding-right: 15px !important;
	background-image: url(/ukgwa/20120504100127oe_/http://www.hgc.gov.uk/Client/images/forward.gif);
	background-position: 0 2px;
	background-position: right !important; /* Safari doesn't like mixed keyword and pixel measurements */
	background-repeat: no-repeat;
	}

address {
	display: block;
	margin-bottom: 1em;
	}
	
	
/* list item bullet removal */
.nobullets {
	list-style-type: none;
	}

.searchResults ul.flushleft {
	margin-top: -0.5em;
	margin-bottom: 2em;
	}

.flushleft li {
	list-style-type: none;
	margin: 0.6em 0 !important;
	}
	
/* subitems in main content area for homepage */

#content .entry {
	margin: 0.5em 20px 1em 0;
	padding: 0;
	width: 330px;
	display: block;
	float: left;
	}

#content .entry h4 {
	margin: 0 0 0.25em;
	border: 0;
	padding: 0;
	line-height: 1.2em;
	}

#content .entry h4 a {
	display: block;
	color: #0198CD;
	/*text-decoration: none; Removed by NR. 23.02.2005 */
	}
#content .entry h4 a:hover {
	text-decoration: underline;
	}

#content .entry p {margin: 0; padding: 0; line-height: 1.2em;}

/* items for listing pages */

#content .listing {
	margin: 0 0 1em;
	padding: 0;
	}

#content .listing div {
	position: relative;
	width: 330px;
	}	

#content #col-one .listing div h3 {
	font-weight: bold;
	margin: 0 0 0 70px !important;
	border: none;
	}
#content.onecol .listing div h3 {
	font-weight: bold;
	margin: 0 0 0 80px !important;
	border: none;
	}

#content .listing div h3 a {
	display: block;
	padding: 1px 3px 1px 0;
	/*text-decoration: none; Removed by NR. 23.02.2005 */
	}
#content .listing div h3 a:hover {
	text-decoration: underline;
	}

#content .listing div p {margin: 0 10px 0 70px;}

#content .listing img {position: absolute; top: 0; left: 0;}	

*>#content .listing {padding-top: 70px; min-height: 1px;}
*>#content .listing div {margin-top: -70px;}
* html #content .listing {/* IE5Mac filter \*/height: 70px;/* end filter */}

/* diary */

#calendar {
	margin: 2em 0;
	background: #ececec;
	}

#calendar h3 {
	padding: 1em 0 1em 10px;
	}

ul#calendar-tabs {
	margin: 0; padding: 0;
	list-style: none;
	line-height: 1em;
	background: #69C;
	display: block;
	width: 100%;
	}
ul#calendar-tabs li {
	float: left;
	display: block;
	text-align:center;
	margin: 0;
	}
ul#calendar-tabs li a {
	display: block; 
	color: #fff;
	font-weight: bold; 
	text-decoration: none;
	width: 35px;
	background: #69C; 
	/*padding: 5px; Removed by NR. 23.02.2005 */
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
* html #main #content ul#calendar-tabs li a {width: 35px; /* for IE5.x/win */w\idth: 25px; /* for other IE versions */} /* SBMH */

ul#calendar-tabs li a:hover {background: #67C2E1; color: #fff; text-decoration: none;}

ul#calendar-tabs li.first a {
	border-left: none;
	}

ul#calendar-tabs li.month {
	width: 360px;
	color: #fff;
	font-weight: bold; 
	text-decoration: none;
	background: #69C; 
	padding: 5px; 
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}

/* stretch calendar to full width in IE5.x Win */
* html #main #content ul#calendar-tabs li.month  {width: 375px; /* for IE5.x/win */w\idth: 360px; /* for other IE versions */}

#calendar-tabs li strong a {
	color: #fff; 
	background: #67C2E1; 
	}	

#calendar .listing div {
	width: 500px;
	clear: both;
	}	

#calendar .listing div h3 {
	margin: 0 0 0 80px;
	padding: 0;
	font-weight: bold;
	}

#calendar .listing div p {margin: 0 0 0 80px;}

#calendar .listing img {position: absolute; top: 0; left: 10px;}	

/* news items */

ul#news {
	margin: 0; padding: 2em 0 1em; 
	background: #ececec; 
	}

ul#news li {
	list-style: none; 
	margin: 0 0 1.5em 20px;
	display: block;
	clear: both;
	}

ul#news li img {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	}

ul#news li.noimage {
	display: block;
	margin-left: 90px !important;
	}

li.newsitem {
	display: block;
	padding: 0;
	margin: 0 0 1em !important;
	list-style-type: none;
	clear: both;
	position: relative;
	}
	
.newsitem div {
	margin: 0 0 0 70px;
	float: left;
	}

.newsitem img {
	float: left;
	}

p.dateline {
	margin: 0 0 1em 0;
	padding: 0;
	color: #666;
	}

/* Definition list styling */

dl {
	display: block;
	margin-bottom: 1em;
	background: #eee;
	}

dt {
	float: left;
	width: 10em;
	font-weight: bold;
	}
	
/* Styles for downloads - Nick Rigby */

dl#download {
	border: 1px solid #eee;
	background: #fff;
	}

dl#download dd {
	margin-left: 10em;
	width: auto;
	background: #f1f1f1;
	}
	
dl#download dt, dl#download dd {
	padding: 0.2em;
	background: #fff;
	}
	
dl#download dt.alt, dl#download dd.alt { background: #e7ecf2; }

/***** [ column two specific ] ******/

#col-two h3 {
	border-bottom: 1px solid #ccc;
	}

/* panels */

#col-two img {margin: 0; border: 0; padding: 0;}
#col-two img.supporting {margin-bottom: 1em;}
#col-two h4 {
	color: #fff !important;
	background: #999;
	padding: 5px;
	margin: 0 !important;
	}
	
.panel {margin: 0 0 1em 0; padding: 0; background: #FFE5CC;}

.panel p {
	padding: 0 10px 0.5em;
	margin: 0.5em 0 1em;
	}

.panel dl,
.panel ul {
	background: #FFE5CC;
	padding: 1ex 0 1em 0;
	margin: 0;
	}

.panel dt {
	font-weight: normal;
	color: #000;
	padding: 0 10px;
	margin: 0;
	float: none; /* Chnage by NR. 23.02.2005 */
	}

.panel dd {
	font-weight: normal; /* changed 14-01-05 */
	margin-bottom: 1ex;
	padding: 0 10px;
	}

.panel dd a {
	text-decoration: none;
	color: #0198CD !important;
	}
.panel dd a:hover {text-decoration: underline;}

.panel ul li {
	list-style-type: none;
	padding: 0 10px;
	margin: 0 0 1ex !important;
	}
	
/* invisible elements to preserve layout and provide placeholders for supplementary content */

#col-two h3.invisible {
	color: white !important;
	visibility: visible !important;
	}