/* Style Sheet File (note how this comment was created) */
BODY {font-family: Arial, sans-serif; font-size: 12pt; line-height: 100%; color: white; font-weight: 400; margin: 0;
	background: #999 url('backgroundPT.gif') top left no-repeat;}
H1{ margin-bottom: 0; background: white; text-align: left; color: black; font: bold large Arial, sans-serif}
H2{ margin-bottom: 0; background: white; text-align: left; color: black; font: normal medium Arial, sans-serif}

UL {list-style-image: url('/RedDot.gif');}
UL LI {padding-left:2ex;}
UL LI UL{list-style-image: none;}

.box {font-family: Arial, sans-serif; font-size: 12pt; line-height: 100%; color: black}
.over {font-family: Arial, sans-serif; font-size: 16pt; text-indent: 10px; line-height: 100%; color: #8B1636 }
.hidden{display:none}
.white{color:white; vertical-align:top}
.weight {font-family: arial, sans-serif; font-size: 14pt; line-height: 100%; color: white; font-weight: 400}
.headermenu{background: black; color: white; border: black thin solid; padding: 0; margin: 0; width: 157px; font-family: Arial, sans-serif;}
.headermenu tr td{background: #171441; color: white; float: left; border: 0; padding: 0; margin:0; vertical-align:bottom; text-align:left; width:153px;}
.headermenu A{text-decoration: none; color: white;}
.headermenu A:active{background: #008000; font-weight:normal;}
.headermenu A:hover{background: #008000; font-weight:normal;}

.mainTable {width: 765px; position: absolute; top:164px; left:1em;}
.mainTable .topRow{height:40px;}
.mainTable .topRow .sectionLabel{
	background:#666 url(/images/sectionTL.gif) no-repeat;
	font-size:large; font-weight:bold; text-align:right;
	width: 143; 
	}
.mainTable .topRow .secondCell{background:#666;}
.mainTable .secondRow {height:30px;}
.mainTable .thirdRow {background:white; height:1em;}
.topleftcorner    {text-align: right; vertical-align: top; border-color: #FFF; height:35px; width:35px; background: url(/images/TopLeft.gif) left top no-repeat white}
.topleftcorner IMG { float:left;}
.topmiddle {width: 633px; border-color: #FFF; background-color: #FFF; height:35px;}
.toprightcorner   {text-align: left; vertical-align: top; border-color: #FFF; height:35px; width:45px; background: url(/images/TopRight.gif) right top no-repeat white}
.topmiddle {width: 633px; border-color: #FFF; background-color: #FFF; height:35px;}
.bottomleftcorner {text-align: left; vertical-align: top; border-color: #FFF; height:35px; width:35px;background: url(/images/BottomLeft.gif);}
.bottomrightcorner{text-align: left; vertical-align: top; border-color: #FFF; height:35px; width:45px;background: url(/images/BottomRight.gif) right bottom;}

@-webkit-keyframes bounce {
  0% {
    margin-left: 0;
  }
  30% {
    margin-left: 15px;
  }
  60% {
    margin-left: 0px;
  }
  80% {
    margin-left: 7px;
  }
  100% {
    margin-left: 0px;
  }
}
.sectionmenu{background: #666;
	border: #666 thin solid; padding: 0; margin: 0; width: 157px; 
	font-family: Arial, sans-serif;}
.sectionmenu tr td{background: #888; color: black; float: left; border: 0; padding:0; margin:0; vertical-align:bottom; text-align:left; width:153px;}
.sectionmenu tr td a{
	background: #888 url(/images/linkArrow_leftPT.gif) no-repeat center left; 
	color:white; text-decoration: none; 
	padding-left:10px; 
	padding-right:1em; 
	width:100%; 
 	-webkit-transition: all 0.5s ease-in-out; 
 	-moz-transition: all 0.5s ease-in-out; 
 	transition: all 0.5s ease-in-out; 
 	-webkit-animation-name: bounce;
 	-webkit-animation-duration: 1s;
 	-webkit-animation-iteration-count: 1;
 	-webkit-animation-direction: alternate;
 	}
.sectionmenu tr td a.currentsectionentry{background-color: white; background-image: url(/images/linkArrowBlack_leftPT.gif); color: black;}
.sectionmenu tr td a.currentsectionentry:visited{background-color: white; background-image: url(/images/linkArrowBlack_leftPT.gif); color: black;}
.sectionmenu tr td a.sectionentry:visited{background-image:url(/images/linkArrowGrey_leftPT.gif); color:#CCC;}
.sectionmenu tr td a.sectionentry:visited:hover{background-image:url(/images/linkArrowGrey_leftPT.gif); color:red;}
.sectionmenu tr td a.sectionentry:hover{background-color: white; background-image: url(/images/linkArrowBlack_leftPT.gif); color: red;}

@-webkit-keyframes rotate_shadow {
	0% {-webkit-box-shadow: 0px 0px 8px #888; box-shadow:0px 0px 8px #888;}
	20% {-webkit-box-shadow: 0px 5px 8px #888; box-shadow:0px 5px 8px #888;}
	20% {-webkit-box-shadow: 3px 3px 8px #888; box-shadow:3px 3px 8px #888;}
	40% {-webkit-box-shadow: 5px 0px 8px #888; box-shadow:5px 0px 8px #888;}
	50% {-webkit-box-shadow: 3px -3px 8px #888; box-shadow:3px -3px 8px #888;}
	60% {-webkit-box-shadow: 0px -5px 8px #888; box-shadow:0px -5px 8px #888;}
	70% {-webkit-box-shadow: -3px -3px 8px #888; box-shadow:-3px -3px 8px #888;}
	80% {-webkit-box-shadow: -5px 0px 8px #888; box-shadow:-5px 0px 8px #888;}
	90% {-webkit-box-shadow: -3px 0px 8px #888; box-shadow:-3px 0px 8px #888;}
	100% {-webkit-box-shadow: 0px 0px 8px #888; box-shadow:0px 0px 8px #888;}
}
.content	{width:693px; background: white; color:black; text-align: left; font-family: Arial, sans-serif; padding-left: 10px; padding-right: 10px; padding-top: 0; padding-bottom: 0; border:white; }
.subcontent {background: white; color: black; text-align: left; font-family: Arial, sans-serif; padding-left: 10px; padding-right: 10px; padding-top: 0; padding-bottom: 0}
.contentlinks {background: white; color: black; text-align: center; font-family: Arial, sans-serif; padding-left: 10px; padding-right: 10px; padding-top: 0; padding-bottom: 0; width:100%}
.details {background: white; color: black; text-align: left; font-family: Arial, sans-serif; font-size: smaller; padding-left: 10px; padding-right: 10px; padding-top: 0; padding-bottom: 0}
.content A { text-decoration: underline; color: #000080; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.content A:hover {
	color: #0000E0; 
	-webkit-box-shadow: 0px 0px 8px #888; 
	box-shadow:0px 0px 8px #888;
 	-webkit-animation-name: rotate_shadow;
 	-webkit-animation-duration: 1s;
 	-webkit-animation-iteration-count: 1;
 	-webkit-animation-timing-function: linear;
}

.sitegroup {text-align: center; border: 0; padding: 0; margin: 0; width: 85%; background: white; color:black; text-align: left; font-family: Arial, sans-serif}
.sitegroup TD {border: 0; padding: 0; margin: 0; vertical-align: sub}
.sitegroup .name {color: #000080; text-align: center; font-weight: bold}

.header{background: white; text-align: left; font-family:Arial, sans-serif; font-size:large}
.address {color:#000080}
.label{margin-bottom: 0; text-align: left; color: black; font-weight: bold; font-family: Arial, sans-serif}
.highlights{color:red; font-weight: bold;}
.emphasised{color:red;}
.advertising{color:gray;}
.explanation{}
.comment{color:gray; font-size:smaller;}
.usermanual {color: grey; font-size: x-small;}
.legend{font-size: smaller; border: 0; padding:0; margin:0;}
.legend ol li {font-size: smaller;}
.sidebar-text {padding-left: 10px}

.datatable	{background: white; color:black; 
			text-align: left; font-family: Arial, sans-serif; 
			border: solid 2px #171441; margin: 0; padding: 0;}
.datatable .label{text-transform: uppercase; text-align: center; font-size: smaller}
.datatable .label{text-transform: uppercase; font-size: smaller}
.datatable .data{color:black; font-size: smaller; vertical-align: top;}
.cleared {}
.uncleared{color:gray; text-decoration: line-through;}

.trackingDiv{display:none}
.trackingtable{}
.trackingHeader{margin-top:10px; background-color:#B00; color:white; border-color: white; font-weight:bold;}
.indexcolumn{ background: #B00; color: white; font: smaller bold Arial, sans-serif; font-weight:bold;}

.document {font-weight:bold}
.document A {font-weight:normal}

.dateline	{background: white; color:black; text-align: left; font-family: 'Gill Sans', Arial, sans-serif; font-size:smaller; clear:both;}
.headline	{background: white; color:black; font-weight: bold; text-align: center; font-family: 'Gill Sans', Arial, sans-serif;}
.credit {font: bold smaller Arial, sans-serif;}
.news	{background: white; color:black; text-align: left; font-family: 'Times New Roman', Times, serif; padding-left: 10px; padding-right: 10px; padding-top: 0; padding-bottom: 0}
.news A{color:#000080; font-family: sans-serif;}
.news A:hover{background: #000080; color: white;}
.firstParagraph	{font-weight: bold;}

.pinkline{background: #F5DEF1; color: black; vertical-align: top; font: smaller Arial, sans-serif;}
.whiteline{background: #FFFFFF; color: black; vertical-align: top; font: smaller Arial, sans-serif}
.headerline{ background: #D00; color: white; font: smaller bold Arial, sans-serif; font-weight:bold;}

.footer {display:none; color: white; text-align:center; border:0; padding:0; margin:0; width:100%; height:55px}
.footer A {	text-align: center; color:white ;font-family: Arial, sans-serif}

.mh { padding:5px; padding-left:2em; color: white;}
.msc { padding:5px; padding-left:2em; color: white;}
.currentMH { padding:5px; padding-left:2em;  color:white; cursor: pointer; font-weight:bold;}
.currentMH A {color:white;}
.mi {padding-left:4em; display:none;}
.currentMI {padding-left:4em; display:block;}
.mihh{display: none}

.smaller {font-size: smaller}
.smallest {font-size: x-small;}
li ol li {	list-style-type: lower-roman;}
li ol li ul li {	list-style-type: square;}
.alpha {list-style-type: upper-alpha;}
HR {width: 90%; text-align: center; background: #FFFFFF; margin-top:10px;margin-bottom:20px;}
.tug {font-weight: bold;}
BLOCKQUOTE { font-style: italic; border: thin black solid; padding:1em;}

@-webkit-keyframes headlineimage_fadein 
{
	from {
		opacity: 0;
	}
	to {
		opacity:1;
	}
}
.headlineimage{
	-webkit-animation-name: headlineimage_fadein; 
	-webkit-animation-duration: 5s; 
	-webkit-animation-iteration-count: 1; 
}

@-webkit-keyframes highlight_fadein 
{
	from {
		opacity: 0;
		color: blue;
	}
	to {
		opacity:1;
		color: red;
	}
}
ul.highlights li {
	-webkit-animation-name: highlight_fadein; 
	-webkit-animation-duration: 10s; 
	-webkit-animation-iteration-count: 1; 
	-webkit-animation-direction: alternate;
	animation-name: highlight_fadein; 
	animation-duration: 10s; 
	animation-iteration-count: 1; 
	animation-direction: alternate;
}

#sitemenu {
	padding-top: 0px; 
	margin-top: 0px; 
	list-style-type: none;
	z-index:1;
	position:absolute; top:0; right:0;
 	-webkit-transition: all 2s ease-in-out; 
 	-moz-transition: all 2s ease-in-out; 
	}
#sitemenu li {
	float: left; 
	position: relative;
	left: 0em;
	background: #888;
	padding-left:1ex;
	padding-bottom:0px;
	white-space: nowrap;list-style-image: none;
	}
#sitemenu li a:hover{
	background: red; color: white;
	}
#sitemenu li ul {display: none; position: absolute; top: 1em; left: 1ex;
	list-style-type: none;
	width: 10em;
	}
#sitemenu li ul li{clear:both;
	left:-2em;
	padding: 1px;
	border: none;
	border-left: thin solid red;
	white-space: nowrap;
	width: 10em;
 	-webkit-transition: all 0.5s ease-in-out; 
 	-moz-transition: all 0.5s ease-in-out; 
	}
#sitemenu a{color:white ; text-decoration: none;}
#sitemenu a:hover{background:red;}
#sitemenu li > ul {top: auto; left: auto; z-index: 1;}
#sitemenu li:hover ul {	display: block; overflow:visible;}
#sitemenu li.sitemenuover ul {display: block; overflow:visible; z-index: 2;}
#sitemenu li.sitemenuover ul li {display: block; overflow:visible; z-index: 2;}