/* Begin generic styles for font controls and basic HTML elements */

body {
  margin: 0;
  padding: 0;
  background-color: white;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  font-size: 76%;
  color: #592F6A;
  }

a {
  text-decoration: underline;
  color: #9AD1F4;
  font-weight: bold;
  }

a:link {
  text-decoration: underline;
  color: #9AD1F4;
  font-weight: bold;
  }

a:visited {
  text-decoration: underline;
  color: #9AD1F4;
  font-weight: bold;
  }

a:active {
  text-decoration: underline;
  color: #9AD1F4;
  font-weight: bold;
  }
  
a:hover, a:visited:hover {
  text-decoration: underline;
  color: #9AD1F4;
  font-weight: bold;
  }

h1 {
  font-size: 2em;
  font-weight: bold;
  color: #9AD1F4;
  margin: 0;
  }

h2, h3, h4, h5, h6 {
  font-size: 1.2em;
  font-weight: bold;
  color: #9AD1F4;
  margin: 1em 0 0 0;
  }

ol, ul, li {
  padding: 0;
  margin: 1em 0 1em 1em;
  }

p {
  margin: 1em 0 1em 0;
  line-height: 1.3em;
  }

span, input, table, tr, td {
  font-size: 1em;
  line-height: 1.3em;
  }

strong, b {
  font-weight: bold;
  }

form { 
  margin: 0;
  padding: 0;
  }

img {
  border: 0px;
  }

table {
  border-collapse: collapse;
  border-color: #B4B4B4;
  }

th {
  border-collapse: collapse;
  border-color: #B4B4B4;
  border-width: 1px;
  background-color: #F3EFF5;
  vertical-align: top;
  }

td {
  border-collapse: collapse;
  border-color: #B4B4B4;
  border-width: 1px;
  vertical-align: top;
  } 

td.Input {
  padding: 0 0 0 0;
  }

td.FormTag {
  padding: 2px 0 5px 0;
  }

td.FormInput {
  padding: 4px 0 4px 10px;
  }

td.FormText {
  padding: 3px 1px 2px 1px;
  }

td.FormCheckbox {
  padding: 0 0 0 2px;
  }

.FormCheckboxSet {
  margin: 5px 0;
  }

td.FormDivider {
  height: 5px;
  background: url(/resources/images/template/bg_FormDivider.gif) repeat-x;
  padding: 0;
  }

h2.FormSectionHeading {
  /*border-bottom: 2px solid #F3E5BD;*/
  padding: 5px 0 5px 0;
  margin: 1em 0;
  color: #DBB23A;
  }

/* End generic styles for font controls and basic HTML elements */

.clear {
  clear: both;
  }

#PageBodyContainer {
  width: 879px; 
  background-color: white;
  }

#HeaderContainer {
  background-color: white;
  }

#TopNavContainer {
  background: #DBB23A url(../../resources/images/template/bg_topmenu_corner.gif) no-repeat bottom right;
  float: left;
  padding: 0 11px 0 0;
  font-weight: bold;
  }

.TopNav, .TopNavOn {
  float: left;
  font-size: 1em;
  padding: 5px 14px 6px 13px;
  border-right: 1px solid white;
  }

.TopNav a, .TopNav a:link, .TopNav a:visited,
.TopNavEnd a, .TopNavEnd a:link, .TopNavEnd a:visited {
  color: white;
  text-decoration: none;
  }

.TopNavOn a, .TopNavOn a:link, .TopNavOn a:visited,
.TopNavEndOn a, .TopNavEndOn a:link, .TopNavEndOn a:visited,
.TopNavOn a:hover, .TopNavOn a:visited:hover,
.TopNavEndOn a:hover, .TopNavEndOn a:visited:hover,
.TopNavOn a, .TopNavOn a:link, .TopNavOn a:visited,
.TopNavEndOn a, .TopNavEndOn a:link, .TopNavEndOn a:visited {
  color: #592F6A;
  text-decoration: none;
  }

.TopNavEnd, .TopNavEndOn {
  float: left;
  font-size: 1em;
  padding: 5px 14px 6px 13px;
  }

#BreadcrumbContainer {
  float: left;
  margin: 10px 0 25px 13px;
  }

#BreadcrumbRoot {
  float: left;
  margin: 2px 10px 0 0;
  }

#Breadcrumbs {
  float: left;
  font-size: 0.9em;
  color: #592F6A;
  }

#Breadcrumbs a, #Breadcrumbs a:link, #Breadcrumbs a:visited, #Breadcrumbs a:active {
  font-weight: normal;
  color: #592F6A;
  text-decoration: none;
  }

#Breadcrumbs a:hover, #Breadcrumbs a:visited:hover {
  font-weight: normal;
  color: #592F6A;
  text-decoration: underline;
  }

#BodyContentOuterContainer {
  border-left: 189px solid white;
  border-right: 173px solid white;
  background-color: white;
  }

#BodyContentInnerContainer { margin: 0; width: 100%; }

#LeftContainer {
  width: 189px;
  margin-left: -189px;
  float: left;
  position: relative;
  background: #592F6A url(../../resources/images/template/bg_leftmenu_corner_tr.gif) no-repeat top right;
  }

#LeftNavContainer {
  padding: 5px 15px 0 10px;
  text-align: right;
  float: left;
  width: 163px;
  }

ul.LeftNav1stLevel, ul.LeftSep1stLevel {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
  }

.LeftSep1stLevel li {
  color: #DDB542;
  font-weight: bold;
  font-size: 1.1em;
  padding: 0.8em 0 0.3em 0;
  margin: 0;
  }

.LeftNav1stLevel li {
  padding: 0.2em 0 0.2em 0;
  font-weight: bold;
  font-size: 1em;
  margin: 0;
  }

.LeftNav1stLevel li a, .LeftNav1stLevel li a:link, .LeftNav1stLevel li a:visited {
  color: white;
  text-decoration: none;
  }

.LeftNav1stLevel li a:hover, .LeftNav1stLevel li a:visited:hover {
  color: white;
  text-decoration: none;
  }

ul.LeftNav1stLevelOn {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
  }

.LeftNav1stLevelOn li {
  padding: 0.2em 0 0.2em 0;
  font-weight: bold;
  margin: 0;
  }

.LeftNav1stLevelOn li a, .LeftNav1stLevelOn li a:link, .LeftNav1stLevelOn li a:visited {
  color: #E9CD7E;
  text-decoration: none;
  }

.LeftNav1stLevelOn li a:hover, .LeftNav1stLevelOn li a:visited:hover {
  color: #E9CD7E;
  text-decoration: none;
  }

#MainContentContainer {
  float: left;
  width: 517px;
  position: relative;
  margin: 0;
  }

#WideContentContainer {
  float: left;
  width: 690px;
  position: relative;
  margin: 0;
  }

#MainContentSubContainer {
  padding: 0px 16px 10px 16px;
  background-color: white;
  }

#WideContentSubContainer {
  padding: 0 0 10px 16px;
  background-color: white;
  }

#MainContentBorderTop {
  background: white url(/resources/images/template/bg_centercol_border.gif) repeat-x top left;
  position: relative;
  }

.MainContentLeftCorner {
  float: left;
  position: relative;
  }

.MainContentRightCorner {
  text-align: right;
  position: relative;
  }

#MainContentBorderBtm {
  background: white url(/resources/images/template/bg_centercol_border.gif) repeat-x bottom left;
  position: relative;
  }

#VisionContentBorderBtm {
  background: #592F6A url(/resources/images/template/bg_centercol_border.gif) repeat-x bottom left;
  position: relative;
  }

#MainContentSpacer {
  float: left;
  width: 1px;
  height: 170px;
  }

#MainContentSpacerHomepage {
  float: left;
  width: 1px;
  height: 400px;
  }

#MainContentSpacerDatapage {
  float: left;
  width: 1px;
  height: 363px;
  }

#VisionContentSpacer {
  float: left;
  width: 1px;
  height: 363px;
  background-color: #592F6A;
  }

#MainContentBorder {
  background: white url(/resources/images/template/bg_center_borders.gif) repeat-y top left;
  position: relative;
  }

#VisionContentBorderTop {
  background: #592F6A url(/resources/images/template/bg_centercol_border.gif) repeat-x top left;
  position: relative;
  }

#WideContentBorder {
  background: white url(/resources/images/template/bg_center_borders_wide.gif) repeat-y top left;
  position: relative;
  }

#VisionContentBorder {
  background: #592F6A url(/resources/images/template/bg_center_borders_wide.gif) repeat-y top left;
  position: relative;
  }

#MainContentMargin {
  padding: 3px 14px 0 14px;
  position: relative;
  }

#VisionContentMargin {
  background-color: #592F6A;
  padding: 3px 14px 0 14px;
  position: relative;
  }

#MainContentMargin img {
  position: relative;
  }

#BackButtonContainer {
  background: white url(/resources/images/template/bg_center_borders.gif) repeat-y top left;
  position: relative;
  }

#WideBackButtonContainer {
  background: white url(/resources/images/template/bg_center_borders_wide.gif) repeat-y top left;
  position: relative;
  }

#VisionBackButtonContainer {
  background: #592F6A url(/resources/images/template/bg_vision_borders_wide.gif) repeat-y top left;
  position: relative;
  }

.BackButton {
  padding: 10px 0 10px 14px;
  }

#HomepagePanel {
  background: white url(/resources/images/template/home_panel_head.jpg) no-repeat bottom left;
  width: 485px;
  height: 230px;
  color: #592F6A;
  position: relative;
  }

#HomepagePanelContent {
  margin: 0 240px 0 14px;
  line-height: 16px;
  }

#HomepagePanelContent a {
  color: #DDB542;
  }

#HomepagePanelHeading {
  font-size: 1.9em;
  font-weight: bold;
  margin: 0 0 0.5em 13px;
  line-height: 1.2em;
  color: #DBB23A;
  }

.HomepageNewsItem {
  font-size: 0.9em;
  margin: 1em 0 0.1em 0;
  }

.HomepageNewsItemDate {
  color: #DBB23A;
  margin: 0.3em 0 0 0;
  }

.NewsItemTitle {
  font-weight: bold;
  font-size: 1.2em;
  margin: 1.2em 0 0.1em 0;
  }

.NewsItemBody {
  margin: 0.1em 0 0.2em 0;
  }

.NewsItemDate {
  color: #DBB23A;
  margin: 0.3em 0 0 0;
  }

.EventsItemTitle {
  font-weight: bold;
  font-size: 1.1em;
  margin: 1.2em 0 0.1em 0;
  }

.EventsItemBody {
  margin: 0 0 0.2em 0;
  }

.EventsItemDate {
  color: #DBB23A;
  font-weight: bold;
  margin: 0 0 0.2em 0;
  }

#RightContainer {
  width: 173px;
  margin-right: -173px;
  float: left;
  position: relative;
  background-color: white;
  }

#RightSubContainer {
  background: white url(/resources/images/template/bg_right_column.gif) no-repeat top left;
  padding: 10px 10px 2px 10px;
  }

.RightSubContainerTitle {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 0 0em 0;
  }

.RightSubHeading {
  font-size: 1em;
  font-weight: bold;
  color: #DBB23A;
  margin: 0;
  }

#RightSubContainer p {
  font-size: 0.9em;
  margin: 0.6em 0 0.4em 0;
  }

.Selected, .Selected a, .Selected a:link, .Selected a:visited, .Selected a:hover, .Selected visited:hover {
  text-decoration: underline;
  color: #BBB;
  font-weight: bold;
  }

#FooterContainer {
  color: #592F6A;
  font-size: 0.9em;
  text-align: center;
  padding: 20px 0px 20px 8px;
  width: 100%;
  position: relative;
  }

#FooterContainer a, #FooterContainer a:link, #FooterContainer a:visited, #FooterContainer a:hover, #FooterContainer visited:hover {
  text-decoration: underline;
  color: #592F6A;
  font-weight: normal;
  }

/* End styles for layout */


/* Styles for staff/board profiles */

#ProfileListingContainer {
  float: left;
  width: 190px;
  margin-right: 25px;
  position: relative;
  }

.FocusArrowContact {
  float: left;
  width: 19px;
  text-align: center;
  margin: 6px 0 0 0;
  }

.ProfileTitle {
  float: left;
  width: 171px;
  margin: 6px 0 0 0;
  }

.ProfileListingSubText {
  font-size: 0.9em;
  line-height: 1.2em;
  color: #888;
  margin: 0.2em 0 6px 0;
  }

.HiddenPanel {
  display: none;
  float: left;
  width: 233px;
  position: relative;
  }

.VisiblePanel {
  visibility: visible;
  float: left;
  width: 233px;
  position: relative;
  }

.ProfileName {
  font-size: 1.2em;
  font-weight: bold;
  color: #9AD1F4;
  margin: 6px 0 0 0;
  }

.ProfileJobTitle {
  color: #888;
  }

.ProfileImage {
  padding-top: 8px;
  }

/* End of styles for staff/board profiles */


/* Styles for temporary Gatwick Diamond Skills template */

#GDSLeftContainer {
  width: 189px;
  margin-left: -189px;
  float: left;
  position: relative;
  background: #0075AF url(/resources/images/gatwick_diamond/bg_leftmenu_corner_tr.gif) no-repeat top right;
  }

#GDSLeftNavContainer {
  padding: 5px 10px 0 10px;
  /*text-align: right;*/
  float: left;
  width: 168px;
  color: white;
  }

#GDSMainContentMargin {
  padding: 3px 14px 0 14px;
  position: relative;
  color: #333;
  }

#GDSHeading {
  margin: 4px 0 20px 0;
  }

#GDSRightSubContainer {
  background: white url(/resources/images/gatwick_diamond/bg_right_column.gif) no-repeat top left;
  padding: 12px 14px 1px 12px;
  }

.GDSPortrait {
  margin: 0 0 4px 0;
  }

/* End of styles for temporary Gatwick Diamond Skills template */