* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;	
}
body {
	background: #660000;
	color: #333;
	font: normal 62.5% Verdana,Arial,Helvetica,sans-serif;
}

/* layout */
div#topbar {
	background: url(../img/bgtop.gif) center 10px no-repeat;
	height: 199px;
}
div#header {
	background:  url("../img/bgtopcentre_dbi.gif") 15px 10px no-repeat;
	margin: 0 auto;
	padding: 10px 10px 5px 10px;
	width: 814px;
	height: 150px;
	cursor: pointer;
}
div#wideopenspaces {
	background: url(../img/bgofferings.jpg) 26px 89px no-repeat; 
	height:189px;
}
div#wrapper {
	margin: 10px auto 0 auto;
	padding: 0;
	width: 760px;
	border: 1px solid #e00;
	font-size: 1.2em;
}
div#menuwrapper {
	position:relative;
	background: #c60 url(../img/nav.gif);
	border: 1px solid #fff;
	border-bottom: none;
	height: 50px;
}
div#menu {
	position: absolute;
	left: 0;
	width: 9em;
}
div#main {
	background: #fff url(../img/bgmain.gif) repeat-y;
	margin: 0;
	border: 1px solid #fff;
}
div#content {
	float: left;
	overflow: hidden;
	background: #fff;
	margin: 0;
	padding: 0 16px;
	width: 524px;
	min-height: 300px;
}
div#breadcrumb p {
	margin: 10px 0;
	padding: 0;
	font-size: .8em;
}
div#sidebar {
	float: right;
	overflow: hidden;
	background: #f93;
	width: 200px;
	border: 1px solid #fff;
	text-align: right;
	min-height: 300px;
}
div#endmain {
	background: #fff url(../img/bgflagcolours.gif) 0 bottom no-repeat;
	height: 5px;
}
* html div#endmain { /* pre IE7 hack */
	background: #fff url(../img/bgflagcolours_ie6.gif) 0 bottom no-repeat;
}
div#footer {
	text-align: center;
	margin: 0 auto;
	padding: 10px 3px 20px 3px;
	background: #660000;
	width: 762px;
	color: #FFF;
	font-size: 11px;
}
div#printlogo {
	display: none;
}

/* flow & spacing */
.clearfloat { clear: both; }
.left { float: left; overflow: hidden; }
.right { float: right; overflow: hidden; }
.top6 { padding-top: 6px; }
.bottom6 { padding-bottom: 6px; }
.top12 { padding-top: 12px; }
.bottom12 { padding-bottom: 12px; }
.right6 { padding-right: 6px; }
.right12 { padding-right: 12px; }
.left6 { padding-left: 6px; }
.left12 { padding-left: 12px; }
.nobackground { background: none; }
.plain {font-weight: normal; }

/* navigation */
div#menu ul#navigation{
	font: normal 100% Tahoma,Helvetica, Arial,sans-serif; /*          ****CHANGE**** change for larger or smaller font */
	position: absolute;
	left: 0;
}
div#menu ul#navigation, 
div#menu ul#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border-left: 1px solid #fff;
	margin-right: 1px;
}
div#menu ul#navigation li { 
	line-height : 1.35em;
	position: relative;
	float: left;
}
div#menu ul#navigation li.nav1 a.nav1, 
div#menu ul#navigation li.nav2 a.nav2, 
div#menu ul#navigation li.nav3 a.nav3, 
div#menu ul#navigation li.nav4 a.nav4, 
div#menu ul#navigation li.nav5 a.nav5 {
	font-weight: bold;
	height: 42px;
	background: #c60 url(../img/nav.gif);
	border-top: none;
	border-left: none;
}
div#menu ul#navigation li.nav1, 
div#menu ul#navigation li.nav2, 
div#menu ul#navigation li.nav3, 
div#menu ul#navigation li.nav4, 
div#menu ul#navigation li.nav5 {
	line-height : 1.35em;
	height: 50px;
}
div#menu ul#navigation li.nav1 a.nav1 { 
	background-position: left -50px; 
}
div#menu ul#navigation li.nav2 a.nav2 { 
	background-position: left -150px; 
}
div#menu ul#navigation li.nav3 a.nav3 { 
	background-position: left -250px; 
}
div#menu ul#navigation li.nav4 a.nav4 { 
	background-position: left -350px; 
}
div#menu ul#navigation li.nav5 a.nav5 { 
	background-position: left -450px; 
}
div#menu #navigation li.nav1 a.nav1:hover {
	background-position: left -100px; 
}
div#menu #navigation li.nav2 a.nav2:hover {
	background-position: left -200px; 
}
div#menu #navigation li.nav3 a.nav3:hover {
	background-position: left -300px; 
}
div#menu #navigation li.nav4 a.nav4:hover {
	background-position: left -400px; 
}
div#menu #navigation li.nav5 a.nav5:hover {
	background-position: left -500px; 
}
div#menu ul#navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
}
div#menu #navigation li a, 
div#menu #navigation li span {
	display: block;
	text-decoration: none;
	color: #fff;
	width: 98px; /*          ****CHANGE-MENU**** */
	padding: 4px 0.5em;
	border-top: 1px solid #fff;/*0.04em*/
	border-right: 1px solid #fff;
}
div#menu ul#navigation li li a, 
div#menu ul#navigation li li span {
	width: 15em; /*           ****CHANGE-SUBMENU**** */
	text-align: left;
}
div#menu ul#navigation li.last,
div#menu ul#navigation li.last {
	border-bottom: 1px solid #fff;
}
div#menu ul#navigation li li a.first, 
div#menu ul#navigation li li span.first {
	/*margin-top: 4px;*/
}
* html div#menu ul#navigation li li a.first, 
* html div#menu ul#navigation li li span.first { /* pre IE7 hack */
	margin-top: 0;
}
div#menu ul#navigation li li li a, 
div#menu ul#navigation li li li span {
	width: 14em; /*           ****CHANGE-SUBMENU**** */
}
div#menu ul#navigation li li.longitem li span {
	width: 16em; /*           ****CHANGE-SUBMENU**** */
}
div#menu ul#navigation ul li:hover a:hover, 
div#menu ul#navigation li span:hover, 
div#menu ul#navigation ul li:hover span:hover, 
div#menu ul#navigation li span.sfhover, 
div#menu ul#navigation ul li.sfhover span.sfhover { /* The hovered style for submenus */
	color: #fff;
	background-color: #590000;
}
div#menu ul#navigation li ul { /* Hides the first unhovered submenu */
	position : absolute;
	left: -999em;
}
div#menu #navigation li:active ul ul, 
div#menu #navigation li:active ul ul ul, 
div#menu #navigation li:hover ul ul, 
div#menu #navigation li:hover ul ul ul, 
div#menu #navigation li.sfhover ul ul, 
div#menu #navigation li.sfhover ul ul ul {
	left: -999em; /* Hides the second and following unhovered submenus */
}
div#menu #navigation li:hover ul, 
div#menu #navigation li li:hover ul, 
div#menu #navigation li li li:hover ul, 
div#menu #navigation li.sfhover ul, 
div#menu #navigation li li.sfhover ul, 
div#menu #navigation li li li.sfhover ul {
	top: 0;
	left: -1px;
	margin-left: 100%;
}
/*                       ****DISPLAYS HORIZONTAL MENU(2) ******* */
div#menu #navigation li:hover ul, 
div#menu #navigation li a:focus ul, 
div#menu #navigation li.sfhover ul {
	top: 100%;
	margin-left: 0;
}
div#menu {
	width: 100%;
}
/* Submenu arrow indicator */
div#menu #navigation span:hover, 
div#menu #navigation span.sfhover {
	cursor: default;
}
/* BACKGROUND EFFECTS */
/* Allows each succesive parent list item and the hovered submenu to have a lighter background color */
div#menu #navigation li:hover a, 
div#menu #navigation li:hover span, 
div#menu #navigation li.sfhover a, 
div#menu #navigation li.sfhover span {
	color: #fff;
	background-color: #470000;
}
div#menu ul#navigation li ul li:hover a, 
div#menu ul#navigation li ul li:hover span, 
div#menu ul#navigation li ul li.sfhover a, 
div#menu ul#navigation li ul li.sfhover span {
	color: #fff;
	background-color: #600;
}
div#menu ul#navigation li ul ul li:hover a, 
div#menu ul#navigation li ul ul li:hover span, 
div#menu ul#navigation li ul ul li.sfhover a, 
div#menu ul#navigation li ul ul li.sfhover span {
	color: #fff;
	background-color: #730000;
}
/* BACKGROUND IMAGES */
div#menu ul#navigation li ul li:hover, 
div#menu ul#navigation li li li a:hover, 
div#menu ul#navigation li li li span:hover {
	background-position: right;
}
body div#menu ul#navigation li li span:hover {
	color: #fff;
}
div#menu a.exlink, 
div#menu ul#navigation li a.exlink:hover, 
div#menu span.exlink, 
div#menu ul#navigation li span.exlink:hover {
	background: #800000 url(../img/navarrow.gif) no-repeat 100% 3px;
}
div#menu ul#navigation li a.exlink span, 
div#menu ul#navigation li span.exlink span {
	display: inline;
	background: transparent;
	width: auto;
	border: none;
}
/* sitemap navigation */
div#sitemap ul, div#sitemap li, div#sitemap a {
}
div#sitemap ul li {
	list-style: url(../img/bullet.gif);
	margin-left: 18px;
}
/* sidebar*/
div#sidebar {
	border: none;
}
div#sidebar h2 {
	color: #600;
	font: bold 1em Tahoma,Arial,Helvetica,sans-serif;
	border-bottom: 1px solid #fff;
	line-height: 30px;
	margin: 0;
	padding: 8px 5% 0 5%;
}
div#sidebar ul {
	padding: 0;
}
div#sidebar li a, div#sidebar p a {
	font: normal 1.1em Tahoma,Arial,Helvetica,sans-serif;
	color: #600;
	display: block;
	padding: 8px 5% 8px 0;
	text-decoration: none;
	width: 95%;
}
div#sidebar li a:hover {
	background: #fc9;
	color: #654;	
}
div#sidebar p a:hover {
	color: #900;	
}
div#sidequote {
	border-top: 1px solid #fff;
	padding-top: 10px;
	padding-right: 2px;
}
div#sidebar .citation {
	color: #600;
	text-align: left;
	text-indent: -10px;
	margin: 0;
	padding: 0;
	padding-left: 22px;
}
div#sidebar .intro {
	background:  url("../img/quote_open_side.gif") no-repeat;
	margin-left: 10px;
	margin-top: 10px;
}
div#sidebar .quote {
	padding: 10px;
	text-indent: 0;
	font-style: italic;
}

/* contextual */
div#content p {
	font-family: Verdana,Arial,Helvetica,,sans-serif;
}
div#content .citation {
	color: #666;
	font-size: 0.9em;
	margin-bottom: 6px;
}
div#content ul li {
	list-style: url(../img/bullet.gif);
	margin-left: 18px;
}
div#content ol li {
	list-style-type: decimal;
	margin-left: 40px;
}
div#content p, div#content li {
	line-height: 1.3em;
}
div#content table {
	padding: 0;
	border-collapse: collapse;
}
div#content td {
	padding: 3px 0; 
	padding-right: 3px;
	font-size:1em;
	border-bottom: 1px solid #C4A341;
	vertical-align: top;
}

/* tables and forms */ 
.formTable td {
	border-bottom: 0 !important;
	padding: 6px !important;
}
col.col2 {
	background-color: #FFF9E6;
}
.formTable .theader-right {
	background-color: #FFEECF; 
}
.formTable .theader-left {
	background-color: #FFF9E6;
}
input, select {
	padding-left: 2px;
}
input.w150, select.w150 {
	width: 150px;
}
input.w250, select.w250 {
	width: 250px;
}
input.w350, select.w350 {
	width: 350px;
}

/* photos */
div#content .img {
	text-align:center;
	padding: 5px;
}
div#content .img p {
	font: normal 1em Tahoma,Arial,Helvetica,sans-serif;
	color: #666;
}
div#content img.photo {
	border:	1px solid #C4A341;
}
div#sidebar .img {
	text-align:center;
	padding: 10px;
}
div#sidebar .img p {
	font: normal 1em Tahoma,Arial,Helvetica,sans-serif;
	color: #333;
}
div#sidebar img.photo {
	border:	1px solid #470000;
}

/* footer */
div#footer .left {
	width: 45%;
	text-align: left;
}
div#footer .right {
	width: 55%;
	text-align: right;
}
div#footer a, div#footer a:hover {
	color: #F90;
	text-decoration: none;
	background: url(../img/separator.gif) right top no-repeat;
	padding-left: 2px;
	padding-right: 10px;
}
div#footer a:hover {
	color: #FFF;
}

/* general */
p,code,ul,ol {
	padding-bottom: 1.2em;
}
h1 {
	font: normal 1.8em Tahoma,Arial,Helvetica,sans-serif;
	color: #800;
	margin-bottom: 4px;
	border-bottom: 1px solid #C4A341;
	padding-bottom: 6px;
	clear: both;
}
h1,h2,h3 {
	padding-top: 6px;
	clear: both;
}
h2 {
	font: normal 1.4em Tahoma,Arial,Helvetica,sans-serif;
	color: #800;
	margin-bottom: 4px;
	border-bottom: 1px solid #C4A341;
	padding-bottom: 6px;
}
h3 {
	font: normal 1.2em Tahoma,Arial,Helvetica,sans-serif;
	color: #800;
	margin-bottom: 4px;
	padding-bottom: 6px;
}
a {
	color: #963;
}
h3 a, .coloured {
	color: #800 !important;
}
a:hover {
	color: #C60;
}
li {
	list-style: none;
}
code {
	background: #FFF;
	border: 1px solid #f90;
	border-left: 6px solid #f93;
	color: #666;
	display: block;
	font: normal 1em Tahoma,Arial,Helvetica,sans-serif;
	line-height: 1.6em;
	margin: 12px 12px;
	padding: 8px 10px;
}
blockquote {
	background:  url("../img/quote_open.gif") no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}
hr { 
	border: none;
	border-top: 1px solid #c4a341;
	height: 1px;
}

/*printer styles*/ 
@media print { 
	* {
		font-size: 10pt;
		background: white !important;
	}
	div#topbar, div#menuwrapper, div#breadcrumb, div#sidebar, div#footer .left { 
		display: none; 
	}
	div#wrapper, div#main {
		border: 0; 
	}
	div#content { 
		width: auto; 
		border: 0; 
		overflow: visible;
	}
	div#printlogo {
		display: block; 
	}
	div#footer .right {
		clear: both;
		text-align: left;
		width: 100%;
		color: #000;
		border-top: 1px solid #000;
	}
	p {
		font-size: 11pt !important;
	}
	h1 {
		font-size: 14pt !important;
	}
	h2 {
		font-size: 12pt !important;
	}
	.citation, .img {
		font-size: 9pt !important;
	}
	a[href^="http://"]:after { /* print external URLs */
		content: " (" attr(href) ") ";
	}
}