/*general styles */
body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}



	
/*top navigation styles */
#topnav {
	display: none;
}


/*mast logo and picture */
#mastcontainer {
	background-color: #ccc;
}

#logo {
	text-align: left;
	padding: 0px 5px 0px 10px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#mastpic {
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*main navigation styles */
#mainnav {
	display: none;
}


/*main table columns */
#maintable {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-color: #fff;
}

#leftcolumn {
	display: none;
}

#leftgutter {
	display: none;
}

#middlecolumn {
	padding: 0px 0px 20px 0px;
	margin: 0px;
	background-color: #fff;
}

#maincontainer {



}

#rightcolumn {
	display: none;
}

#rightgutter {
	display: none;
}

#rightcontainer {
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 10px 10px;
	background-color: #fff;
}

#righthandheader {
	border-bottom: 1px solid #fff;
	margin: 10px 10px 0px 0px;
	padding: 40px 0px 3px 20px;
	color: #fff;
	text-decoration: none;
	display: block;
	font: bold 0.7em Arial, Helvetica, sans-serif;
	background-color: #999;
}

.rightnavcontainer{
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 10px 0px;
}
	
.rightnav {
	border-bottom: 1px solid #fff;
	margin-top: 0px;
	color: #000;
	text-decoration: none;
	display: block;
	font: normal 0.7em Arial, Helvetica, sans-serif;
	background-color: #ccc;
	padding: 3px 0px 3px 20px;
}

	
.rightnav:hover {
	color: #666666;
	background: #fff url(graphics/navgraphic.gif) no-repeat right;
}

.rightnavon {
	border-bottom: 1px solid #FFF;
	margin-top: 0px;
	color: #999;
	text-decoration: none;
	display: block;
	font: normal 0.7em Arial, Helvetica, sans-serif;
	background-color: #fff;
	padding: 3px 0px 3px 20px;
}

	
.rightnavon:hover {
	color: #fff;
	background: #999 url(graphics/navgraphic.gif) no-repeat right;
}

/*search box */
#box {
	border: 1px solid #CC99CC;
	margin: 0px 10px 15px 0px;
	padding: 20px 5px 20px 5px;
	font: 0.7em Arial, Helvetica, sans-serif;
	background-color: #CC99CC;
}

.searchinput {
	border: 1px solid #996699;
	width: 100px;
}

	
.input {
	border: 1px solid #996699;
	width: 190px;
	font-size: 1em;
	margin-bottom: 5px;
}

.inputdate {
	border: 1px solid #996699;
	font-size: 1em;
	margin-bottom: 5px;
}

		
.button {
	border: 1px solid #996699;
	color: #fff;
	padding: 0px 0px 0px 2px;
	margin: 0px;
	font: 1em Arial, Helvetica, sans-serif;
	background-color: #996699;
}

#catdocspanel, .button {
	margin: 20px 0px 0px 0px;
}

	
	
/*text styles */
p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

	
		
H2 {
	color: #996699;
	font: normal 1em Arial, Helvetica, sans-serif;
}

/*left nav container and links */
#leftnavcontainer {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 10px;
}

#leftnavheader {
	border-bottom: 1px solid #fff;
	margin: 10px 0px 0px 10px;
	padding: 40px 0px 3px 20px;
	color: #fff;
	text-decoration: none;
	display: block;
	font: bold 0.7em Arial, Helvetica, sans-serif;
	background-color: #999;
}

.leftnav{
	border-bottom: 1px solid #FFF;
	margin-top: 0px;
	color: #fff;
	text-decoration: none;
	display: block;
	font: normal 0.7em Arial, Helvetica, sans-serif;
	background-color: #996699;
	padding: 3px 0px 3px 20px;
}

	
.leftnav:visited {
	color: #fff;
}

.leftnav:hover {
	color: #999;
	background: #fff url(graphics/navgraphic.gif) no-repeat right;
}

.leftnavon {
	border-bottom: 1px solid #FFF;
	margin-top: 0px;
	color: #999;
	text-decoration: none;
	display: block;
	font: normal 0.7em Arial, Helvetica, sans-serif;
	background-color: #ccc;
	padding: 3px 0px 3px 20px;
}

	
.leftnavon:hover {
	color: #fff;
	background: #999 url(graphics/navgraphic.gif) no-repeat right;
}

	
.hide {
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	color: #FFF;
	position: absolute;
	top: -100px;
	left: -100px;
}

/*footer and container */
#crumbcontainer {
	margin: 10px 0px 5px 0px;
	padding: 3px 3px 3px 3px;
	background-color: #ccc;
}

.crumb {
	margin: 10px 10px 5px 10px;
	padding: 0px;
	color: #333;
	font: normal 0.7em Arial, Helvetica, sans-serif;
	background-color: #ccc;
}

.crumb a {
	color: #660066;
	text-decoration: underline;
}

	
.crumb a:hover {
	color: #fff;
}

/*footer and container */
#footercontainer {
	clear: both;
}

	
#addressfooter {
	color: #000;
	padding: 6px 0px 6px 10px;
	margin: 0px 0px 0px 0px;
	font: 0.65em Arial, Helvetica, sans-serif;
	background-color: #ccc;
}

#bottomnav1container {
	float: left;
	margin: 0px;
	padding: 0px;
}

		
#bottomnav1 {
	padding: 2px 0px 9px 10px;
	margin: 0px 0px 0px 0px;
	background-color: #996699;
}

	
#bottomnav1 a.on {
	color: #fff;
	background-color: #999;
}

#bottomnav1 a:hover.on{
	color: #fff;
	background-color: #ccc;
}

	
#bottomnav1 SPAN {
	color: #996699; /*colour of hidden pipe*/
}

#bottomnav1 a {
	color: #fff;
	margin: 0px 5px 0px 0px;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	font: normal 0.7em/20px Arial, Helvetica, sans-serif;
	background-color: #CC99CC;
}

#bottomnav1 a:hover {
	color: #fff;
	background-color: #999;
}

#bottomnav2 {
	padding: 0px 0px 20px 10px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
}

	
#bottomnav2 a {
	color: #999;
	margin: 3px 0px 0px 0px;
	padding: 2px 5px 2px 0px;
	text-decoration: none;
	font: normal 0.7em/20px Arial, Helvetica, sans-serif;
	background-color: #fff;
}

	
#bottomnav2 a.on {
	color: #666666;
	font-weight: bold;
	background-color: #fff;
}

#bottomnav2 a:hover.on{
	color: #999;
}

#bottomnav2 a:hover {
	color: #ccc;
	background-color: #fff;
}

#bottomnav2 SPAN {
	color: #996699; /*colour of hidden pipe*/
}



/* cat box H1*/
.catmast{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #999;
	color: #fff;
	margin: 15px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
	font: normal 0.95em Arial, Helvetica, sans-serif;
	font-weight: bold;
}
	
/*cat panel  table style for top category pannel*/
.catpanel {
	background-color: #ccc;
	border: 1px solid #000;
	margin: 0px 0px 15px 0px;
	width: 100%;
	padding: 15px;
}

.catpanel td{
	padding: 15px;
}

.catsummary {
	font: normal 0.7em Arial, Helvetica, sans-serif; 
	font-weight: bold;
	padding: 0px;
}

.cattext { 
	font: normal 0.7em Arial, Helvetica, sans-serif; 
	padding: 0px;
}


/*date */
.date {
	color: #000;
	font: 0.7em Arial, Helvetica, sans-serif;
}

.doctype{
	color: #fff;
	font: 0.7em Arial, Helvetica, sans-serif;
}


.eventsdate{
	color: #636;
	font: 1.2em Arial, Helvetica, sans-serif;
}

#events .catdocspanel .date{
	color: #000;
	font: 0.7em Arial, Helvetica, sans-serif;
}
#events .catdocspanel .eventsdate{
	color: #000;
	font: 1em Arial, Helvetica, sans-serif;
}


/* events bottom box */
#eventsbottommast, #eventsmast {
	display: block;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	margin: 15px 0px 0px 0px;
	background-color: #666666;
	color: #fff;
	padding: 2px 10px 2px 10px;
	font: normal 0.9em Arial, Helvetica, sans-serif;
}

#eventsmast {
	margin: 0px 0px 14px 0px;
	border-bottom: 1px solid #000
}

#eventsbottommast {
	margin: 0px 0px 0px 0px;
}
	
.eventsbottompanel {
	border: 1px solid #000;
	margin: 0px 0px 15px 0px;
	background-color: #c9c;
	padding: 10px;
	font: normal 0.7em Arial, Helvetica, sans-serif;
}

	
.eventsbottompanel a {
	color: #fff;
	text-decoration: none;
}

.eventsbottompanel a:visited {
	color: #fff;
}
.eventsbottompanel a:hover {
	color: #333;
}

.eventsbottompanel SPAN {
	color: #333; /*colour of hidden pipe*/
}





/* pictures */
.picture {
	float: right;
	margin: 0px 0px 15px 15px;
	font: normal 0.7em Arial, Helvetica, sans-serif;

}
.picture IMG {
	border: 2px solid #fff;
	margin-bottom: 3px;

}







/* doc page box */
.docpagemast {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #ccc;
	color: #636;
	margin: 15px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
	font: normal 1.2em Arial, Helvetica, sans-serif;
}
.tablediv {
	WIDTH: 100%;
	margin-bottom: 20px;
}

#docpagepanel {
	border: 1px solid #000;
	margin: 0px 0px 15px 0px;
	background-color: #ccc;
}
#docpagepanel td{
	padding: 15px;
}
.docpagepaneltext {
	text-decoration: none;
	color: #666666;
	font: normal 0.7em Arial, Helvetica, sans-serif;
}
.docpagepaneltext ul {
	margin: 10px 40px 10px 40px;
	padding: 0px 0px 0px 0px;
}
.docpagepaneltext ul li {
	list-style: outside url(graphics/bullet.gif);
	margin: 0px;
	padding: 0px 0px 5px 0px;
} 
.docsummary {
	text-decoration: none;
	color: #000;
	font: bold 0.7em Arial, Helvetica, sans-serif;
}
	

	
			
/* Related Stuff */
	
#relatedmast, #imagesmast, #tablesmast, #weblinksmast {
	display: block;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	background-color: #666666;
}

	
#relatedmast H2, #imagesmast H2, #tablesmast H2, #weblinksmast H2 {
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
	font: normal 0.9em Arial, Helvetica, sans-serif;
}

	
#relatedpanel, #imagespanel, #tablespanel, #weblinkspanel {
	border: 1px solid #000;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 30px 10px;
	background-color: #ccc;
}

	
#relatedpanel p, #imagespanel p, #tablespanel p, #weblinkspanel p {
	text-decoration: none;
	color: #000;
	padding: 0px 0px 5px 0px;
	margin: 3px 0px 5px 0px;
	font: normal 0.7em Arial, Helvetica, sans-serif;
}

.relatedheader, .imagesheader, .tablesheader, .weblinksheader {
	color: #636;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font: bold 0.8em Arial, Helvetica, sans-serif;
}

	
.relatedheader:hover, .imagesheader:hover, .tablesheader:hover, .weblinksheader:hover {
	color: #fff;
}

	
#relatedpanel ul, #imagespanel ul, #tablespanel ul, #weblinkspanel ul {
	margin: 0px 0px 0px 19px;
	padding: 0px 0px 0px 0px;
}

#relatedpanel ul li, #imagestpanel ul li, #tablespanel ul li, #weblinkspanel ul li {
	list-style: outside url(graphics/bullet.gif);
	margin: 0px;
	padding: 0px;
}

	
#relatedpanel ul li a, #imagespanel ul li a, #tablespanel ul li a, #weblinkspanel ul li a {
	color: #636;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font: bold 0.7em Arial, Helvetica, sans-serif;
}

		
#relatedpanel ul li a:hover, #imagespanel ul li a:hover, #tablespanel ul li a:hover, #weblinkspanel ul li a:hover {
	color: #fff;
}



/*attachments */
	
#attachmentsmast {
	display: block;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	background-color: #666666;
}

	
#attachmentsmast H2 {
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
	font: normal 0.9em Arial, Helvetica, sans-serif;
}
	
#attachmentspanel {
	border: 1px solid #000;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #cc99cc;
}

	
#attachmentspanel a {
	color: #000;
	text-decoration: none;
	margin-left: 3px;
	padding: 0px;
	font: bold 0.7em Arial, Helvetica, sans-serif;
}

#attachmentspanel a:hover {
	color: #fff;
}
	


/* more in section third level nav */
#thirdlevelmast {
	display: block;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	background-color: #666666;
}

	
#thirdlevelmast H2 {
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
	font: normal 0.9em Arial, Helvetica, sans-serif;
}
	
#thirdlevelpanel {
	border: 1px solid #000;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #ccc;
}

	
#thirdlevelpanel ul {
	margin: 0px 0px 0px 19px;
	padding: 0px 0px 0px 0px;
}

#thirdlevelpanel ul li {
	list-style: outside url(graphics/bullet.gif);
	margin: 0px;
	padding: 0px;
}

	
#thirdlevelpanel ul li a {
	color: #636;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font: bold 0.7em Arial, Helvetica, sans-serif;
}

		
#thirdlevelpanel ul li a:hover {
	color: #fff;
}

	
	
/*Press releases */
.catdocsmast {
	display: block;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	background-color: #969;
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
	font: normal 0.9em Arial, Helvetica, sans-serif;
}



.catdocsheader {
	color: #fff;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font: bold 0.8em Arial, Helvetica, sans-serif;
}

	
.catdocsheader:hover {
	color: #333;
}

/* Pannel with links to documnts on category page and home page can be changed for latest news, press releases, what's on*/
/* Styles #latest  #press  #whatson  */
.catdocspanel {
	border: 1px solid #000;
	margin: 0px 0px 15px 0px;
	background-color: #CC99CC;
	padding: 15px;
	width: 100%;
}

.catdocspanel td {
	padding: 15px;
}



.catdocspanel p {
	text-decoration: none;
	padding: 5px 0px 0px 0px;
	margin-bottom: 10px;
	font: normal 0.7em Arial, Helvetica, sans-serif;
}
  
.catdocspanel ul {
	margin: 0px 0px 0px 19px;
	padding: 0px 0px 0px 0px;
}

.catdocspanel ul li {
	list-style: outside url(graphics/bullet.gif);
	margin: 0px;
	padding: 0px;
}

	
.catdocspanel ul li a {
	color: #fff;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font: bold 0.7em Arial, Helvetica, sans-serif;
}

.catdocspanel ul li a:visited {
	color: #FFF;
}	
.catdocspanel ul li a:hover {
	color: #333;
}

#whatson .date {

}





/* AZ Link styles*/
.az a {
	float: left;
	border: 1px solid #c9c;
	margin: 2px 1px 2px 1px;
	padding: 3px 1px 3px 1px;
	background-color: #996699;
	font: bold 1em Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	padding: 0px 10px 0px 10px;
}

.az a:hover {
	background-color: #999;
	color: #000;
}


/* mozilla + firefox centering problem fix [28/09/2005] */

#mastcontainer { overflow: auto; }
#mainnav { clear: both; }