body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-size: 76%;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 1.6em;
}

/* reset the font size to default */
.resetTable {
	font-size: 1em;
	line-height: 1em;
}

#head {
	background-color: #BFAC60;
	background: #416F8B;
	border-bottom: solid 0.2em #fff;
	font-size: 2.0em;
}

#head #welcome a {
	color: white;
	}

.logonStatus
{

	font-size:0.5em;
	font-weight:bold;
	text-transform:uppercase;
	}

.logonStatus:hover
{
	text-decoration:underline;
}	
	
/*the reason we float is because otherwise the footer won't go beneath 
 the left nav in mozilla if the left nav is longer than content

but that brings issues with the cat pages breaking in ie when the floats go below the
LHN so we use absolute position in ie*/
#left {
	/* float: left; */
	left: 0px;
	width: 160px;
	background: #fff;
	margin: 15px 0px;
	padding: 0;
	height: 100%;
	z-index: 2;
	text-align: right;
}

#right {
	/* float: right; */
	margin-top: 25px;
	right: 0px;
	width: 150px;
	padding: 0;
	z-index: 4;
}

#center {
	/* position: relative; */
	margin: 0px 10px 10px 10px;
	background: #ffffff;
	color: #333333;
	padding: 6px 10px;
	z-index: 3;
	height: 100%;
}

*html #center {
	margin: 10px;
}

#footer {
	clear: both;
	margin: 3em 0.4em 1em 0.4em;
	border-top: 1px solid #0074BD;
	background-color: #fff;
	padding: 8px;
	text-align: center;
	width: 98%;
}

#footer img {
	vertical-align: middle;
	border-style: none;
}

hr.dotted {
	background-color: #fff;
	color: #fff;
	border: 1px dotted #0074BD;
	border-style: none none dotted none;
}

p { font-size: 1.0em; }

h1, h2, h3, h4 {
	font-size: 1.2em;
	line-height: 1.0em;
	color: #0B77C0;
}

h1 { font-size: 1.3em; }

h3 { font-size: 1.1em; }

h4 { font-size: 1.0em; }

a {
	color: #0B77C0;
	text-decoration: none;
}

a: hover {
	text-decoration: underline;
}

a: active, a: focus {
	background: yellow;
}

.right {
	display: block;
	background-color: #FFFFFF;
	width: 150px;
}

.right h3 {
	display: block;
	text-transform: uppercase;
	background-color: #0074BD;
	color: #fff;
	font-size: 0.9em;
	padding: 0.5em 0.5em;
	margin: 0em;
}

.right ul {
	display: block;
	background-color: #EAF2FB;
	list-style-type: square;
	color: #0074BD;
	list-style-position: outside;
	margin-top: 0.1em;
}

* html .right ul {
	display: block;
	background-color: #EAF2FB;
	list-style-position: inside;
	margin-left: 8px;
	padding-left: 10px;
}

.right li {
	background-color: #EAF2FB;
	margin-left: -1.5em;
}

* html .right li {
    padding-left: 8px;
}

.right a {
	font-weight: bold;
	text-decoration: none;
}

.right a:hover {
	text-decoration: underline;
}


/*** LEFT NAV ***/
#leftNav {
	font-size: 0.9em;
	text-align: right;
	line-height: 1.5em;
	margin-left: 0.4em;
	
}

#leftNav a { text-decoration: none; }

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


table.sectionLink {
	
	color: #636363;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	width:160px;	
	padding-right:15px;

}

table.sectionSelectedLink {
	background-color: #0066CC;
	font-weight: bold;
	color: #fff;
	background-image: url(../Style%20Library/images/arrow2.html);
	background-repeat: no-repeat;
	vertical-align: middle;
	background-position: right;
	text-align: right;
	padding-right:15px;


	
}

table.sectionLink a {
	color: #636363;
}


table.sectionSelectedLink a{
	color: #FFFFFF;
}

table.subsectionLink {
	
	font-size: 1.1em;
	text-align: right;
	padding-right:15px;
	padding-left:2px;
}

table.subsectionSelectedLink {
	font-size: 1.15em;
	font-weight: bold;
	vertical-align: middle;
	background-image: url(../Style%20Library/images/arrow2.html);
	background-repeat: no-repeat;
	vertical-align: middle;
	background-position: right;
	line-height: 19px;
	background-color: #0066CC;
	color: #fff;
	padding-right:15px;
	padding-left:2px;
}

table.subsectionSelectedLink a {
	color: #fff;
}

table.subsectionSelectedLink a:hover, table.subsectionLink a:hover, table.sectionLink a:hover{
	text-decoration:underline;
}


hr.selected {
	background-color: #0074BD;
	color: #0074BD;
	height: 1px;
	margin-top: 1.0em;
}
/*** END OF LEFT NAV ***/

/*** START OF CRUMBTRAIL***/
.crumbtrail {
	font-size: 0.9em;
	background: #EEE;
	text-transform: uppercase;
	height: 30px;
	line-height: 1.0em;
    
}

.crumbtrail a {
	color: #0B77C0;
	text-decoration: none;
	font-weight: bold;
}

.crumbtrail a: hover {
	text-decoration: underline;
}

.breadDiv {
	font-size: 0.7em;
	color: #0B77C0;
}

#youarein {
	margin-left: 25px;
	width: 500px;
}
/*** END OF CRUMBTRAIL ***/

#center li {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

/*** START WEBPARTS & WIZARDS ***/
.mrcpTable {
	background-color: #EFF3FB;
	text-align: center;
}

.mrcpTable thead {
	background-color: #0066CC;
	color: #fff;
	padding: 0px;
	text-align: center;
}

.mrcpTable td {
	background-color: #EFF3FB;
	padding: 4px;
	margin: 0;
	border: solid 1px #fff;
}

.mrcpTable td.webpart {
	text-align: left;
}

.mrcpTable th.webpart {
	background-color: #0066CC;
	color: #fff;
	padding: 0px;
	text-align: left;
	font-size: 0.9em;
}

.webpartTextField {
	width: 290px;
	font-size: 0.9em;
}

.webpartHeading {
	margin: 0 10px 0 10px;
}
/*** END WEBPARTS & WIZARDS ***/

/* This is for the category homepages */
#cat { width: 100%; }

#faq a, #part1News a, #quicklinks a {
	color: #0B77C0;
	text-decoration: none;
}

#faq a: hover, #part1News a: hover, #quicklinks a: hover {
	text-decoration: underline;
}

#faq h3, #part1News h3, #quicklinks h3 {
	text-transform: uppercase;
	font-size: 0.9em;
	margin-bottom: 0.1em;
	padding-bottom: 0em;
	height: 20px;
	border-bottom: dotted #636363 1px;
}

* html #faq h3, * html #part1News h3, * html #quicklinks h3 {
	padding: 10px 3px 2px 5px;
}

#faq ul, #part1News ul, #quicklinks ul {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: -2.8em;
	margin-top: 0.1em;
	color: #0074BD;
	list-style-type: square;
}

* html #faq ul, * html #part1News ul, * html #quicklinks ul {
	margin-left: 0.5em;
}

#faq li, #part1News li, #quicklinks li {
	font-size: 1.0em;
	font-weight: normal;
	margin-left: 1.6em;
	list-style-position: outside;
}

* html #faq li, * html #part1News li, * html #quicklinks li {
	margin-left: 1.2em;
	list-style-position: outside;
}

#part1News, #part2News, #pacesNews {
	float: left;
	width: 44%;
	background-color: #BCDBF0;
	padding: 0em 0.5em;
	margin-top: 0.5em;
	margin-right: 1.0em;
}

#faq {
	float: left;
	width: 44%;
	background-color: #B9CEDD;
	padding: 0em 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-right: 1.0em;
}

#quicklinks {
	float: left;
	width: 44%;
	background-color: #D8E5ED;
	padding: 0em 0.5em;
	margin-top: 0.5em;
	margin-bottom: 1.0em;
}

#catContent {
	margin-top: 1em;
	float: left;
}

* html #catContent {
	float: none;
	clear: left;
	margin-top: 1em;
}

hr.clear {
	visibility: hidden;
}

div.coloured {
	background: #EFF3FB;
	border: solid 1px #000;
	line-height: 2.0em;
	padding: 1.0em;
}

.skiplink { display: none; }

.smallText { font-size: 0.8em; }

#blank {
	float: left;
	width: 44%;
	background-color: #FF0;
	padding: 0em 0.5em;
	margin-top: 0.5em;
	margin-right: 1.0em;
	height: 240px;
}

#cat2 {
	width: 100%;
	margin: 1em 0em;
	float: left;
	height: 100%;
	overflow: hidden;
}

#morenews {
	text-align: right;
	margin-top: -1.0em;
	padding: 0em 0.3em 0.3em 0em;
}

/*Hacks just make the footer appear below LHN when there is no news*/
#noNews0 {
	height: 700px;
	width: 1px;
}

#noNews1 {
	height: 550px;
	width: 1px;
}

#noNews2 {
	height: 350px;
	width: 1px;
}

#resultSpacer {
	height: 590px;
	width: 1px;
}

/*** Amending Sharepoint CSS ***/

#SRSB {
	display: inline;
	margin: 0px;
	padding: 0px;
	width: 150px;
}

.ms-WPBody {
	font-size: 1em;
}

.ms-WPBody TABLE, .ms-TPBody TABLE {
	font-size: 1em;
}

.ms-WPBody td {
	font-size: 1em;
}

.ms-rteTable-MRCP {
	border-collapse: collapse;
	border: solid 0px;
	border-style: none;
	background-color: #EFF3FB;
	text-align: center;
}

.ms-rteTable-MRCP tr.ms-rteTableHeaderRow-MRCP {
	padding: 0px;
	color: #ffffff;
	text-align: center;
	background-color: #0066CC;
	vertical-align: top;
}

.ms-rteTable-MRCP td.ms-rteTableHeaderFirstCol-MRCP {
	padding: 0px;
	color: #ffffff;
	text-align: center;
	background-color: #0066CC;
	vertical-align: top;
	border: solid 1px #fff;
}

.ms-rteTable-MRCP td.ms-rteTableHeaderLastCol-MRCP {
	padding: 0px;
	color: #ffffff;
	text-align: center;
	background-color: #0066CC;
	vertical-align: top;
	border: solid 1px #fff;
}

.ms-rteTable-MRCP td.ms-rteTableHeaderOddCol-MRCP {
	padding: 0px;
	color: #ffffff;
	text-align: center;
	background-color: #0066CC;
	vertical-align: top;border: solid 1px #fff;
}

.ms-rteTable-MRCP td.ms-rteTableHeaderEvenCol-MRCP {
	padding: 0px;
	color: #ffffff;
	text-align: center;
	background-color: #0066CC;
	vertical-align: top;
	border: solid 1px #fff;
}

.ms-rteTable-MRCP tr.ms-rteTableOddRow-MRCP {
	padding: 4px;
	color: #EFF3FB;
}

.ms-rteTable-MRCP tr.ms-rteTableEvenRow-MRCP {
	padding: 4px;
	color: #EFF3FB;
}

.ms-rteTable-MRCP td.ms-rteTableFirstCol-MRCP {
	padding: 4px;
	color: #000;
	margin: 0;
	border: solid 1px #fff;
}

.ms-rteTable-MRCP td.ms-rteTableLastCol-MRCP {
	padding: 4px;
	color: #000;
	margin: 0;
	border: solid 1px #fff;
}

.ms-rteTable-MRCP td.ms-rteTableOddCol-MRCP {
	padding: 4px;
	color: #000;
	margin: 0;
	border: solid 1px #fff;
}

.ms-rteTable-MRCP td.ms-rteTableEvenCol-MRCP {
	padding: 4px;
	color: #000;
	margin: 0;
	border: solid 1px #fff;
}

.ms-rteTable-MRCP tr.ms-rteTableFooterRow-MRCP {
	padding: 4px;
	color: #000;
	border: solid 1px #fff;
}

.ms-rteTable-MRCP td.ms-rteTableFooterFirstCol-MRCP {
	padding: 4px;
	color: #000;
	border: solid 1px #fff;
}

.ms-rteTable-MRCP td.ms-rteTableFooterLastCol-MRCP {
	padding: 4px;
	color: #000;
	border: solid 1px #fff;
}

.ms-rteTable-MRCP td.ms-rteTableFooterOddCol-MRCP {
	padding: 4px;
	color: #000;
	border: solid 1px #fff;
}

.ms-rteTable-MRCP td.ms-rteTableFooterEvenCol-MRCP {
	padding: 4px;
	color: #000;
	border: solid 1px #fff;
}

.ms-main
{
	border:solid #fff 5px;
	
}
table.summarytable
{
	font-size:10px;
	border-style:solid;
	border-color:black;
	border-width:thin;
	padding:50px,50px,50px,50px;
}

.summarytable table
{
	font-size:10px;
	border-style:solid;
	border-color:black;
	border-width:thin;
	padding:50px,50px,50px,50px;
}

.summarytable th
{
	background-color:Black;
	color:White;
	text-align:left
}

.summarytable td
{
	vertical-align:top
}

.summarytable textarea {
    overflow: hidden;
    border-style: none;
}

#loader {
    position: fixed;
    top: 119px;
    left: 95px;
    width: 640px;
    height: 685px;
    z-index: 10000;
    background: rgba(0,0,0,0.5);
}

.spinner {
    position: absolute;
    left: 40%;
    top: 45%;
    border: 7px solid #f3f3f3;
    border-radius: 50%;
    border-top: 7px solid #0070BA;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}