body {
	margin: 0;
	padding: 0;
	min-height: 768px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: x-small;
	color: #666; 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	font-size: small;
	background: url(main-grey-grad-background.gif) bottom left repeat-x;
}

/* dummy rule for IE5 cause of voice-family hack */
.dummy {}


/* ################################## Global styles */

img {
	border: 0;
	behavior: url(iepngfix.htc);
}

a:link {
	color: #003366;
	text-decoration: underline;
}

a:hover {
		text-decoration: none;
}

ol li ol li {
	list-style-type: lower-alpha;
}

ol li ol li ol li {
	list-style-type: lower-roman;
}

/* ################################## Main content styles */

#content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}

#content h1 {
	margin: 0 0 0.3em 0;
	padding: 0.2em 0.2em 0.2em 0;
	color: #003366;
	font-size: 120%;
}

#content h2 {
	color: #003366;
	font-size: 100%;
}

#content h3 {
	font-size: 1em;
	font-style: italic;
	color: #003366;
}

.summary {
	font-weight: bold;
}

.pull {
	float: right;
	width: 50%;
	margin: 0.3em 0 0.3em 0.3em;
	padding: 0.3em;
	border: 1px dashed;
	background-color: #f5f5f5;
}

div.right-teaser {
	padding: 0.3em;
	border: 2px dotted #aaa;
	background-color: #fff;
	font-size: 85%;
}

table.simple {
	border: 1px solid #ccc;
}

table.simple th {
	background-color: #e5e5e5;
}

table.simple td {
	background-color: #f5f5f5;
}

span.code {
	font-family: courier, serif;
}

span.lfloat {
	clear: left;
	float: left;
	margin: 0.5em 0.5em 0.5em 0;
}

/* Owen hack - hide from IE */
head:first-child+body .lfloat {
	padding: 0.5em 0.25em 0.5em 0;
}

span.rfloat {
	clear: right;
	float: right;
	margin: 0.5em 0 0.5em 0.5em;
}

/* ################################## Paragraph styles */

div.pl {
	margin-bottom: 1em;
}

div.pc {
	text-align: center;
	margin-bottom: 1em;
}

div.pj {
	text-align: justify;
	margin-bottom: 1em;
}

div.pr {
	clear: right;
	text-align: right;
	margin-bottom: 1em;
}

/* ################################## Layout - top to bottom (banner, top bar, two/three columns and nav, footer) */

#banner {
	clear: both;
	width: 100%;
	height: 90px;
	margin: 0;
	color: #fff;
	background: #fff url(banner-repeat.gif) top left repeat-x;
}

#mainbrand {
	float: left;
	width: 193px;
	height: 90px;
}

#mainbrand img {
	float: left;
}


#ancillary-brand {
	float: left;
	margin:30px 0 0 8%;
	background: url(groni.gif) top left no-repeat;
	width:419px;
	height:39px;
}

#topbar { /* Core/utility navigation and search facility */
	clear: both;
	float: left;
	height:34px;
    width: 100%;
	margin: 0;
    padding: 0;
    background: url(topnav-repeat.gif) top left repeat-x ;
    color: #000;
}

#topnav {
	float: left;
	height: 100%;
	line-height: 2em;
    padding-left: 13px;
	color: #fff;
}

#topnav ul {
	float: left;
	height: 1.4em;
	margin: 12px 0 0 0;
	padding: 0;
	list-style-type: none;
}

#topnav li {
	float: left;
	text-align: center;
	padding:0 15px 0 18px;
	margin: 0 15px 0 0;
	color: #fff;
	background: url(topnav-bullet.gif) top left no-repeat;
}

#topnav a, #topnav span {
	color: #fff;
    text-decoration: none;
	display:block;
	margin:-8px 0 0;
}

*html #topnav a, #topnav span {
							margin:-9px 0 0;
}

#topnav a:hover {
    text-decoration: underline;
}

#topnav .selected {
	color: #fff;
	font-weight: bold;
}

#topnav .last {
	border-right: none;
}

#qsearch {
	width: 20em;
	padding:50px 0 0 0;
	margin: 0;
	color: #fff;
	float: right;
}

*html #qsearch {
				width:21em;
				padding:10px 0 0 0;
}

#qsearch form {
	float: right;
	width: 100%;
	margin: 0;
	padding: 5px 0 0 0;
	border: none;
}

*html #qsearch form {
				position: absolute;
				top: 50px;
				right:0;
}

#qsearch fieldset {
				border: none;
}

#qsearch label {
	color: #003366;
	margin:0;
	padding:0 1em 0 0;
	float: left;
	width: 5em;
	text-align: right;
}

#qsearch label a {
				color: #fff;
				text-decoration: none;
}

#qsearch label a:hover {
						text-decoration: underline;
}

#qs-qt {
	width: 100%;
	border: none;
	background: none;
	margin: 0;
	padding:0 0 0 5px;
	font-size:120%;
}

#qssubmit {
	height: 2em;
	width: 31px;
	padding: 5px 0 0 0;
	margin: -3px 0 0 9px;
	font-size: 90%;
	background:transparent url(go-button.png) no-repeat bottom left;
	border: none;
	float: left;
}

*html #qssubmit {
				margin: -5px 0 0 9px;
}

#qs-qt-tl {
			background:transparent url(search-tl.gif) no-repeat left top;
			margin:0;
			padding:0;
			width: 50%;
			float: left;		
}


#qs-qt-bl {
			background:transparent url(search-bl.gif) no-repeat left bottom;
			height: 100%;
			margin:0;
			padding:0;
}

#qs-qt-tr {
			background:transparent url(search-tr.gif) no-repeat right top;
			width:100%;
			height: 100%;
			margin:0;
			padding:0;
}

#qs-qt-br {
			background:transparent url(search-br.gif) no-repeat right bottom;
			width:100%;
			height: 100%;
			margin:0;
			padding:0;
}

/* dummy rule for IE5 cause of voice-family hack */
.dummy {}


/* Wrappers for two/three column or portal layout */

#outer-wrapper {
	clear: both;
	padding: 0 13px 7px 13px;
}

#wrapper {
    width: 100%;
	border: 0;
}

/* Properties that both columns have in common */

.side-column {
	vertical-align: top;
}

/* Properties that are unique for each column */

#left-col {
	width: 23%;
	padding: 1.65em 0 1em 0;
}

#right-col {
	width: 23%;
	padding: 15px 0 15px 0;
}

#left-nav {
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	padding: 0.3em;
}

#right-nav {
	padding:35px 0 0 0;
	margin: 0 30px 0 10px;
	background: url(main-nav-repeat-image.gif) top left repeat-x;
	font-size: 85%;
}

#left-content {
	margin: 0.5em 0 0 0;
}

#right-content {
				margin:0.5em 30px 0 10px;
				
}

#right-content-wrapper {
	margin: 0;
	border: 1px solid #cdcdcd;
	width: 99.5%;
	background: #fff url(order-certs-bground.gif) bottom left no-repeat;
	min-height: 67px;
	height:auto;
}

#order-certs {
				min-height:65px;
				width:100%;
				background: url(order-certs-image.png) bottom right no-repeat;
				behavior: url(iepngfix.htc);
}

*html #order-certs {
					height:65px;
}

#right-content h3 {
	background: url(nav-portal-header-right.gif) top right no-repeat;
	margin: 0;
	font-size: 100%;
	color: #003366;
	padding:7px 0 0 30px;
}

#right-content a {
				color: #003366;
				text-decoration: none;
}

#right-content a:hover {
					text-decoration: underline;
}

.header-wrap {
			background: url(nav-portal-header-left.gif) top left no-repeat;
			height: 29px;
			display:block;
}


#right-content ul {
					margin: 12px 0 12px 0;
					padding:0 65px 0 10px;
}

#right-content ul li {
					background: url(orange-arrow.png) top left no-repeat;
					behavior: url(iepngfix.htc);
					list-style: none;
					padding: 0 0 0 15px;
}

*html #right-content ul li {
							padding:0!important;
}

*html #right-content ul li a {
							padding: 0 0 0 15px;
}

#left-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#left-nav ul li {
	margin: 0;
	padding: 0.2em 0 0.2em 1px;
	color: #000;
}

#left-nav ul li ul li {
	border: none;
}

#left-nav li.selected {
	padding-left: 4px;
	border-left: 7px solid #444;
}

#left-nav a {
    text-decoration: none;
	color: #666666;
	padding-left: 10px;
}

#left-nav a:hover {
    text-decoration: underline;
}

#right-nav h2 {
	margin: 0.2em 0 0 0;
	padding: 0.1em 0.2em 0.1em 0.2em;
	background-color: #555;
	color: #fff;
	font-size: 100%;
}

#right-nav ul {
    margin: 0;
    padding: 0;
    text-indent: 0;
}

#right-nav ul li {
    margin: 0;
	padding: 5px 0 10px 30px;
 	list-style-type: none;
	background: url(main-nav-menu-item.gif) top left no-repeat;
}

#right-nav ul li span {
						color:#000000;
						font-weight: bold;
}

#right-nav ul li ul {
	border: 0;
}

#right-nav ul li ul li {
	border: 0;
	margin-left: 1.5em;
	list-style-image: url(r-bul.gif);
}

#right-nav a, #right-nav span {
    text-decoration: none;
	color: #666666;
	border-bottom: 1px solid #d9d8d8;
	display: block;
	width: 100%;
	padding:0 0 5px;
}

#right-nav a:hover {
    text-decoration: underline;
}

.lcontent {
    margin: 0.5em 0 0.5em 0;
    padding: 0em 1em 1em 0em;
}

.rcontent {
    margin: 0.5em 0 0.5em 0;
    padding: 0em 1em 1em 0em;
}

.rcontent img {
	border: 1px solid #000;
}

#portal-wrapper-top {
				width: 100%;
				float: left;
}

#portal-wrapper-top td {
	vertical-align: top;
}

#births {
		background: url(births.jpg) bottom left no-repeat;
}

#deaths {
		background: url(deaths.jpg) bottom left no-repeat;
}

#marriages {
			background: url(mariages.jpg) bottom left no-repeat;
}

#civil-partnerships {
					background: url(civil-partnership.jpg) bottom left no-repeat;
}

#adoptions {
			background: url(adoptions.jpg) bottom left no-repeat;
}

#name-changes {
				background: url(name-changes.jpg) bottom left no-repeat;
}

#main {
	vertical-align: top;
    min-width: 200px;
    padding: 0px 13px 10px 0px;
}

*html #main {
			
}

#breadcrumb {
	font-size: 80%;
	color: #666;
	margin: 20px 0 15px 0;
	font-weight: bold;
}

#breadcrumb a {
	color: #003366;
	text-decoration: none;
	font-weight: bold;
}

#breadcrumb a:hover {
					text-decoration: underline;
}

.breadcrumb-header {
					color: #666;
					font-weight: normal;
}

#border5 {border: 1px solid #d4d4d4; float: left;}
#border4 {border: 1px solid #e0e0e0; float: left;}
#border3 {border: 1px solid #ebebeb; float: left;}
#border2 {border: 1px solid #f3f3f3; float: left;}
#leftborder1 {border: 1px solid #f9f9f9; float: left; margin:4px 8px 8px 0px;}
#rightborder1 {border: 1px solid #f9f9f9; float: right; margin:4px 8px 8px 0px;}


#pictureborder {
	clear: none;
	float: left;
}

#pictureborder img {
					border:medium none;
					padding:7px;
}

#pdf-download {
	float: left;
	clear: both;
	margin: 0 0 0.5em 0;
	padding: 8px 0pt;
	background: #EDEEE7;
	width:100%;
}

#pdf-download a {
				padding:0pt 0pt 0pt 8px;
}

#pdf-download ul {
	margin: 0;
	padding:0pt 0pt 0pt 20px;
}

#pdf-reader-download {
	width: 40%;
	padding: 0 0 50px 0.5em;
	float: right;
	border-left: 2px dotted;
}

.left {
		float: left;
		display:inline;
}

*html .left {
			width:80%;
}

.left ul {
		width: 100%;
}

.left ul li {
		width: 100%!important;
}

.right {
		float: right;
		width:67px;
		display:inline;
}

#footer {
	margin:0 10px;
	padding:0;
	font-size: 85%;
	color: #6699cc;
}

#footer a {
			color: #6699cc;
}

#footer-content img {
			behavior: url(iepngfix.htc);
}

#footer-nav {
			padding:0;
			margin:0;
			float: left;
}

#footer-nav ul {
				padding: 0;
}

#footer-nav ul li {
	list-style-type: none;
	display: inline;
	padding-right: 0.5em;
	margin-right: 0.5em;
	border-right: 1px solid;
}

#footer-content {
				float: right;
}

@media tty {
 i{content:"\";/*" "*/}} @import 'site-ie5.css'; /*";}
}/* */