﻿/*@charset "utf-8";*/

/*This is the main css file*/

* {
	margin: 0;
	padding: 0;
}

HTML {
	FONT-SIZE: 100%;
}

BODY {
	MARGIN: 0px;
	FONT: 0.79em verdana, tahoma, helvetica, arial, sans-serif;
	COLOR: #000000;
	WIDTH: 98%;
	MARGIN: auto;
}

A:link {
	COLOR: #084988;
	TEXT-DECORATION: none;
}

A:visited {
	COLOR: #084988;
	TEXT-DECORATION: none;
}
p.hide, div.hide, div.hide ul, a.hide
{
	display:inline !important;
	
	}
A:hover {
}

TABLE {
	FONT-SIZE: 100%;
}

#rightcol div.ms-WPBody, #leftcolfixed div.ms-WPBody, #leftcol div.ms-WPBody
{
font-size:1em !important;
margin-bottom:0;
}
#centercol div.ms-WPBody, #centercolhome div.ms-WPBody
{
font-size:0.85em !important;
margin-bottom:0;
}

#centercolhome h3.ms-WPTitle, #centercol h3.ms-WPTitle
{
	font-size:1em !important;
}

H1 {
	MARGIN-TOP: 15px;
	FONT-SIZE: 1.4em;
	COLOR: #812E61;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	MARGIN-BOTTOM: 10px;
}

H2 {
	FONT-SIZE: 1.2em;
	COLOR: #812E61;
	BORDER-TOP-STYLE: none;
	PADDING-TOP: 0.8em;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	MARGIN-BOTTOM: 10px;
	MARGIN-TOP: 8px;
}

H3 {
	FONT-SIZE: 1.1em;
	COLOR: #812E61;
	BORDER-TOP-STYLE: none;
	PADDING-TOP: 0.6em;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	TEXT-DECORATION: none;
	BORDER-BOTTOM-STYLE: none;
	MARGIN-BOTTOM: 10px;
	MARGIN-TOP: 8px;
}
H4 {
	FONT-SIZE: 1em;
	MARGIN-BOTTOM: 1px;
	COLOR: #812E61;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	TEXT-DECORATION: none;
	BORDER-BOTTOM-STYLE: none;
}
H5 {
	MARGIN-TOP: -4px;
	FONT-SIZE: 1.2em;
	MARGIN-BOTTOM: 15px;
	COLOR: #812E61;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
}

INPUT {
	COLOR: #241b94;
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
}

SELECT {
	COLOR: #241b94;
}

UL {
	PADDING-LEFT: 22px;
	MARGIN-LEFT: 0px;
	LIST-STYLE-TYPE: square;
}

OL {
	PADDING-LEFT: 22px;
	MARGIN-LEFT: 0px;
	LIST-STYLE-TYPE:decimal;
}

H2 A:link {
	TEXT-DECORATION: none;
}
H3 A:link {
	TEXT-DECORATION: none;
}

div.HomePageWebPart
{
	font-size : 1.1em;
    font-family:verdana, tahoma, helvetica, arial, sans-serif;
}

div.HomePageWebPart  > a:link
{
	color: #084988;
	text-decoration: none;
	font-size: 1.0em;
}

.eventtagline{
	FONT: 1.1em verdana, tahoma, helvetica, arial, sans-serif;
	color:black !important;
}

.eventdate{
	font-weight:bold;
}

.DocumentListWebPart img{
	FONT: 1.1em verdana, tahoma, helvetica, arial, sans-serif;
	border:0;
	border-right: 5px;
	border-right-color:white;
}

.DocumentListWebPart span{
	display:block;
}


.DocumentListWebPart{
	FONT: 1.1em verdana, tahoma, helvetica, arial, sans-serif;
	border:0;
}

.LinkListWebPart img {
	border:0;	
	border-right-width:5px;
	border-right-color:white;
}

.LinkListWebPart a{

}

.LinkListWebPart {
	FONT: 1.1em verdana, tahoma, helvetica, arial, sans-serif;
	padding-top:0 !important;
}

.DocumentDate{
	color:gray;	
}

.BoxHolder BoxMajor_H{
	
}

.NextPrev{

}

.Today{
	
}

.social{
}

.social ul{
	list-style-type:none;
}

.social img{
	border:0;
}

.delicious img{
	width:16px;
	height:16px;	
}

.reddit img{
	border: 0px solid;
	width:16px;
	height:16px;
}

.digg img {
	width:16px;
	height:16px;
}

.stumble img {
	border:0px solid;
}

.newsvine img{
	border:0px solid;
	width:16px;
	height:16px;
}

     
.NotCurrent{
	

}
        
div.callswebpart, div.EPSRCwebpart {
	FONT: 1.1em verdana, tahoma, helvetica, arial, sans-serif;
	margin-bottom:0;
	padding-top:5px;
}

div.callswebpart a:link {
	/*COLOR: #084988 ;
	TEXT-DECORATION: none;
	FONT: 1.0em;
	font-weight: bold;*/
}


.HomePageHeadingLink {
	FONT-SIZE: 110%;
}

.homenewsimage {
	PADDING-RIGHT: 10px;
	PADDING-BOTTOM: 5px;
	border: 0;
}

.articleimage {
	BORDER-RIGHT: #dbdbdb 1px solid;
	BORDER-TOP: #dbdbdb 1px solid;
	MARGIN-BOTTOM: 10px;
	BORDER-LEFT: #dbdbdb 1px solid;
	BORDER-BOTTOM: #dbdbdb 1px solid;
}

.rtcolimage {
	BORDER-RIGHT: #82b8c8 1px solid;
	BORDER-TOP: #82b8c8 1px solid;
	MARGIN-BOTTOM: 10px;
	BORDER-LEFT: #82b8c8 1px solid;
	MARGIN-RIGHT: 10px;
	BORDER-BOTTOM: #82b8c8 1px solid;
}

.h2table {
	MARGIN-TOP: -5px;
}

.turquoisetext {
	COLOR: #058ea8;
}
.darktext {
	COLOR: #00293a;
}
.greentext {
	COLOR: #aba80e;
}
.boxtest {
	MARGIN: 20px;
}
.search {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 0.95em;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	WIDTH: 102px;
	COLOR: #241b94;
	PADDING-TOP: 0px;
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
	HEIGHT: 18px;
}

.searchbutton {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 0.95em;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 0px 2px;
	WIDTH: 85px;
	COLOR: #241b94;
	PADDING-TOP: 0px;
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;
	HEIGHT: 18px;
}
.line {
	BORDER-TOP: #afdaf0 1px solid;
}
.boxes {
	BORDER-RIGHT: #c7c7c7 1px dotted;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #c7c7c7 1px dotted;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	BORDER-LEFT: #c7c7c7 1px dotted;
	PADDING-TOP: 10px;
	BORDER-BOTTOM: #c7c7c7 1px dotted;
	BACKGROUND-COLOR: #efefef;
}
.specialbox1 {
	BORDER-RIGHT: #8283b9 1px dotted;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #8283b9 1px dotted;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	BORDER-LEFT: #8283b9 1px dotted;
	PADDING-TOP: 10px;
	BORDER-BOTTOM: #8283b9 1px dotted;
	BACKGROUND-COLOR: #eeeef5;
}
.specialbox2 {
	BORDER-RIGHT: #d5d7e8 1px solid;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #d5d7e8 1px solid;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	BORDER-LEFT: #d5d7e8 1px solid;
	PADDING-TOP: 10px;
	BORDER-BOTTOM: #d5d7e8 1px solid;
	BACKGROUND-COLOR: #eeeef5;
}
.mailingbox {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px;
	BACKGROUND-COLOR: #e7f4f6;
}
.menubox1in {
	BORDER-RIGHT: #619dc4 1px solid;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #619dc4 1px solid;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	MIN-HEIGHT: 23px;
	BACKGROUND-IMAGE: url(/Style%20Library/images/topbgrptx.gif);
	PADDING-BOTTOM: 3px;
	VERTICAL-ALIGN: -6px;
	BORDER-LEFT: #619dc4 1px solid;
	COLOR: #0288b5;
	LINE-HEIGHT: 23px;
	PADDING-TOP: 3px;
	BACKGROUND-COLOR: #ffffff;
}
.menubox1in:link {
	FONT-WEIGHT: bold;
	COLOR: #0288b5;
}
.menubox1off {
	BORDER-RIGHT: #b9ddec 1px solid;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #b9ddec 1px solid;
	PADDING-LEFT: 10px;
	MIN-HEIGHT: 23px;
	BACKGROUND-IMAGE: url(/Style%20Library/images/navbg.gif);
	PADDING-BOTTOM: 3px;
	VERTICAL-ALIGN: -5px;
	BORDER-LEFT: #b9ddec 1px solid;
	LINE-HEIGHT: 26px;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #b9ddec 1px solid;
}
.box1 {
	BORDER-RIGHT: #cee6f7 1px solid;
	PADDING-RIGHT: 9px;
	BORDER-TOP: #cee6f7 1px solid;
	PADDING-LEFT: 9px;
	PADDING-BOTTOM: 9px;
	BORDER-LEFT: #cee6f7 1px solid;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #cee6f7 1px solid;
	BACKGROUND-COLOR: #f0fafe;
}
.boxServices {
	BORDER-RIGHT: #dbdbdb 1px solid;
	PADDING-RIGHT: 9px;
	BORDER-TOP: #dbdbdb 1px solid;
	PADDING-LEFT: 9px;
	PADDING-BOTTOM: 0px;
	BORDER-LEFT: #dbdbdb 1px solid;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #dbdbdb 1px solid;
	BACKGROUND-COLOR: #f7f6f6;
}
/* ADDED BY CS TO MOVE HEADING UP */
DIV.boxServices H2 {
	MARGIN-TOP: 0px;
	COLOR: #000000;
}
DIV.boxServices A {
	font-size: 105%;
}
.button1-old {
	BORDER-RIGHT: #ffdabd 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #ffdabd 1px solid;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 1px;
	MARGIN-LEFT: 1px;
	BORDER-LEFT: #ffdabd 1px solid;
	MARGIN-RIGHT: 1px;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #ffdabd 1px solid;
}
A.button1-old.link {
	FONT-WEIGHT: bold;
}
.button1 {
	BORDER-RIGHT: #cee6f7 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #cee6f7 1px solid;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 1px;
	MARGIN-LEFT: 1px;
	BORDER-LEFT: #cee6f7 1px solid;
	MARGIN-RIGHT: 1px;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #cee6f7 1px solid;
}
.box2 {
	BORDER-RIGHT: #7dabc7 1px dotted;
	PADDING-RIGHT: 9px;
	BORDER-TOP: #7dabc7 1px dotted;
	PADDING-LEFT: 9px;
	PADDING-BOTTOM: 9px;
	BORDER-LEFT: #7dabc7 1px dotted;
	PADDING-TOP: 9px;
	BORDER-BOTTOM: #7dabc7 1px dotted;
}
.box3 {
	BORDER-RIGHT: #cee6f7 1px solid;
	PADDING-RIGHT: 9px;
	BACKGROUND-POSITION: 50% top;
	BORDER-TOP: #cee6f7 1px solid;
	PADDING-LEFT: 9px;
	BACKGROUND-IMAGE: url(/Style%20Library/images/A-menu-bg-in.gif);
	PADDING-BOTTOM: 9px;
	BORDER-LEFT: #cee6f7 1px solid;
	PADDING-TOP: 9px;
	BORDER-BOTTOM: #cee6f7 1px solid;
	BACKGROUND-REPEAT: repeat-x;
}
.box4 {
	PADDING-RIGHT: 9px;
	PADDING-LEFT: 9px;
	PADDING-BOTTOM: 9px;
	PADDING-TOP: 9px;
	BACKGROUND-COLOR: #edf6fd;
}
.leftnavbox {
	BORDER-RIGHT: #cee6f7 1px;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #cee6f7 1px;
	PADDING-LEFT: 5px;
	MARGIN-BOTTOM: 5px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #cee6f7 1px;
	WIDTH: 170px;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #0288b8 1px dotted;
	BACKGROUND-COLOR: #eaf6fa;
}
.dottedline1 {
	MARGIN-BOTTOM: 5px;
	BORDER-BOTTOM: #0288b8 1px dotted;
}
.dottedline2 {
	BORDER-TOP: #0288b8 1px dotted;
	MARGIN-BOTTOM: 5px;
}
.box5 {
	PADDING-RIGHT: 9px;
	PADDING-LEFT: 9px;
	PADDING-BOTTOM: 9px;
	PADDING-TOP: 9px;
	BACKGROUND-COLOR: #f9f3e3;
}
/* ADDED BY CS */
.boxPromo {
	BORDER-TOP: #dbdbdb 1px solid;
	PADDING-TOP: 1px;
	BORDER-RIGHT: #dbdbdb 1px solid;
	PADDING-RIGHT: 0px;
	BORDER-LEFT: #dbdbdb 1px solid;
	PADDING-LEFT: 3px;
	BORDER-BOTTOM: #dbdbdb 1px solid;
	PADDING-BOTTOM: 9px;
	BACKGROUND-COLOR: #ffffff;
}
/* ADDED BY CS TO MOVE HEADING UP */
DIV.boxPromo H2 {
	MARGIN-TOP: -10px;
}
.boxPromoOrange {
	PADDING-RIGHT: 9px;
	BORDER-TOP: #ffdabd 1px solid;
	PADDING-LEFT: 9px;
	BACKGROUND-IMAGE: url(/Style%20Library/images/orangegradient.gif);
	PADDING-BOTTOM: 20px;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #ffdabd 0px solid;
}
/* ADDED BY CS TO MOVE HEADING UP */
DIV.boxPromoOrange H2 {
	MARGIN-TOP: -10px;
}
.boxPromoOrangeHomePage {
	/*BORDER-TOP: #ffdabd 1px solid;*/
	/*BACKGROUND-IMAGE: url(/Style%20Library/images/orangegradient.gif);*/
	padding: 0px 8px 8px 12px;
}

DIV.boxPromoOrange Img {
	float:left;
	border-right-width:thick !important;
	border-right-color:transparent !important;	
}

DIV.boxPromoOrangeHomePage H2 {
	MARGIN-TOP: -10px;
}
DIV.boxPromoOrangeHomePage H1 {
	MARGIN-TOP: 0px;
}

.boxPromoOrangeHomePageLines {
	PADDING-RIGHT: 9px;
	BORDER-TOP: #ffdabd 1px solid;
	PADDING-LEFT: 9px;
	BACKGROUND-IMAGE: url(/Style%20Library/images/orangegradient.gif);
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 0px;
	BORDER-RIGHT: #ffdabd 1px solid;
	BORDER-LEFT: #ffdabd 1px solid;
	BORDER-BOTTOM: #ffdabd 1px solid;
}
DIV.boxPromoOrangeHomePageLines H2 {
	MARGIN-TOP: 0px;
}
DIV.boxPromoOrangeHomePageLines H1 {
	MARGIN-TOP: 0px;
}
.boxPromoOrangeHomePageNC {
	PADDING-RIGHT: 9px;
	BORDER-TOP: #ffdabd 1px solid;
	PADDING-LEFT: 9px;
	BACKGROUND-IMAGE: url(/Style%20Library/images/orangegradient.gif);
	PADDING-BOTTOM: 8px;
	PADDING-TOP: 0px;
	BORDER-RIGHT: #ffdabd 1px solid;
	BORDER-LEFT: #ffdabd 1px solid;
	BORDER-BOTTOM: #ffdabd 1px solid;
}
DIV.boxPromoOrangeHomePageNC H2 {
	MARGIN-TOP: 5px;
}
DIV.boxPromoOrangeHomePageNC H1 {
	MARGIN-TOP: 5px;
}
.box6 {
	BORDER-RIGHT: #ffdabd 1px solid;
	PADDING-RIGHT: 9px;
	BORDER-TOP: #ffdabd 1px solid;
	PADDING-LEFT: 9px;
	PADDING-BOTTOM: 9px;
	BORDER-LEFT: #ffdabd 1px solid;
	PADDING-TOP: 9px;
	BORDER-BOTTOM: #ffdabd 1px solid;
	BACKGROUND-COLOR: #fcf8e8;
}
.leftmenutoplink:link {
	FONT-WEIGHT: bold;
}
.leftmenuin {
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 8px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 4px;
	COLOR: #0288b5;
	PADDING-TOP: 4px;
	BACKGROUND-COLOR: #c2e8f8;
}

/* ADDED BY CS TO MOVE HEADING UP */
DIV.box8 H2 {
	MARGIN-TOP: 0px;
}
.box9 {
	PADDING-RIGHT: 9px;
	BORDER-TOP: #afdaf0 1px solid;
	PADDING-LEFT: 9px;
	BACKGROUND-IMAGE: url(/Style%20Library/images/bluegradient2.gif);
	background-repeat:repeat-x;
	PADDING-BOTTOM: 6px;
	PADDING-TOP: 6px;
}
/* ADDED BY CS TO MOVE HEADING UP */
DIV.box9 H2 {
	MARGIN-TOP: -0px;
}
/* ADDED BY CS FOR HOMEPAGE QUICK GUIDES & ACTIVITIES */
.HomePageBlueFade {
	PADDING-RIGHT: 9px;
	BORDER-TOP: #afdaf0 1px solid;
	PADDING-LEFT: 9px;
	BACKGROUND-IMAGE: url(/Style%20Library/images/bluegradient2.gif);
	PADDING-BOTTOM: 6px;
	PADDING-TOP: 6px;
	BORDER-RIGHT: #afdaf0 1px solid;
	BORDER-LEFT: #afdaf0 1px solid;
	BORDER-BOTTOM: #afdaf0 1px solid;
}
/* ADDED BY CS TO MOVE HEADING UP */
DIV.HomePageBlueFade H2 {
	MARGIN-TOP: 0px;
}
.box11 {
	PADDING-RIGHT: 9px;
	BORDER-TOP: #ffdabd 1px solid;
	PADDING-LEFT: 10px;
	BACKGROUND-IMAGE: url(/Style%20Library/images//orangegradient.gif);
	PADDING-BOTTOM: 6px;
	PADDING-TOP: 6px;
	BORDER-BOTTOM: #ffdabd 1px solid;
}
.box12 {
	BORDER-RIGHT: #cee6f7 1px solid;
	PADDING-RIGHT: 7px;
	BORDER-TOP: #cee6f7 1px solid;
	PADDING-LEFT: 8px;
	MARGIN-BOTTOM: 5px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #cee6f7 1px solid;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #cee6f7 1px solid;
	BACKGROUND-COLOR: #f0fafe;
}
.box13 {
	PADDING-RIGHT: 9px;
	border-top: #ffe7c8 1px solid;
	MARGIN-TOP: 20px;
	padding-left: 10px;
	BACKGROUND-IMAGE: url(/Style%20Library/images/orangegradient.gif);
	PADDING-BOTTOM: 9px;
	PADDING-TOP: 7px;
}
DIV.box13 H2 {
	MARGIN-TOP: -10px;
}
.box13Large {
	BORDER-RIGHT: #ffe7c8 1px solid;
	PADDING-RIGHT: 9px;
	BORDER-TOP: #ffe7c8 1px solid;
	MARGIN-TOP: 20px;
	PADDING-LEFT: 10px;
	BACKGROUND-IMAGE: url(/Style%20Library/images/orangegradient.gif);
	PADDING-BOTTOM: 9px;
	BORDER-LEFT: #ffe7c8 1px solid;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #ffe7c8 1px solid;
}
DIV.box13Large H2 {
	MARGIN-TOP: -10px;
}
.boxPromoOrangeLines {
	PADDING-BOTTOM: 9px;
	background: url(/Style%20Library/images/orangegradient.gif) repeat-x top center;
	width: 98.3%;
	float: left;
	padding-left: 10px;
}
.boxPromoOrangeLines img {
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
}
/* ADDED BY CS TO MOVE HEADING UP */
DIV.boxPromoOrangeLines H2 {
	MARGIN-TOP: -10px;
}
/* ADDED BY CS TO MOVE HEADING UP */
DIV.boxPromoOrangeLines H1 {
	MARGIN-TOP: 0px;
}
.box14 {
	BORDER-RIGHT: #ffdabd 1px solid;
	PADDING-RIGHT: 9px;
	BORDER-TOP: #ffdabd 1px solid;
	MARGIN-TOP: 20px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 9px;
	BORDER-LEFT: #ffdabd 1px solid;
	PADDING-TOP: 7px;
	BORDER-BOTTOM: #ffdabd 1px solid;
	BACKGROUND-COLOR: #fcf8e8;
}
DIV.box14 H2 {
	MARGIN-TOP: -5px;
	BACKGROUND-COLOR: #fcf8e8;
}
DIV.box14 H3 {
	MARGIN-TOP: -5px;
	BACKGROUND-COLOR: #fcf8e8;
}
DIV.box11 H2 {
	MARGIN-TOP: -5px;
}
.pullquote1 {
	PADDING-RIGHT: 7px;
	BORDER-TOP: #ffdabd 1px solid;
	PADDING-LEFT: 7px;
	MARGIN-BOTTOM: 12px;
	PADDING-BOTTOM: 7px;
	MARGIN-LEFT: 7px;
	PADDING-TOP: 7px;
	POSITION: relative;
	BACKGROUND-COLOR: #fcf8e8;
}

.picandcaption {
	MARGIN-TOP: 7px;
	FONT-SIZE: 0.85em;
	MARGIN-BOTTOM: 6px;
	PADDING-BOTTOM: 2px;
	WIDTH: 200px;
	COLOR: #6f7a80;
	LINE-HEIGHT: 130%;
	BORDER-BOTTOM: #ffdabd 1px solid;

}
.picandcaptionevents {
	MARGIN-TOP: 7px;
	FONT-SIZE: 0.85em;
	FLOAT: right;
	MARGIN-BOTTOM: 6px;
	PADDING-BOTTOM: 2px;
	MARGIN-LEFT: 10px;
	WIDTH: 145px;
	COLOR: #6f7a80;
	LINE-HEIGHT: 130%;
	BORDER-BOTTOM: #ffdabd 1px solid;
}
.arrows {
	FONT-SIZE: 0.85em;
	COLOR: #448093;
}
.menu1 {
	FONT-SIZE: 1em;
	MARGIN-LEFT: 1px;
	COLOR: #075a88;
	MARGIN-RIGHT: 1px;
	TEXT-DECORATION: none;
}
A.menu1:link {
	FONT-SIZE: 1em;
	MARGIN-LEFT: 1px;
	COLOR: #075a88;
	MARGIN-RIGHT: 1px;
	TEXT-DECORATION: none;
}
A.menu1:visited {
	FONT-SIZE: 1em;
	MARGIN-LEFT: 1px;
	COLOR: #075a88;
	MARGIN-RIGHT: 1px;
	TEXT-DECORATION: none;
}
A.menu1:hover {
	FONT-SIZE: 1em;
	MARGIN-LEFT: 1px;
	MARGIN-RIGHT: 1px;
	TEXT-DECORATION: underline;
}
A.menu1:active {
	FONT-SIZE: 1em;
	MARGIN-LEFT: 1px;
	COLOR: #c00;
	MARGIN-RIGHT: 1px;
	TEXT-DECORATION: none;
}
.menu1in {
	FONT-WEIGHT: bold;
	FONT-SIZE: 1em;
	COLOR: #c00;
	TEXT-DECORATION: none;
}
A.menu1in:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 1em;
	COLOR: #c00;
	TEXT-DECORATION: none;
}
A.menu1in:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 1em;
	COLOR: #c00;
	TEXT-DECORATION: none;
}
A.menu1in:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 1em;
	TEXT-DECORATION: none;
}
A.menu1in:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 1em;
	COLOR: #c00;
	TEXT-DECORATION: none;
}
.menu2 {
	FONT-SIZE: 0.95em;
	TEXT-DECORATION: none;
}
A.menu2:link {
	FONT-SIZE: 0.95em;
	TEXT-DECORATION: none;
}
A.menu2:visited {
	FONT-SIZE: 0.95em;
	COLOR: #00008c;
	TEXT-DECORATION: none;
}
A.menu2:hover {
	FONT-SIZE: 0.95em;
	TEXT-DECORATION: underline;
}
A.menu2:active {
	FONT-SIZE: 0.95em;
	COLOR: #c00;
	text-decoration: none;
}
.menu2in {
	FONT-WEIGHT: bold;
	FONT-SIZE: 0.95em;
	COLOR: #c60;
	TEXT-DECORATION: none;
}
A.menu2in:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 0.95em;
	COLOR: #c60;
	TEXT-DECORATION: none;
}
A.menu2in:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 0.95em;
	TEXT-DECORATION: none;
}
A.menu2in:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 0.95em;
	TEXT-DECORATION: none;
}
A.menu2in:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 0.95em;
	COLOR: #d67600;
	TEXT-DECORATION: none;
}
.menu3 {
	FONT-SIZE: 0.95em;
	COLOR: #1b3f94;
	TEXT-DECORATION: none;
}
A.menu3:link {
	FONT-SIZE: 0.95em;
	COLOR: #1b3f94;
	TEXT-DECORATION: none;
}
A.menu3:visited {
	FONT-SIZE: 0.95em;
	COLOR: #1b3f94;
	TEXT-DECORATION: none;
}
A.menu3:hover {
	FONT-SIZE: 0.95em;
	COLOR: #058ea8;
	TEXT-DECORATION: underline;
}
A.menu3:active {
	FONT-SIZE: 0.95em;
	COLOR: #1b3f94;
	TEXT-DECORATION: none;
}
.menu3in {
	BORDER-TOP-WIDTH: 1px;
	FONT-WEIGHT: bold;
	BORDER-LEFT-WIDTH: 1px;
	FONT-SIZE: 0.95em;
	BORDER-LEFT-COLOR: #d67600;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-COLOR: #d67600;
	BORDER-TOP-COLOR: #d67600;
	BACKGROUND-COLOR: #cee6f7;
	BORDER-RIGHT-WIDTH: 1px;
	TEXT-DECORATION: none;
	BORDER-RIGHT-COLOR: #d67600;
}
A.menu3in:link {
	BORDER-TOP-WIDTH: 1px;
	FONT-WEIGHT: bold;
	BORDER-LEFT-WIDTH: 1px;
	FONT-SIZE: 0.95em;
	BORDER-LEFT-COLOR: #d67600;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-COLOR: #d67600;
	BORDER-TOP-COLOR: #d67600;
	BACKGROUND-COLOR: #cee6f7;
	BORDER-RIGHT-WIDTH: 1px;
	TEXT-DECORATION: none;
	BORDER-RIGHT-COLOR: #d67600;
}
A.menu3in:visited {
	BORDER-TOP-WIDTH: 1px;
	FONT-WEIGHT: bold;
	BORDER-LEFT-WIDTH: 1px;
	FONT-SIZE: 0.95em;
	BORDER-LEFT-COLOR: #d67600;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-COLOR: #d67600;
	BORDER-TOP-COLOR: #d67600;
	BACKGROUND-COLOR: #cee6f7;
	BORDER-RIGHT-WIDTH: 1px;
	TEXT-DECORATION: none;
	BORDER-RIGHT-COLOR: #d67600;
}
A.menu3in:hover {
	BORDER-TOP-WIDTH: 1px;
	FONT-WEIGHT: bold;
	BORDER-LEFT-WIDTH: 1px;
	FONT-SIZE: 0.95em;
	BORDER-LEFT-COLOR: #d67600;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-COLOR: #d67600;
	BORDER-TOP-COLOR: #d67600;
	BACKGROUND-COLOR: #cee6f7;
	BORDER-RIGHT-WIDTH: 1px;
	TEXT-DECORATION: none;
	BORDER-RIGHT-COLOR: #d67600;
}
A.menu3in:active {
	BORDER-TOP-WIDTH: 1px;
	FONT-WEIGHT: bold;
	BORDER-LEFT-WIDTH: 1px;
	FONT-SIZE: 0.95em;
	BORDER-LEFT-COLOR: #d67600;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-COLOR: #d67600;
	BORDER-TOP-COLOR: #d67600;
	BACKGROUND-COLOR: #cee6f7;
	BORDER-RIGHT-WIDTH: 1px;
	TEXT-DECORATION: none;
	BORDER-RIGHT-COLOR: #d67600;
}
.container1 {
	BORDER-RIGHT: #abddeb 1px solid;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #abddeb 1px solid;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #abddeb 1px solid;
	BACKGROUND-COLOR: #e4f6fb;
}
/*Note that container here is refering to the style defined by the designers 
and not to a depth in the navigation and we use it to get the correct indenting on 
a menu item - hence the difference is just the Padding-Left values

 /*navigation styles
          Class name=leftmenutop
          Description=The top level element
          
          Class name=container4
          Description=A parent element
          
          Class name=container5
          Description=A standard child element
          
          Class name=container2
          Description=The current active element

          CONTAINER6 = "container6"; //used for orange bold for section you are in when at default page        

*/
.leftmenutop {
	BORDER-RIGHT: #abddeb 1px solid;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #abddeb 1px solid;
/*	PADDING-LEFT: 4px; */
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 4px;
	BORDER-LEFT: #abddeb 1px solid;
	PADDING-TOP: 4px;
	BORDER-BOTTOM: #abddeb 1px solid;
	BACKGROUND-COLOR: #bee2f1;
}
.container_padding {
	padding-left:4px;
	padding-right:18px;
}

.container_padding_1 {
	padding-left:11px;
	padding-right:18px;
}
.container_padding_2 {
	padding-left:17px;
}
.container_padding_3 {
	padding-left:21px;
}
.container_padding_4 {
	padding-left:26px;
}
.container_padding_5 {
	padding-left:29px;
}
/* Container 2 arrow down site were in is always indent 1*/



.containersibling {
	BORDER-RIGHT: #b9ddec 1px solid;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #b9ddec 1px solid;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #b9ddec 1px solid;
	BACKGROUND-COLOR: #f4fbfd;
	FONT-WEIGHT: bold;

}

.containersibling_selected {
	BORDER-RIGHT: #b9ddec 1px solid;
/* 	PADDING-LEFT: 10px; */
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #b9ddec 1px solid;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #b9ddec 1px solid;
		BACKGROUND-COLOR: #f4fbfd;
}

.container2 {
	BORDER-RIGHT: #b9ddec 1px solid;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #b9ddec 1px solid;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #b9ddec 1px solid;
}
.container3 {
	BORDER-RIGHT: #56a4c1 1px;
	BORDER-TOP: #56a4c1;
/*	PADDING-LEFT: 21px; */
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #56a4c1 1px;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #56a4c1 1px;
	BACKGROUND-COLOR: #a1e1fc;
}
.container4 {
	BORDER-RIGHT: #b9ddec 1px solid;
/* 	PADDING-LEFT: 4px; */
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #b9ddec 1px solid;
	COLOR: #0093bd;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #b9ddec 1px solid;
	BACKGROUND-COLOR: #e4f6fb;
}
.container5 {
    BORDER-RIGHT: #b9ddec 1px solid;
/*           PADDING-LEFT: 31px; */
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #b9ddec 1px solid;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #b9ddec 1px solid;
}

.container6 {
	BORDER-RIGHT: #b9ddec 1px solid;
/* 	PADDING-LEFT: 10px; */
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #b9ddec 1px solid;
	COLOR: #cc6600;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #b9ddec 1px solid;
}
.container6_sibling {
	BORDER-RIGHT: #b9ddec 1px solid;
/* 	PADDING-LEFT: 10px; */
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #b9ddec 1px solid;
	COLOR: #cc6600;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #b9ddec 1px solid;
}


.container6_8 a {
	COLOR: #cc6600;
}

.container6_7 a {
	COLOR: #cc6600;
}

.container6_6 a {
	COLOR: #cc6600;
}

.container6_5 a {
	COLOR: #cc6600;
}

.container6_4 a {
	COLOR: #cc6600;
}

.container6_3 a {
	COLOR: #cc6600;
}

.container6_2 a {
	COLOR: #cc6600;
}

.container6 a {
	COLOR: #cc6600;
}
.containersibling_selected a {
	COLOR: #cc6600 !important;
}
.currentwebsite_container
{
	border-width:1px; 
	border-style:none; 
	border-color:Gray;
	}

.landingbullets {
	PADDING-LEFT: 16px;
	MARGIN-LEFT: 0;
	LIST-STYLE-TYPE: disc;
	FONT-SIZE: 100%;
	list-style-type:square;
	margin-bottom:0;
}

.landingbullets a {
	font-weight:bold;
}

.landingbullets p{
	margin-bottom: 1px;
}

.QGbullets {
	PADDING-LEFT: 16px;
	MARGIN-LEFT: 0px;
	LIST-STYLE-TYPE: disc;
	FONT-SIZE: 100%;
}
.homemainnav {
	PADDING-RIGHT: 10px;
	BORDER-TOP: #c07c0d 1px dotted;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bolder;
	FONT-SIZE: 1.1em;
	MARGIN-BOTTOM: 5px;
	PADDING-BOTTOM: 5px;
	WIDTH: auto;
	COLOR: #ca0500;
	PADDING-TOP: 5px;
	BACKGROUND-COLOR: #f9f3e3;
}
.footerbox {
	PADDING-RIGHT: 9px;
	BORDER-TOP: #afdaf0 1px solid;
	MARGIN-TOP: 20px;
	PADDING-LEFT: 9px;
	FONT-SIZE: 0.89em;
	PADDING-BOTTOM: 20px;
	WIDTH: 95%;
	PADDING-TOP: 9px;
}
.breadcrumb {
	FONT-SIZE: 0.9em;
	COLOR: #6f7a80;
}
.breadcrumb:link {
	COLOR: #6f7a80;
}
A.breadcrumb:visited {
	COLOR: #6f7a80;
}
A.breadcrumb:link {
	COLOR: #6f7a80;
}
.homecontentslist {
	FONT-SIZE: 0.95em;
	COLOR: #075a88;
}
A.homecontentslist:link {
}
A.homecontentslist:visited {
	COLOR: #075a88;
}
A.homecontentslist:hover {
	COLOR: #c00;
}
A.homecontentslist:active {
}
.newsdate {
	FONT-SIZE: 0.95em;
	COLOR: #6f7a80;
}

.lastmodified {
	FONT-SIZE: 0.95em;
	COLOR: #6f7a80;
}
.staffcontacts {
	FONT-SIZE: 0.95em;
	COLOR: #6f7a80;
}
.blurb {
	FONT-WEIGHT: bold;
	FONT-SIZE: 1.0em;

}
.changetextsize {
	FONT-SIZE: 0.95em;
}
.aaanormal {
	BORDER-RIGHT: #afdaf0 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #afdaf0 1px solid;
	PADDING-LEFT: 3px;
	FONT-SIZE: 0.95em;
	PADDING-BOTTOM: 1px;
	BORDER-LEFT: #afdaf0 1px solid;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #afdaf0 1px solid;
}
.aaamedium {
	margin-left: 5px;
	BORDER-RIGHT: #afdaf0 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #afdaf0 1px solid;
	PADDING-LEFT: 3px;
	FONT-SIZE: 1.2em;
	PADDING-BOTTOM: 1px;
	BORDER-LEFT: #afdaf0 1px solid;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #afdaf0 1px solid;
}
.aaalarge {
	margin-left: 5px;
	BORDER-RIGHT: #afdaf0 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #afdaf0 1px solid;
	PADDING-LEFT: 3px;
	FONT-SIZE: 1.5em;
	PADDING-BOTTOM: 1px;
	BORDER-LEFT: #afdaf0 1px solid;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #afdaf0 1px solid;
}
#dhr03 DIV.orangeBox {
	BORDER-TOP: #b4dff1 1px solid;
	BACKGROUND: #f0fafe;
	MARGIN-BOTTOM: 0px !important;
	PADDING-BOTTOM: 6px;
	COLOR: #000;
	BORDER-BOTTOM: #b9ddec 1px solid;
}


#dhr03 DIV.orangeBox H3 {
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 10px;
	BACKGROUND: #e3f3f9;
	PADDING-BOTTOM: 5px;
	MARGIN: 0px 0px 10px;
	COLOR: #000000;
	LINE-HEIGHT: 1.35em;
	PADDING-TOP: 5px;
}
#dhr03 DIV.orangeBox H4 {
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 10px;
	BACKGROUND: #e3f3f9;
	PADDING-BOTTOM: 5px;
	MARGIN: 0px 0px 10px;
	COLOR: #000000;
	LINE-HEIGHT: 1.35em;
	PADDING-TOP: 5px;
}
#dhr03 P {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}
#dhr03 UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 5px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: disc;
}
#dhr03 LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}
.diaryevent {
	BORDER-RIGHT: #56a4c1 1px solid;
	BORDER-TOP: #56a4c1 1px solid;
	BORDER-LEFT: #56a4c1 1px solid;
	BORDER-BOTTOM: #56a4c1 1px solid;
	BACKGROUND-COLOR: #d4eef7;
}
.diaryeventin {
	BORDER-RIGHT: #e08400 1px solid;
	BORDER-TOP: #e08400 1px solid;
	BORDER-LEFT: #e08400 1px solid;
	BORDER-BOTTOM: #e08400 1px solid;
	BACKGROUND-COLOR: #fcf8e8;
}
.energy {
	BORDER-RIGHT: #ffdabd 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #ffdabd 1px solid;
	PADDING-LEFT: 50px;
	BACKGROUND-IMAGE: url(images/energybg.gif);
	PADDING-BOTTOM: 8px;
	BORDER-LEFT: #ffdabd 1px solid;
	PADDING-TOP: 10px;
	BORDER-BOTTOM: #ffdabd 1px solid;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-COLOR: #fbf5df;
}
DIV.energy H2 {
	MARGIN-TOP: -10px;
	BACKGROUND-REPEAT: no-repeat;
}
.maths {
	BORDER-RIGHT: #ffdabd 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #ffdabd 1px solid;
	PADDING-LEFT: 45px;
	MIN-HEIGHT: 120px;
	BACKGROUND-IMAGE: url(images/mathsbg.gif);
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #ffdabd 1px solid;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #ffdabd 1px solid;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-COLOR: #fbf5df;
}
.collaboration {
	BORDER-RIGHT: #ffdabd 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #ffdabd 1px solid;
	PADDING-LEFT: 45px;
	MIN-HEIGHT: 120px;
	BACKGROUND-IMAGE: url(images/collaborationbg.jpg);
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #ffdabd 1px solid;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #ffdabd 1px solid;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-COLOR: #fbf5df;
}
.techtimelines {
	BORDER-RIGHT: #ffdabd 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #ffdabd 1px solid;
	PADDING-LEFT: 45px;
	MIN-HEIGHT: 120px;
	BACKGROUND-IMAGE: url(images/timelinesbg.jpg);
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #ffdabd 1px solid;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #ffdabd 1px solid;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-COLOR: #fbf5df;
}
.compscience {
	BORDER-RIGHT: #ffdabd 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #ffdabd 1px solid;
	PADDING-LEFT: 45px;
	MIN-HEIGHT: 120px;
	BACKGROUND-IMAGE: url(images/comp-sciencebg.jpg);
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #ffdabd 1px solid;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #ffdabd 1px solid;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-COLOR: #fbf5df;
}
.business {
	BORDER-RIGHT: #ffdabd 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #ffdabd 1px solid;
	PADDING-LEFT: 10px;
	MIN-HEIGHT: 120px;
	BACKGROUND-IMAGE: url(../images/business-bg.gif);
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #ffdabd 1px solid;
	PADDING-TOP: 15px;
	BORDER-BOTTOM: #ffdabd 1px solid;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-COLOR: #fbf5df;
}
.public {
	BORDER-RIGHT: #ffdabd 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #ffdabd 1px solid;
	PADDING-LEFT: 10px;
	MIN-HEIGHT: 120px;
	BACKGROUND-IMAGE: url(../images/public-bg.gif);
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #ffdabd 1px solid;
	PADDING-TOP: 15px;
	BORDER-BOTTOM: #ffdabd 1px solid;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-COLOR: #fbf5df;
}
.students {
	BORDER-RIGHT: #ffdabd 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #ffdabd 1px solid;
	PADDING-LEFT: 10px;
	MIN-HEIGHT: 120px;
	BACKGROUND-IMAGE: url(../images/students-bg.gif);
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #ffdabd 1px solid;
	PADDING-TOP: 15px;
	BORDER-BOTTOM: #ffdabd 1px solid;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-COLOR: #fbf5df;
}
.international {
	BORDER-RIGHT: #ffdabd 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #ffdabd 1px solid;
	PADDING-LEFT: 10px;
	MIN-HEIGHT: 120px;
	BACKGROUND-IMAGE: url(../images/international-bg.gif);
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #ffdabd 1px solid;
	PADDING-TOP: 15px;
	BORDER-BOTTOM: #ffdabd 1px solid;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-COLOR: #fbf5df;
}
.research {
	BORDER-RIGHT: #ffdabd 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #ffdabd 1px solid;
	PADDING-LEFT: 10px;
	MIN-HEIGHT: 120px;
	BACKGROUND-IMAGE: url(../images/research-bg.gif);
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #ffdabd 1px solid;
	PADDING-TOP: 15px;
	BORDER-BOTTOM: #ffdabd 1px solid;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-COLOR: #fbf5df;
}

.clear {
	clear: both;
}

.top {
	width: 98%;
	background: url(/Style%20Library/images/topbgrptx.gif) top left repeat-x;
	padding: 8px 10px 0px 10px;
}

.top .left {
	margin-left: 13px;
}

.top .right {
	margin-right: 5px;
	position: relative;
	top: -3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.border {
	/*border: 1px solid #FFE7C8;*/
}
#EPSRCEventHomeImage
{
	margin-right:5px !important;
	}
img#logo {
	position: relative;
	top: 8px;
	width: 134px;
	height: 84px;
}

#control {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 98%;
	background-image: url(/Style%20Library/Images/tools-menu-bg.gif);
	background-repeat: repeat-x;
	text-align: right;
	min-height: 21px;
}

/* EDITED BY WEBTEAM TO REPLACE BANNER */
#masthead {
	background: url(/Style%20Library/images/masthead.jpg) no-repeat top left;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	height: 100px;
	width: 98.4%;
	border-top: solid 1px #d4eef7; }


#masthead a {
	text-decoration: none;
}

#masthead img {
	border-width: 0;
}

#topnav {
	list-style: none;
	margin-bottom: 15px;
	position: relative;
	padding-left: 20px;
	left: -20px;
}

#topnav li {
	float: left;
	background: url(/Style%20Library/images/navbg.gif) repeat-x top;
	margin-right: 5px;
	border: none;
}

#topnav li span:hover {
	text-decoration: underline;
	color: #058EA8;
}

#topnav li span.menubox1in {
	background: url(/Style%20Library/images/topbgrptx.gif) top left repeat-x;
	border-bottom: none;
}

#topnav li span.menubox1in a {
	border-bottom: none;
}

#leftcol {
	float: left;
	width: 24%;
	padding-right: 8px;
}



#centercol {
	float: left;
	width: 55%;
	padding-left:6px;
	padding-right:6px;
}
#centercolwide {
	width: 78%;
	padding-left:6px;
	padding-right:6px;
}
#centercolfull {
	width: 98%;
	padding-left:6px;
	padding-right:6px;
}
#centercolsmallboxes {
	background-image:none;
	float: left;
	width:100%;
}

#center {
	float: left;
	width: 56%;
}

div#centercol div#centercontainer {
	width: 100%;
	padding-top: 0;
	margin: auto;
	background: none;
	float:left;
}

#centercolhome div#centercontainer {
	width: 98%;
	padding-top: 0;
	margin: auto;
	background: none;
}

#centercolhome {
	float: left;
	width: 54%;
}

#centercollarge {
	float: left;
	width: 54%;
	position: relative;
	left: 7px;
}

#rightcol {
	float: right;
	width: 24%;
	padding-left: 0.1em;
}

div.nobold a {
	font-weight: normal!important;
}

#rightcol a {
	font-weight: bold;
}

#container {
	clear: both;
}

#rightcol div {
	padding-top: 0px;
	margin: auto;
	margin-bottom: 0px;
}

#centercol div {
	padding-top: 8px;
	margin: auto;
	margin-bottom: 15px;
}

#leftcolhome div {
	padding-top: 8px;
	margin: auto;
	margin-bottom: 15px;
}

#leftcol div {
	padding-top: 8px;
	margin: auto;
	margin-bottom: 10px;
}

#centercolhome div {
	margin: auto;
	margin-bottom: 10px;
}

#centercol div {
	margin: auto;
	margin-bottom: 5px;
}

.footerbox {
	float: left;
	clear: both;
}

img.left {
	margin: 5px;
	margin-right: 8px;
	margin-top: 0;
}

.button1 {
	display: block;
	float: left;
}

input.go {
	padding: 0 3px;
	position: relative;
	left: -8px;
	top: -2px;
}

div#centercolhome .box13 {
	width: 44%;
	margin-bottom: 5px;
	height: 9em;
	min-height:9em;
}

div#centercol .box13 {
	width: 44%;
	margin-bottom: 5px;
	height: 9em;
	min-height:9em;
}

.box13 img {
	margin: 5px;
	margin-top: 0;
	float: left;
}

div#centercol .box13 p {
	width: 133px;
	clear: none;
}

ul.landingbullets li {
	margin-bottom: 10px;
}

img#main {
	margin-right: 10px;
}

p#bulletlist a {
	background: url(/Style%20Library/images/arrow-right.gif) center left no-repeat;
	padding-left: 8px;
}

#leftcolfixed {
	float: left;
	width: 19%;
	min-width: 10%;
	padding-right: 0.1em;
}

/***************************THE HEIGHT FOR THE QUICK GUIDE BOXES IS SET HERE ****************************************/
.s {
	font-weight: normal;
	padding-bottom: 10px;
}

#centercollarge .business {
	background: url(/Style%20Library/images/business-bg.gif) no-repeat top left #FBF5DF;
	width: 44%;
	margin-right: 15px;
	margin-bottom: 5px;
	min-height: 150px;
}

#centercollarge .research {
	background: url(/Style%20Library/images/research-bg.gif) no-repeat top left #FBF5DF;
	width: 44%;
	margin-bottom: 5px;
	min-height: 150px;
}

#centercollarge .international {
	background: url(/Style%20Library/images/international-bg.gif) no-repeat top left #FBF5DF;
	width: 44%;
	margin-right: 15px;
	margin-bottom: 5px;
	min-height: 150px;
}

#centercollarge .students {
	background: url(/Style%20Library/images/students-bg.gif) no-repeat top left #FBF5DF;
	width: 44%;
	min-height: 150px;
	margin-bottom: 5px;
}

#centercollarge .international {
	background: url(/Style%20Library/images/international-bg.gif) no-repeat top left #FBF5DF;
	width: 44%;
	margin-right: 15px;
	margin-bottom: 5px;
	min-height: 150px;
}

#centercollarge .public {
	background: url(/Style%20Library/images/public-bg.gif) no-repeat top left #FBF5DF;
	width: 44%;
	margin-right: 15px;
	margin-bottom: 5px;
	min-height: 150px;
}

/*GENERIC/REUSABLE*/
/*FOR ANY LEFT ALIGNED ELEMENT USE A CLASS OF left, FOR ANY RIGHT ALIGNED, USE right*/
.left {
	float: left;
}

.right {
	float: right;
}
.leftmen {
	float: left;
	width: 89%;
}

.rightmen {
	float: right;
	width:9%;
}
.clearfloat
{
clear:both;
}

/*for an element with no bg*/
#centercol div.nobg {
	background: none;
	padding-top: 0px;
}

.centercol {
	float: left;
	width: 100%;
}

.boxsmallleft {
	float: left;
	width: 45%;
}

.boxsmallright {
	float: right;
	width: 45%;
}

.ReTop {
	BORDER-TOP: #b4dff1 1px solid;
	BACKGROUND: #f0fafe;
	MARGIN-BOTTOM: 10px;
	PADDING-BOTTOM: 6px;
	COLOR: #000000;
	BORDER-BOTTOM: #b9ddec 1px solid;
	width: 100%;
	background-color: #f0fafe;
	display: block;
}

/*FONT STYLES*/
.bold {
	font-weight: bold;
}

span.breadcrumb {
	font-weight: bold;
}

span.breadcrumb span {
	font-weight: normal;
}

.normal {
	font-weight: normal;
}

a.HomePageHeadingLink {
	font-size: 1.2em;
	font-weight: bold;
}

#leftcolhome p {
	margin-bottom: 10px;
}

#leftcol p {
	margin-bottom: 10px;
}





#centercolhome span a {
	font-weight: normal;
}

#centercol span a {
	font-weight: normal;
}

.box8 p {
	margin-bottom: 10px;
}

#rightcol .box12 {
	padding-top: 2px;
	font-weight: bold;
	margin-bottom: 5px;
}

p.boxlinks {
	margin-top: 10px;
}

#rightcol .box9 {
	background: url(/Style%20Library/images/bluegradient2.gif) repeat-x top center;
	margin-top: 12px;
	margin-bottom: 40px;
}

.box9 img {
	position: relative;
	left: 3px;
}

.center {
	margin: auto;
	text-align: center;
}

#container a:hover {
	color: #058EA8;
	text-decoration: underline;
}

#rightcol .orangeBox h3 {
	background: #E3F3F9 none repeat scroll 0% 0%;
	color: #000000;
	line-height: 1.35em;
	margin: 0px 0px 10px;
	padding: 5px 6px 5px 10px;
}

/* EDITED BY WEBTEAM TO SOLVE RHS NESTING */
#rightcol .orangeBox p {
	margin: 0px;
	padding: 0px 10px 10px;
	clear: left;	
}

/* EDITED BY WEBTEAM TO SOLVE RHS NESTING */
#rightcol .orangeBox img {
	margin: 0px;
	padding: 0px 10px 10px 0px;
	float: left;
	clear: left;
}

.container2 span {
	color: #D67600;
	font-weight: bold;
}

.selectedPage {
	font-weight: bold;
	color: #CC6600;
}



#rightcol .orangeBox {
	background: #F0FAFE none repeat scroll 0% 0%;
	border-bottom: 1px solid #B9DDEC;
	border-top: 1px solid #B4DFF1;
	color: #000000;
	margin-bottom: 10px;
	padding-bottom: 6px;
}

/* EDITED BY WEBTEAM TO SOLVE RHS NESTING */
#rightcol .orangeBox {
	padding-top: 0;
	width: 100%;
	clear: left;
	float: left;
}

#centercol .box8 h2 a {
	font-weight: bold;
}
#centercol .box8 h2 {
	margin-bottom: 10px;
}

#centercol .button1 a {
	font-weight: normal;
}
#centercolhome div.nobg p {
	margin-bottom: 5px;
}

#centercol div.nobg p {
	margin-bottom: 5px;
}

span.date {
	font-weight: bold;
}

#centercol div.boxServices {
	background-color: #F7F6F6;
	font-weight: normal;
	width: 96%;
}

div.box8 {
	margin-bottom: 5px;
}

div.boxPromoOrangeHomePage {
	width: 96%;
	padding-top:25px;
}
#centercol div.boxServices a {
	font-weight: normal;
}

div#centercol div p.nobold a {
	font-weight: normal;
}

div.container4 span {
	color: #cc6600;
}

.search {
	width: 255px;
	min-width: 255px;
	padding-right: 10px;
	margin-top: 41px;
	height: 30px;
	max-height: 30px;
}

.searchtext, label.searchtext {
	font-size: 14px !important;
	position: relative;
	top: 5px ;
	margin-right: 3px;
	color: #000000;
}

.searchformtext, label.searchformtext {
	font-size: 14px !important;
	position: relative;
	top: 0px !important;
	margin-right: 3px;
	color: #000000;
}

.SearchTextbox {
	margin-right: 5px;
}

label.SearchLabelNoShow, .SearchLabelNoShow {
	margin: 0;
	width: 1ex;
	display: none;
}
.SearchDivClass, div.SearchDivClass
{
	Float:right;
	}

.EPSRCCaption {
	margin:0;
	border:0;	
	border-right:5px transparent solid;
	border-left:5px transparent solid;	
	/*padding-left:10px;*/
}	

.fullWidth, .fullwidth{
	width:100%;
}
.BottomBorder
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #4e7cb7;
	height:15px;
}

.RSSHeading
{
	padding-bottom:0  !important;
	margin-bottom:5px !important;
}

#EPSRCSummaryText{
	width:100%;
	height:300px;
}


.EPSRCHomeTitleText{
	float:left;
	width:50%;
}

.EPSRCBlueBoxFFAnchor {
	width:100%;
}



#SummaryText{
	display:none;
}

#NewsRollupImage{
	float:left;
}

.EPSRC_eventdate {
	font-weight:bold;
}

#EPSRCPageInfo {
	float:none;
	width:100%;
}


.externallinkicon{
 	border-left-width:2px !important;
 	border-left-color:white;
 	border-left-style:solid;
}





/* ADDED BY WEBTEAM TO CHANGE SPACING AND ADD NEW FONT STYLE */
P, UL {
	margin-bottom: 20px;
}

P.pagelistitem, .pagelistitem {
	margin-bottom: 8px !important;
}



.subtext {
	font-size: 0.85em;
	color: #333333;
}
.listtheme 
{
	display:block; padding-left:110px;
}
                           


/* EDITED BY WEBTEAM TO REMOVE BACKGROUND IMAGE AND TOP BORDER */
.box8 {
	PADDING-RIGHT: 9px;
	PADDING-LEFT: 9px;
	PADDING-BOTTOM: 6px;
	PADDING-TOP: 0px;
}

/* EDITED BY WEBTEAM TO CHANGE FONT WEIGHT OF NEWS ITEM TITLES IN WEB PART */
#centercol .box8 a {
	font-weight: bold;
}

/* EDITED BY WEBTEAM TO CHANGE FONT SIZE FEATURE ITEM TITLES IN WEB PART */
#centercol a {
	font-weight: bold;
	font-size: 1em;
}

/* EDITED BY WEBTEAM TO CHANGE COLOR OF ISSUE DATE FOR NEWS ITEMS IN WEB PART */
div.HomePageWebPart span {
	COLOR: gray;
	TEXT-DECORATION: none;
	FONT-SIZE: 1em;
}

/* EDITED BY WEBTEAM TO CHANGE FONT SIZE OF EVENT ITEMS IN WEB PART */
#centercolhome a {
	font-weight: bold;
	font-size: 1em;
}

/* EDITED BY WEBTEAM TO CHANGE COLOR OF EVENT ITEMS LOCATION IN WEB PART */
.eventvenue{
	FONT: 1.1em verdana, tahoma, helvetica, arial, sans-serif;
	color:gray !important;
}



/* EDITED BY WEBTEAM TO CHANGE STYLE OF RHS CALENDAR */

.Calendar{
	width:100%;
	height:150px;
	background-color:#f0f0f0;
	margin-bottom: 10px;

}

.Month{
	background-color:#99CCFF;
	font-weight:bold;
}

.Days{
	background-color:#BEE2F1;
}



/* EDITED BY WEBTEAM TO CHANGE STYLE OF EVENT TEXT */

#EPSRCEventDetails{
	width:65%;
	margin:0 !important;
	border:0;
	font-weight:bold;
	color:gray;
}

#EPSRCEventStartDate{
	font-weight:bold;
	color:black;

}

#EPSRCEventEndDate{
	font-weight:bold;
	color:black;
}

#EPSRCEventVenue{
	font-weight:bold;
	color:black;
}

#EPSRCEventBody{
	padding-top: 10px !important;
	clear: left;
}

.spacedlist li{
	margin-bottom: 11px;
}

ul.bulletslist li{
	margin-bottom: 20px !important;
}

#centercol div.ms-WPBody  p.bulletssummary 
{
	font-size: 1.2em;
	font-weight:normal;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	margin-bottom:0 !important;
}


#centercol div.ms-WPBody h2.bulletsheading
{
	padding-top:4px;
}
	


#centercol div.ms-WPBody a.bulletsheading
{

	font-size: .9em !important;
	font-weight: bold ;
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	color:#084988;
}
	
	
#centercol div.ms-WPBody  a.bulletsanchor 
{
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-weight: normal !important;
	font-size: 1.1em !important;
	color:#084988;
}

div.hiddenzone
{
	border-width: medium;
	border-color:#808080;
	border-style:double;
	background-color: #F9F9F9;
}



#rightcol table{
	float: left;
	clear: left;
}




/* CREATED BY WEBTEAM TO ADD DOCUMENT BOX */

#docboxContainer {
	padding:0; 
	margin:0;
}

.panelheader {
	height: 28px;
	width: 100%;
	background-color: #e3f3f9;
	margin: 0;
	border-top: 1px solid #b9ddec;
	border-bottom: 1px solid #b9ddec;
}

.panelTitle {
	color: #000000; 
	margin: 0 0 0 10px;
	padding: 0;
}

#centercol div.docboxContent {
	margin: 0;
	padding: 0;
}

.docboxContent {
	width:100%;
	padding:0; 
	margin:0;
}

.panel {
	padding:0;
	background-color: #e3f3f9;
	margin:0;
	border-top: 1px solid #b9ddec;
	border-bottom: 1px solid #b9ddec;
}

.docboxContent ul {
	width:97%; 
	padding:0; 
	margin: auto; 
	background-color:#f0fafe;
	border: 1px solid #b9ddec;
}
	
.docboxContent li {
	list-style-type:none; 
	padding-top:8px; 
	margin:0 0 0 10px; 
	background-image:none;
}

.docboxContent ul li img {
	vertical-align:middle; 
	margin-right:3px; 
	display:inline;
}

#centercol div.viewerLinks {
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}
.viewerLinks {
	width:474px;
}

.viewerLinks a {
	float:left;
	margin-left:30px;
	margin-top: 10px;
}

.viewerLinks a.first {
	margin-left:0;
}

.viewerLinks a:focus, div.viewerLinks a:active {
	background:none;
}

.viewerLinks span {
	margin:0 auto;
}


.ppviewer{ 
width: 96px; height: 33px; padding-top: 2px; padding-bottom: 10px; padding-left: 20px; background: transparent url(/Style%20Library/images/pptviewer.jpg) no-repeat bottom left; display: inline-block; margin-left: auto; margin-right: auto; border: 0px;
}
.wordviewer{ 
width: 96px; height: 33px; padding-top: 2px; padding-bottom: 10px; padding-left: 20px; background: transparent url(/Style%20Library/images/wordViewer.jpg) no-repeat bottom left;  display: inline-block; margin-left: auto; margin-right: auto; border: 0px;
}
.excelviewer{ 
width: 96px; height: 33px; padding-top: 2px; padding-bottom: 10px; padding-left: 20px; background: transparent url(/Style%20Library/images/excelViewer.jpg) no-repeat bottom left;  display: inline-block; margin-left: auto; margin-right: auto; border: 0px; 
}
.acrobatviewer{ 
width: 96px; height: 33px; padding-top: 2px; padding-bottom: 10px; padding-left: 20px; background: transparent url(/Style%20Library/images/acrobatReader.jpg) no-repeat bottom left; display: inline-block; margin-left: auto; margin-right: auto; border: 0px;
}


#centercol div.docboxclear {
	margin: 0;
	padding: 0;
	clear: both;
	height: 10px;
}

.hide, a.hide, p.hide, div.hide{
	position:absolute;
	left:-9000px;
	width:0;
	height:0;
	overflow:hidden;
}
.rhsviewer{
                width: 96px;
                height: 33px;
                padding: 0px !important;
                margin-left: auto;
                margin-right: auto;
                margin-top: 5px !important;
                margin-bottom: 0px !important;
                background: transparent no-repeat center;
                border: none;
}

.rhsviewer span {
                margin:0 auto;
}

.rhsviewer a img{
                border: none !important;
                padding: 0px !important;
                margin: 0px !important;
}



/* EDITED BY WEBTEAM TO FIX ORANGE BOX WIDTH ON HOME PAGE */
#leftcolhome {
	float: left;
	width: 20%;
	padding-right: 9px;
}

/* EDITED BY WEBTEAM TO FIX BOX WIDTH */
.box7 {
	width: 92%;
	PADDING-TOP: 4px;
	PADDING-RIGHT: 9px;
	PADDING-LEFT: 9px;
	PADDING-BOTTOM: 9px;
	BORDER-TOP: #dbdbdb 1px solid;
	BORDER-RIGHT: #dbdbdb 1px solid;
	BORDER-LEFT: #dbdbdb 1px solid;
	BORDER-BOTTOM: #dbdbdb 1px solid;
}

/* CREATED BY WEBTEAM TO FIX RHS EVENT CALENDAR MARGIN */
#rightcol div.ms-WPBody {
	margin-top: 0px;
	padding-top: 0px;
	border-top: 0px;
	font-size:0.9em;
	margin-bottom:0;
}

/* EDITED BY WEBTEAM TO CHANGE PULLQUOTE STYLE */
.pullquote2 {
	FLOAT: right;
	WIDTH: 226px;
	BORDER: #ffdabd 1px solid;
	MARGIN-TOP: 7px;
	MARGIN-BOTTOM: 7px;
	MARGIN-LEFT: 7px;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 20px;
	PADDING-TOP: 8px;
	font-family: verdana;
	FONT-SIZE: 0.9em;
	FONT-WEIGHT: 700;
	LINE-HEIGHT: 140%;
	COLOR: #464646;
	BACKGROUND-COLOR: #fcf8e8;
}

.pullquote2 img {
	margin: 2px 3px 0 5px;
}

/* EDITED BY WEBTEAM TO CHANGE COLOUR OF DATE TEXT ON CALLS */
.calldate {
	color: gray;
}

/* CREATED BY WEBTEAM TO ADD HEADING STYLES TO LINKS */

#centercol a.h2link {
	FONT-SIZE: 0.95em;
}

#centercol a.h3link {
	FONT-SIZE: 0.95em;
	BORDER-TOP-STYLE: none;
	PADDING-TOP: 0.6em;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	MARGIN-BOTTOM: 10px;
}

#centercol a.h4link {
	FONT-SIZE: 0.95em;
	MARGIN-BOTTOM: 1px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
}

/* CREATED BY WEBTEAM TO GIVE THE OPTION TO HAVE LINKS IN NORMAL WEIGHT */

#centercol a.nobold {
	font-weight: normal;
}

/* CREATED BY WEBTEAM TO ADJUST LINE HEIGHT IN DOCUMENT BOX */

.docboxContent ul li img {
	margin-bottom:5px;
}

/* CREATED BY WEBTEAM TO ADJUST OL SPACING */
OL {
    PADDING-LEFT: 35px;
    MARGIN-LEFT: 0px;
    LIST-STYLE-TYPE:decimal;
}

/* CREATED BY WEBTEAM */

#divider { 
	height: 1px;
	width: 100%;
	background: transparent;
	border-bottom: 1px dashed #cccccc;
}	

a.securelink{
                padding-right: 23px !important; 
                background: transparent url(/Style%20Library/images/securelink.gif) no-repeat top right !important;
                font-size:1em;
}

a.exLk {
                padding-right: 16px !important; 
                background: transparent url(/Style%20Library/images/exlink.gif) no-repeat top right !important;
                font-size:1em;
}             


	
a.intLk {
	padding-right: 0px !important; 
	display: inline-block;
	font-size:1em;
}	
	


span.RequiresContent
{
font-family:tahoma;
font-size:8pt;
font-weight:normal;
text-align:left;
color:red;
padding:1px 4px 1px 4px;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
background-image:url("/_layouts/images/globgrad.gif");
background-repeat:repeat-x;
background-color:#efebef;
height:18px;
}


/*Start of CheckBoxList*/
/*
div.checkboxlist
{
	padding:0;
	margin:0;
	overflow:auto;
    height:600px;
    width: 100%;
	
	}
*/
	
table.checkboxlist, .checkboxlist

{
    border-width: 0.1em;
    border-style: solid;
    border-color: #96969d;
    border-collapse:collapse;
    width: 98%;
    margin:2px;
    padding:2px;

}

.checkboxlistlbl td, td.checkboxlistlbl

{
    white-space: normal ;
    background-color: white !important;
    vertical-align: middle !important;
    padding-left:2px !important;
    padding-top:1px !important;
    padding-right:0 !important;
    padding-bottom:0 !important;
    line-height:1em;
    margin: 0px !important;
    border-top-color:#9e9e9d !important;
    border-top-width:0.1em !important;
    border-top-style:solid !important;
    border-right-color:white !important;    
    border-right-width:0 !important;    
    font-weight:normal !important;
    }

    



.checkboxlistchk td, td.checkboxlistchk

{
     white-space: nowrap;
    background-color: white !important;
    vertical-align: middle !important;
    padding: 0px !important;
    margin:0px !important;
    width:20px !important;
    text-align:center;  
    line-height: 0.8em;
    border-top-color:#9e9e9d !important;
    border-top-width:0.1em !important;
    border-top-style:solid !important;
    border-left-color:white !important; 
    border-left-width:0 !important; 
}



  

table.checkboxlist td label

{
    display:inline !important;
    font-weight:normal !important;
    Padding:0px   !important;
    }

  

table.checkboxlist input

{
    white-space:nowrap;
    width:14px !important;
    display:inline !important;
    margin-top:3px !important;
    padding-left:2px !important;
    background-color:Transparent !Important;
    border-width:0 !important;
    }



.checkboxlistheader, td.checkboxlistheader

{

    background-color: #F7F7F7;
    height: 9px !important;
    text-align: right;
    padding: 0px !important;
}



   

td.checkboxlistheader a, .checkboxlistheader td a

{
    display: inline !important;
    background-color: #F7F7F7;
    color: #C10365;
    text-decoration: none !important;
    padding-right: 1px !important;
}

    

td.checkboxlistheader a:hover, .checkboxlistheader td a:hover

{
    text-decoration: underline !important;
}



/* checkboxlist */


div.GoogleMapWebpart, .GoogleMapWebpart
{
	width: 100%;
	display: block;
	margin:0 !important;
	padding:0 !important;}
div.GoogleMapHeading, .GoogleMapHeading
{
	color:#5b5b5b;
	font-size:medium;
	font-weight:bolder;
	display:none;
		}

div.GoogleMap, .GoogleMap
{

	width: 97%; 
	height: 460px;
	border:#c0c0c0 solid 1px;
	display:block;
	margin:inherit !important;
	padding:inherit !important;


}

div.markermarkup, markermarkup
{
	display: block;
	vertical-align: top;
	float: left;
	white-space: nowrap;
	width: 220px;
	padding: 0px !important;
	margin: 0px !important;
	height: 75px;
	max-height: 75px;
	position: absolute;
	top: -10px;
}

div.markermarkupright, markermarkupright
{
    display:inline;
    vertical-align:top;
    float:right;    
    white-space:nowrap;
    padding-right:10pt;
    }
div.markermarkupleft, markermarkupleft
{
    display:inline;
    vertical-align:top;
    float:left;    
    white-space:nowrap;
    width:130px;
    }

img.markerimage, .markerimage img
{
	display:block;
	padding:0 !important;
	margin:0 !important;
	}

img.navigationBullet
{
	width:10px;
	height:9px;
	margin-right:3px;
	float:right;
	position: absolute;
	left:18%;
	margin-top:3px;
	margin-left:2px;			
	border:0 !important;
}

img.navigationBulletEdit
{
	width:10px;
	height:9px;
	margin-right:3px;
	float:right;
	margin-top:3px;
	margin-left:2px;			
	border:0 !important;
	z-index:-1 !important;
}


.RSSHeader
{
		
	color: #4C4C4C !important;
}
.RSSHeader:hover {
		COLOR: #058ea8 !important;
		text-decoration: underline !important;
}
.RSSHeader span 
{

	padding-top: 2px !important;
}
span.WPHeading
{
	font-size:1.2em !important;
	padding-top: 0 !important;
}

div.WPHeader
{
	width:100%;
	border-bottom-style:solid; 
	border-bottom-width:0.1em; 
	border-bottom-color:#4e7cb7; 
	margin-bottom:0 !important;
	padding-bottom:0;
	}


.RSSmain 
{ 
	width:600px;
	float: left; 
	margin: 1%; 
}

.RSSsidebar { 
  width: 350px;
  background-color: #eeeef7;
  font-size: 12px;
  color: #000066;
  float: left;
  padding: 16px 0;
  position:relative;
  right:0;
  top:-20px;
}

.RSSvalidate
{
	border:0;
	float:left ;
	position:relative;
	left:10px;
}

.rss {
	padding-top: 2px;
	padding-left: 20px;
	background: transparent url(/Style%20Library/images/rss.jpg) no-repeat bottom left;
	display: inline-block;
}

img.rssimage, .rssimage
{
	padding-right: 0px;
	padding-bottom: 2px;
	border: 0;
	position: relative;
	top: -2px;
}

.fieldcontrol {
	margin-bottom:1px !important;
}
.fieldCounter
{
	display:inline;
	width:100px;
	}
.fieldcontrol.RowHeader
{
	color: #575757;
	display: inline !important;
	font-weight: bold;
	width:120px;	
	float:left;
	padding:0 !important;
}
.fieldcontrol.RowHeader.Error
{
	color: #FF0000;
	display: inline !important;
	font-weight: bold;
	width: 120px;
	float: left;
	padding: 0 !important;
}
.fieldcontrol.RowText 
{
	color: #000000;
	display: block;
	font-weight:bolder;
	padding-left:125px;
}

.fieldcontrol.RowHeaderNarrow
{
	color: #575757;
	display: inline !important;
	font-weight: bold;
	width:68px;	
	float:left;
	padding:0 !important;
}

.fieldcontrol.RowTextNarrow
{
	color: #000000;
	display: block;
	font-weight:bolder;
	padding-left:73px;
}

.fieldcontrol.BoldText
{
	color: #000000;
	display: block;
	font-weight:bolder;
}


div.PageNavigation
{
	background-color: #F4FBFD;
	border-color: #B9DDEC;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	color: black;
	display: inline;
	font-family: verdana, arial, helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	margin: 0px;
	padding-bottom: 5px;
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 5px;
	width: auto;
	}
img.PageNavigation
{
	background-color: transparent;
	border-style: none;
	}
	
a.fieldcontrol
{
	font-weight:bold !important;
}

div.divclear {
	clear:both;
	display:inline !important;
}

div.labelledfields
{
	padding-bottom:8px;
	padding-top:0 !important;
	padding-left:0;
	padding-right:0;
}


div.ScrollList
{
	height:200px;
	overflow: auto ;
	width:680px;
	margin:0;
	padding-bottom:0;
	padding-top:0 !important;
}

.SplitDottedLine {
	margin-top: 4px;
	height: 1px;
	overflow: hidden;
	background-color: #3966BF;
	background-image: url("/_layouts/images/dot.gif");
	margin-bottom: 4px;
	width:100%;
}

table.ms-ToolPaneOuter
{
	z-index:100 !important;
}

.TextBoxAsLabel
{
	text-decoration:none;
	background-color:Transparent;
}

div.gmnoprint, .gmnoprint div
{
	padding-top:0 !important;
	margin-bottom:0 !important;
	}

/* Following Hotfix added by web team ServiceDesk Reference: 183674,  02 June 2011 */
/* Updates to these classes Hotfix update as per CSS Alerations Email from Web team 12/07/2011 @11:52 */


.calloutdiv
{
                padding-left: 10px;
                float: right;
                width: 48%;
}

.callouttext
{
                font-size: 1.2em;
                padding: 10px;
                border: 1px dashed #BBBBBB;
}


.calloutstat
{
	font-size: 2.3em;
	font-weight: bold;
	color: #006EBE;
}

.calloutcred
{
	font-size: 0.7em;
	color: #333333;
}


/* Following added by web team */
#centercol div.vidviewerLinks {
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}
.vidviewerLinks {
	width:346px;
}
.vidviewerLinks a {
	float:left;
	margin-left:30px;
	margin-top: 10px;
}
.vidviewerLinks a.first {
	margin-left:0;
}
.vidviewerLinks a:focus, div.vidviewerLinks a:active {
	background:none;
}
.vidviewerLinks span {
	margin:0 auto;
}
table {
	border-collapse: collapse;
}
.spacing {
	 border: #b4dff1 1px solid;
	margin-bottom: 25px; 
	margin-top: 10px;
}
.spacing TD {
	 border: #b4dff1 1px solid; 
	padding: 8px;
}
.spacing TH {
	border: #b4dff1 1px solid; 
	padding: 8px;
	background-color: #e3f3f9; 
	text-align: left;
}

div.HomePageWebPart .videodate {
	color: #6f7a80;
}
.atoztrcolour {
	background-color: #d6dee5;
}
    #issuucontent {
	width: 787px; 
	background-color: #333333;
}
    #issuuleft {
	float: left; 
	width: 23px; 
	height: 650px; 
	background: transparent url('/SiteCollectionImages/graphics/issuu/issuuframe-left.jpg') no-repeat; margin: 0px;
}
    #issuutop {
	float: left; 
	width: 787px; 
	height: 23px; 
	background: transparent url('/SiteCollectionImages/graphics/issuu/issuuframe-top.jpg') no-repeat; margin: 0px;
}
    #issuucenter {
	float: left; 
	width: 741px; 
	height: 650px; 
	background-color: #333333; 
	margin: 0px;
}
    #issuuright {
	float: left; 
	width: 23px; 
	height: 650px; 
	background: transparent url('/SiteCollectionImages/graphics/issuu/issuuframe-right.jpg') no-repeat; margin: 0px;
}
    #issuubottom {
	float: left; 
	width: 787px; 
	height: 23px; 
	background: transparent url('/SiteCollectionImages/graphics/issuu/issuuframe-bottom.jpg') no-repeat; margin: 0px;
}
    #centercolwide{
	float: left;
}
#issuufrontcover { 
	border: #bbbbbb 1px dashed; 
	min-width: 190px; 
	float: right; 
	margin-left: 10px; 
	width: 35%;
}
#issuufrontcover img { 
	border: 0px solid; 
	padding: 15px;
	float: left;
}
#issuufrontcovertext {
	padding-right: 15px; 
	padding-left: 15px;
}
#centercolhome .calendarlist a {
	font-size: 1.1em;
}

/*end of web team addition */


/* CREATED BY WEBTEAM ON 22/04/10 TO ADD PRINT CSS */

@media print {
#topnav, #leftcolfixed, #leftcolhome, #rightcol div.social, .footerbox p.left, .top, #masthead div.search, img#logo {
                display: none !important;
}

div.footerbox p.right {
                float: left !important;
                margin-top: 10px !important;
}

#centercol {
                width: 100%;
}

#rightcol {
                float: left;
                clear: left;
                width: 100%;
}

#masthead {
                background: transparent url(/Style%20Library/images/epsrclogo.jpg) no-repeat top left !important;
                margin-left: 5px;
}
}

