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

body {
  margin: 0;
  padding: 0;
  background-color: #0c0c0c;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 70%;
  color: #c5c5c5;    
  }

a {
  text-decoration: none;
  color: #d3d112;
  }

a:link {
  color: #d3d112;
  }

a:visited {
  color: #1e772d;
  }

a:active {
  color: red;
  }
  
a:hover {
  text-decoration: underline;
  }

h1 {
  font-size: 2.5em;
  font-weight: normal;
  font-family: Myriad Pro, Verdana, Arial, Helvetica, Sans-Serif;
  margin-bottom: 0px;
  color: #d3d112;
  }

h2 {
  font-size: 1.8em;
  font-weight: normal;
  font-family: Myriad Pro, Verdana, Arial, Helvetica, Sans-Serif;
  margin: 0px 0px 0px 0px;
  color: #d3d112;
  }

h3 {
  font-size: 2em;
  font-weight: normal;
  font-family: Myriad Pro, Verdana, Arial, Helvetica, Sans-Serif;
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 5px 0px;
  background: url(/resources/images/nav_dotted_line.gif) no-repeat bottom left;
  }

h4 {
  font-size: 1.4em;
  font-weight: bold;
  }

h5 {
  font-size: 1.2em;
  font-weight: bold;
  }

h6 {
  font-size: 1.1em;
  font-weight: bold;
  }

ol, ul, li {
  font-size: 1.0em;
  }

p, span, input, table, tr, td {
  font-size: 1.0em;
  line-height: 1.2em;
  margin: 0px 0px 7px 0px;
  }
  
p.MainPictureCaption {
  font-size: 1.1em;
  text-align: right;
  margin-top: 7px;
  }
  
p.Footer {
  font-size: 0.8em;
  text-align: right;
  margin-bottom: 0;
  }  
  
span.RightHighlight {
  font-size: 1.1em;
  }

strong, b {
  font-weight: bold;
  }

form { 
  margin: 0;
  padding: 0;
  }

img {
  border: 0px;
  }
  
/* End generic styles for font controls and basic HTML elements */

/* Begin styles for left navigation */

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

.LeftNav1stLevel li {
  padding: 10px 0px 10px 0px;
  font-size: 2em;
  font-weight: normal;
  font-family: Myriad Pro, Verdana, Arial, Helvetica, Sans-Serif;
  background: url(/resources/images/nav_dotted_line.gif) no-repeat bottom left;
  }

.LeftNav1stLevel li a, .LeftNav1stLevel li a:link, .LeftNav1stLevel li a:visited {
  background: transparent;
  text-decoration: none;
  color: #c5c5c5;
  }

.LeftNav1stLevel li a:hover, .LeftNav1stLevel li a:visited:hover {
  background: transparent;
  color: #d3d112;
  text-decoration: none;
  }

ul.LeftNav1stLevelOn {
  list-style-type: none;
  padding: 0px 0px 0px 13px;
  margin: 0;
  position: relative;
  background: url(/resources/images/arrow.gif) no-repeat left;
  }

.LeftNav1stLevelOn li {
  padding: 10px 0px 10px 0px;
  font-size: 2em;
  font-weight: normal;
  font-family: Myriad Pro, Verdana, Arial, Helvetica, Sans-Serif;
  background: url(/resources/images/nav_dotted_line.gif) no-repeat bottom left;
  }

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

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

/* 2nd Level Nav */

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

.LeftNav2ndLevel li {
  padding: 5px 0px 0px 0px;
  font-size: 1em;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  }

.LeftNav2ndLevel li a, .LeftNav2ndLevel li a:link, .LeftNav2ndLevel li a:visited {
  background: transparent;
  text-decoration: none;
  color: #d3d112;
  }

.LeftNav2ndLevel li a:hover, .LeftNav2ndLevel li a:visited:hover {
  background: transparent;
  color: #d3d112;
  text-decoration: underline;
  }

ul.LeftNav2ndLevelOn {
  list-style-type: none;
  padding: 0px 0px 0px 13px;
  margin: 0;
  position: relative;
  background: url(/resources/images/arrow.gif) no-repeat left;
  }

.LeftNav2ndLevelOn li {
  padding: 5px 0px 0px 0px;
  font-size: 1em;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  }

.LeftNav2ndLevelOn li a, .LeftNav2ndLevelOn li a:link, .LeftNav2ndLevelOn li a:visited {
  background: transparent;
  text-decoration: none;
  color: #d3d112;
  }

.LeftNav2ndLevelOn li a:hover, .LeftNav1stLevelOn li a:visited:hover {
  background: transparent;
  color: #d3d112;
  text-decoration: underline;
  }

/* End styles for left navigation */

/* Begin styles for layout */

.clear {
  clear: both; /* For correct clearing of floated elements */
  }

#PageBodyContainer { /* Main page container style */
  width: 1055px;
  background-color: black;
  margin: 0 auto;
  }

/* Header Divs */

#HeaderContainer {
  background-color: yellow;
  padding: 0;
  }

#HeaderTextContainer {
  padding: 0;
  width: 755px;
  float: left;
}
#HeaderTextLogoBackground {
  margin: 17px 0px 0px 8px;
	background: #212121 url(/resources/images/header_top_left_corner.gif) no-repeat top left;
	}

#HeaderTextLogoContainer {
	padding: 32px 0px 23px 29px;
	}

#HeaderTextMottoBackground {
  margin: 0px 0px 0px 8px;
  background: #0c0c0c;
}

#HeaderTextMottoContainer {
	padding: 11px 0px 5px 24px;
}

#BodyContentBorderRight { 
  border-right: 59px solid #0c0c0c;
  }

#HeaderLogoContainer {
  float: right;
  }
  
/* End of Header Divs */
  
  
#BodyContentBorder { 
  margin-left: 8px;
  margin-right: 8px;
  }

#BodyContentOuterContainer { /* This is the main wrapper style which houses the 3 columns */
  /* The border styles provide the spaces into which the left and right columns will be floated */
  border-left: 179px solid #141414; /* Toggle the colour value to white to cut off the column after the last entry in the left column */
  border-right: 191px solid #141414; /* Toggle the colour value to white to cut off the column after the last entry in the right column */
  background-color: #212121;  
  }

#BodyContentInnerContainer {  /* A timely reminder to IE of the target layout width - without which it gets confused */
  margin: 0; 
  width: 610px; 
  /*border-left: 1px solid #2b2b2b;
  border-right: 1px solid #2b2b2b;*/
  background: url(/resources/images/background.gif);
  }

#LeftContainer {
  width: 179px; /* To adjust column width, this value must be altered in conjunction with the margin value below and the border-left value contained in #BodyContentOuterContainer */
  margin-left: -179px; /* The negative margin moves the float into the border space specified earlier in #BodyContentOuterContainer */
  float: left;
  position: relative;
  background: url(/resources/images/left_top_left_corner.gif) no-repeat top left;
  }

#LeftFooter {
  width: 179px; /* To adjust column width, this value must be altered in conjunction with the margin value below and the border-left value contained in #BodyContentOuterContainer */
  margin-left: -179px; /* The negative margin moves the float into the border space specified earlier in #BodyContentOuterContainer */
  float: left;
  position: relative;
  background: url(/resources/images/left_bottom_left_corner.gif) no-repeat bottom left;
  }

#LeftContent {
  padding: 13px 5px 0px 17px;
  }

#MainContentContainer {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
  }

#MainContent {
  padding: 4px 24px 0px 33px;
  }
  
#MainContentDottedLine {
  margin: 7px 0px 7px 0px;
  }
  
#MainContentMainStory {
  margin-right: 250px;
  padding-right: 5px;
  }
  
#MainContentMainPictureContainer {
  width: 250px; 
  float: right;
  position: relative;
  }
  
#MainContentArchiveHeadline {
  margin-right: 340px;
  padding-right: 5px;
  }
  
#MainContentArchiveStory {
  width: 340px; 
  float: right;
  position: relative;
  }
  
#RightContainer {
  width: 191px; /* To adjust column width, this value must be altered in conjunction with the margin value below and the border-right value contained in #BodyContentOuterContainer */
  margin-right: -191px; /* The negative margin moves the float into the border space specified earlier in #BodyContentOuterContainer */
  float: left;
  position: relative;
  background: url(/resources/images/right_top_right_corner.gif) no-repeat top right;
  }
  
#RightFooter {
  width: 191px; /* To adjust column width, this value must be altered in conjunction with the margin value below and the border-right value contained in #BodyContentOuterContainer */
  margin-right: -191px; /* The negative margin moves the float into the border space specified earlier in #BodyContentOuterContainer */
  float: left;
  position: relative;
  background: url(/resources/images/right_bottom_right_corner.gif) no-repeat bottom right;
  }

#RightContent {
  padding: 13px 5px 0px 14px;
  }

#FooterContainer {
  background-color: #000000;
  color: white;
  text-align: center;
  padding: 10px 0px 10px 0px;
  width: 100%;
  position: relative;
  }
  
/* End styles for layout */