/* Primary Page Layout - Resetting & Blanket Formatting */

      * {
        margin: 0px;
        padding: 0px;
      }
      html {
        width: 100%;
        height: 100%;  */ Prevent centred designs jumping in Firefox */
        font-size: 100.01%;  */ Prevent centred designs jumping in Firefox */
        scrollbar-3dlight-color: #dfdfdf;  /* Works For IE Only */ 
        scrollbar-arrow-color: #dfdfdf; 
        scrollbar-base-color: #dfdfdf; 
        scrollbar-darkshadow-color: #dfdfdf; 
        scrollbar-face-color: #808080; 
        scrollbar-highlight-color: #808080; 
        scrollbar-shadow-color: #dfdfdf;
        scrollbar-track-color: #ffffff;
      }
      body.main {
	position: relative;
	background: #ffffff url("layout/bg-page.jpg") repeat-x left top; /* Works In All Browsers was 000000 */
        margin-top: 0px;
        padding: 0px;
        margin-bottom: 35px;
        text-align: center; /* Center ALL for IE - Only text elements are centered in Mac */
        width: 100%;
	height: 101%;  */ To Fix bug in Opera5x reflow routines */
        min-height:101%  */ Prevent centred designs jumping in Firefox */
	padding: 0px; /* Must leave in - fixes body overflow in IE */
        border: 0px;
        font: 100.01%/130% helvetica, arial;
        font-family: Helvetica, Arial, Georgia, sans-serif, Serif, Times New Roman, Times, Verdana;
        color: #000000;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
      }

      h1, h2, h3, h4, h5, h6, p, div, form, code, pre, fieldset, legend, dl, dt, dd {
        border: 0px;
        margin: 0px;
        padding: 0px;
      }  /* ul,ol,li are treated on an individual basis */
      img {
        border: 0px;
      }


/* Text Formatting */

      h1 {
        padding-top: 5px;
        padding-bottom: 6px;
        line-height: 20px;
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        color: #808080; /* MAC Browsers do not like " "'s */
      }

      h2 {
        padding-top: 8px;
        padding-bottom: 10px;
        line-height: 16px;
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        color: #808080; /* MAC Browsers do not like " "'s - also can use 25497F */
      }

      ul.content { /* All Browsers Read This 1st */
	position: relative;
        line-height: 18px;
        padding-left: 50px;
	overflow: hidden;
	list-style-position: inside;
	display: inline-block;
      }  /* Alignment for PC IE and Mac Safari OK with this - Leave All */

      ul.content li { /* All Browsers Read This 1st - Try list-style-position: inside */
	position: relative;
	overflow: hidden;
      }

/* Links Formatting - Content Page Links */

      a:link {
        color: #808080;
        text-decoration: none;
        font-weight: normal;
      }  /* unvisited links */
      a:visited {
        color: #808080;
        text-decoration: none;
        font-weight: normal;
      }  /* visited links   */
      a:active {
        color: #808080;
        text-decoration: none;
        font-weight: normal;
      }  /* active links    */
      a:hover {
        color: #000000;
        text-decoration:  none;
        font-weight: normal;
      }  /* user hovers     */

/* Primary Containers - Page Layout Cells */

      div.page-container {
        position: relative;
        margin-left: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        margin-right: auto; /* IE ignores margin auto, centered for IE using text-align center in Body */
        text-align: center;
        width: 840px;
        height: auto;
      }
      div.page-solidcontent {
        position: relative;
        width: 100%;
        text-align: left;
      }
      div.page-title {
	z-index: 10;
        position: relative;
        margin-top: 40px;
	top: 0px;
	left: 0px;
        layer-background-color: #808080 url('layout/title-01.jpg') repeat-y top;
	background: #808080 url('layout/title-01.jpg') repeat-y top;
        width: 840px;
        height: 100px;
      }
      img.page-title {
	z-index: 12;
        position: relative;
	top: 0px;
	left: 0px;
        width: 840px;
        height: 100px;
      }
      div.page-header {
        position: relative;
	top: 0;
	left: 0;
        width: 100%;
        height: 25px;
        layer-background-color: #ffffff url('layout/bg-pageheader.jpg') repeat-y center;
	background: #ffffff url('layout/bg-pageheader.jpg') repeat-y center;
      }
      div.menu-logo {
        position: absolute;
	overflow: hidden; /* To Allow Div Height Small That Text Setting Height */
	top: 0px;
	left: 0px;
        layer-background-color: #BF3530 url('layout/bg-logo.jpg') repeat-y top;
	background: #BF3530 url('layout/bg-logo.jpg') repeat-y top;
        width: 140px;
        height: 100px;
      }
      img.logo-link { /* Active Link Image */
	z-index: 6; /* Stops the image appearing behind the DIV background image in Safari */
        position: relative;
        width: 140px;
        height: 125px;
      }
      div.main-content {
        width: 100%;
        layer-background-color: #ffffff url('layout/bg-pagebody.jpg') repeat-y center;
	background: #ffffff url('layout/bg-pagebody.jpg') repeat-y center;
      }
      div.main-content:after { /* Used After Any MAC & IE8 Container That Holds A floating div */
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
      }
      div.content-left {
	float: left;
        width: 155px;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 5px;
        padding-right: 0px;
      }
      div.content-right {
	float: right;
        width: 645px; /* Main Adjuster */
        margin-top: 0px;
        padding-top: 5px;
        padding-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
        color: #808080; /* MAC Browsers do not like " "'s */
      }
      div.bulletpoints {
	float: left;
        width: 630px;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 12px;
        padding-right: 0px;
      }

      div.textblock-left { /* All Browsers Read This 1st */
	display: inline-block;  /* Encase all ULs in this DIV for correct alignment with floating DIVS and images */
        position: relative;
        margin: 0px;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 0px;
        padding-right: 0px;
      }

      div.page-footer {
	overflow: hidden; /* To Allow Div Height Small That Text Setting Height */
        width: 100%;
        height: 21px;
        layer-background-color: #ffffff url('layout/bg-pagefooter.jpg') repeat-y center;
	background: #ffffff url('layout/bg-pagefooter.jpg') repeat-y center;
      }
      div.footer-a {
        position: relative;
        width: 100%;
        height: 18px;
        layer-background-color: #808080;
	background: #808080;
        text-align: right;
        font-size: 11px;
      }
      div.copyright {
	float: right;
        width: 820px;
        height: 20px;
        padding-top: 2px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 5px;
        text-align: right;
        font-size: 11px;
        font-weight: normal;
        font-style: normal;
        color: #ffffff;
      }

/* Image Formatting */

      div.document { /* All Browsers Read This 1st */
        height: 210px;
        width: 128px;
	float: left;
        position: relative;
        margin-top: 10px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 0px;
        text-align: center;
        font-size: 10px;
        font-weight: bold;
        font-style: normal;
        line-height: 14px;
	border: 0px solid #a9a9a9;
      }
      img.document-icon { /* All Browsers Read This 1st */
        height: 140px;
        width: 100px;
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 0px;
	border: 1px solid #a6a6a6;
      }
      img.document { /* All Browsers Read This 1st */
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 0px;
	border: 1px solid #a6a6a6;
      }
      img.document2 { /* All Browsers Read This 1st */
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 0px;
	border: 1px solid #a6a6a6;
      }

      img.image1-right { /* All Browsers Read This 1st */
        height: 200px;
        width: 300px;
	float: right;
        layer-background-color: #ffffff;
	background: #ffffff;
        position: relative;
        margin-top: 6px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 15px;
	border: 0px solid #a6a6a6;
      }
      img.image1-left { /* All Browsers Read This 1st */
        height: 200px;
        width: 300px;
	float: left;
        layer-background-color: #ffffff;
	background: #ffffff;
        position: relative;
        margin-top: 6px;
        margin-bottom: 0px;
        margin-right: 15px;
        margin-left: 0px;
	border: 0px solid #a6a6a6;
      }
      img.image1-intro { /* All Browsers Read This 1st */
        height: 430px;
        width: 645px;
	float: right;
        position: relative;
        margin-top: 6px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 0px;
	border: 0px solid #a6a6a6;
      }
      img.image2 { /* All Browsers Read This 1st */
        height: 200px;
        width: 300px;
        layer-background-color: #ffffff;
	background: #ffffff;
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 0px;
	border: 1px solid #a6a6a6;
      }
      div.image2 {
	float: left;
        width: 300px; /* Main Adjuster */
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 12px;
        padding-left: 0px;
        padding-right: 22px;
        font-size: 9px;
        font-weight: normal;
        font-style: normal;
        color: #5f5f5f; /* MAC Browsers do not like " "'s - also can use 25497F */
      }


/* Side Navigation */

      a {
	text-decoration: none;
      }
      #nav-menu {
	float: left;
      }
      .expand_all,
      .collapse_all {
	cursor: pointer;
      }
      .nav-menu-style {
	font-size: 90%;
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 150px;
      }
      .nav-menu-style ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
      }
      #nav-menu {
	margin: 0;
      }
      #nav-menu li,
      .nav-menu-style li {
	background-image: none;
	margin: 0;
	padding: 0;
	font: 11px Arial, Verdana, Helvetica, Sans-serif;
	margin-bottom: 5px;
      }
      #nav-menu li li,
      .nav-menu-style li {
	background-image: none;
	margin: 0;
	padding: 0;
	font: 11px Arial, Verdana, Helvetica, Sans-serif;
      }
      .nav-menu-style ul ul {
	display: block;
      }
      .nav-menu-style ul ul li a {
	padding-left: 20px;
	width: 109px;
      }
      .nav-menu-style a {
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin-left: 0;
	padding: 5px 5px 5px 25px;
	width: 118px;
      }
      .nav-menu-style a.expanded {
	background: #a6a6a6 url('layout/expanded.gif') no-repeat 5px 50%;
	border: 1px solid #808080;
      }
      .nav-menu-style a.collapsed {
	background: #a6a6a6 url('layout/collapsed.gif') no-repeat 5px 50%;
	border: 1px solid #808080;
      }
      .nav-menu-style a:hover {
      	text-decoration: normal;
      }
      .nav-menu-style ul a {
	color: #808080;
	display: block;
	font-weight: normal;
	padding: 5px 5px 5px 26px;
	width: 119px;
	border-bottom: 1px solid #a6a6a6;
      }
      .nav-menu-style ul a:link {
	font-weight: normal;
      }
      .nav-menu-style ul a:hover {
	background : #f5f5f5;
	text-decoration: normal;
      }
      .nav-menu-style li.active a {
	background: #d9d9d9;
	font-weight: bold;
      }
      .nav-menu-style li.default a {
	background: #d9d9d9;
      }
      .nav-menu-style li.active li a {
	background: #e8e8e8;
      }