/*	CSS Document 
	Page consists of two heading areas - one for the celtic weave logo and the 
	second for the page specific logo / branding.
	Next the content which has a nav & page info area on the left and the
	real content of the page on the right.
	This is followed by the page footer at the bottom
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000;
	background-color: #fff;
	border: 0;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #030;
	background-color: inherit;
	word-spacing: 1px;
	border: 0;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 2.2em;
}
h2 {
	font-size: 2em;
}
h3 {
	font-size: 1.8em;
}
h4 {
	font-size: 1.6em;
}
h5 {
	font-size: 1.4em;
}
h6 {
	font-size: 1em;
}
/* whole page is contained inside #container */
#container {
	border: 0;
	margin: 0;
	padding: 0;
}
/* page heading sub divs */
#heading {
	z-index: 1;
}
#celticbranding {
	background: transparent url(../images/celtic_banner.gif) top left repeat-x; /* #86b4f0 */
	width: 100%;
	height: 35px;
	margin: 0;
	padding: 0;
	border: 0;
}
#celticbranding h1 {
	display: none;
}
#pagebranding {
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 2px solid #660;
	height: 155px;
	background: #b7cce1 url(../images/example.jpg) left top no-repeat;
	color: #1a1a1a;
}
#pagebranding h1 {
	display: none;
}
/* page content subdivs */
#pagecontent {
	z-index: 2;
}
#infonav {
	position: absolute;
	left: 0px;
	margin: 0;
	padding: 1em 0 0 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 10px solid #633;
	border-top: 10px solid #660;
	width: 130px;
	background-color: #8e8662;
	color: #fff;
}
#infonav h2 {
	display: none;
}
#infonav ul {
	margin: 0;
	padding: 0;
	border: 0;
}
.mainlist {
	margin-bottom: 1em;
}
#infonav ul.mainlist li {
	list-style: none;
	display: inline;
}
#infonav ul li a {
	display: block;
	width: 110px;
	padding: 0 0 0 9px;
	margin: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #000;
	border-left: 10px solid #7e5632; /* ; #b7cce1*/
	color: #000;
	background-color: #b2a8b1; /* old colour #7ba952 */
	text-decoration: none;
}
#infonav ul li a.toplink {
	border-top: 1px solid #000;
}
#infonav ul li a:hover, #infonav ul ul.sublist li a:hover {
	border-left: 10px solid #86b4f0; /* old colour #7ba952 */
	color: #1a1a1a;
	background-color: #b7cce1; /* old colours #066 #7E5632*/
}
#infonav ul ul.sublist li a {
	display: block;
	width: 90px;
	padding: 0 0 0 29px;
	margin: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #000;
	border-left: 10px solid #7e5632; /* ; #b7cce1*/
	color: #000;
	background-color: #b2a8b1; /* old colour #7ba952 */
	background-image: url(../images/drop_arrow.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	font-size: 1em;
}
#infonav ul ul.sublist li a:hover {
	background-image: url(../images/drop_arrow_hover.gif);
	background-repeat: no-repeat;
}
#infonav p {
	font-size: 1em;
	padding: 0 5px 0 5px;
	width: 120px;
	margin: 0;
	border: 0;
}
#infonav p.pad {
	padding: 2em 5px;
}
#infonav p a {
	text-decoration: none;
	display: block;
	color: #ccc;
	background-color: inherit;
	width: 100%;
}
#infonav p a:hover {
	color: #333;
	background-color: #ccc;
}
#content {
	margin: 0 0 10px 130px;
	padding: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-top: 10px solid #660;
}
#content #holder {
	margin: 0 30px 0 30px;
	padding: 1em 5em 1em 0;
}
#content #holder h1, #content #holder h2, #content #holder h3, #content #holder h4 {
	text-transform: capitalize;
	padding: 1em 0 0.3em 0;
	margin: 0;
	border: 0;
}
#content #holder p {
	font-size: 1.2em;
	padding: 0.5em 0 0.8em 0;
	margin: 0;
	border: 0;
}
#pageclose { /* this is used to repeat the image at the bottom of the content */
	background: transparent url(../images/celtic_banner.gif) top left repeat-x;
	width: 100%;
	height: 35px;
	margin: 0;
	padding: 0;
	border: 0;
}
#pageclose p {
	display: none;
}
/* footer area */
div#footer {
	z-index: 3;
	text-align: center;
	margin: 1em 10em 0 10em;
	padding: 0;
	border: 0;
}
#footer h1 {
	font-size: 110%;
	margin: 0;
	padding: 0 0 0 1em;
	border: 0;
}
#footer p {
	font-size: 70%;
	margin: 0;
	padding: 0;
	border: 0;
}