@charset "UTF-8";

/* Note: Classes for reserved HTML components are adopted for the whole page and don't need a reference (eg body, img, etc) */
/*       Classes which begin with a dot need to be referred to with "class=", each time they are used */
/*       "The font element is entirely obsolete in HTML5. It must not be used in HTML5 documents" - onlinewebcheck.com. */
/*       Therefore, all fonts must be included as part of HTML functions and can not stand alone, even as a class. */
/*
/*       css needs to be loaded each time a new page is opened */


/* header code */

body
   {
   margin-top:0px;
   margin-left:0px;
   margin-right:0px;
   margin-bottom:0px;
   }

iframe
   {
   border-width: 0px;
   width: 900px;
   height: 600px;
   border-style: none;
   }
ul
   {
   list-style-type: circle;
   color: #beb8bd;
   padding-left:20px;
   }

.logo
   {
   position: absolute;
	  margin-top: 10px;
	  margin-bottom: 20px;
	  cursor: pointer;
	  height: 79px;
   display: inline;
   }
.logo-img
   {
	 display: inline;
   width: 651px;
	 height: 79px;
   z-index: -1;
   border : 0;
   }
.logo-img a
   {
	 outline : none;
   }
.logo a
   {
	  color: #000;
	  text-decoration: none;
   }

.whiteyellow14 A:link {font-family: arial; font-size: 14px; font-weight: normal; text-decoration: none; color: #FFFFFF;}
.whiteyellow14 A:visited {font-family: arial; font-size: 14px; font-weight: normal; text-decoration: none; color: #FFFFFF;}
.whiteyellow14 A:active {font-family: arial; font-size: 14px; font-weight: normal; text-decoration: none; color: #FFFFFF;}
.whiteyellow14 A:hover {font-family: arial; font-size: 14px; font-weight: normal; text-decoration: none; color: #f8c68b;}

.whiteyellow14
   {
   font-family: arial;
   font-size: 14px;
   font-weight: normal;
   color: #8b8a8b;
   }
.lightgrey14
   {
   font-family: arial;
   font-size: 14px;
   font-weight: normal;
   color: #8b8a8b;
   }
.grey14
   {
   font-family: arial;
   font-size: 14px;
   font-weight: normal;
   color: #8b8a8b;
   }
.grey22
   {
   font-family: arial;
   font-size: 22px;
   font-weight: normal;
   color: #8b8a8b;
   }

/* Tables:  */
.plain
   {
   border: 0px;          /* Replace border */
   border-spacing: 0px; /* Replace cellspacing */
   border-collapse: separate; /* "collapse" is the Patch for Internet Explorer 6 and Internet Explorer 7 */
   margin-left: auto; /* Replace align='center' */
   margin-right: auto; /* as above               */
   height: 100px;
   }
.plain td
   {
   padding: 0px; /*replace cellpadding*/
   }
.plain900
   {
   border:0px;          /* Replace border */
   border-spacing: 0px; /* Replace cellspacing */
   border-collapse: collapse; /* Patch for Internet Explorer 6 and Internet Explorer 7 */
   margin-left: auto; /* Replace align='center' */
   margin-right: auto; /* as above               */
   width: 900px;
   background-color: #FFFFFF;
   }
.plain900 td
   {
   padding: 0px; /*replace cellpadding*/
   height: 20px;
   }
.navbar
   {
   border:0px;          /* Replace border */
   border-spacing: 0px; /* Replace cellspacing */
   border-collapse: collapse; /* Patch for Internet Explorer 6 and Internet Explorer 7 */
   margin-left: auto; /* Replace align='center' */
   margin-right: auto; /* as above               */
   width: 100%;
   height: 34px;
   }
.navbar td
   {
   padding: 0px; /*replace cellpadding*/
   }
.navtext
   {
   background-color: #696067;
   width: 100%;
   height: 34px;
   vertical-align: middle;
   text-align: center;
   background-image: url('/images/headerBGshade.gif');
   background-repeat: repeat-x;
   }
.navtext td
   {
   background-color: #696067;
   width: 100%;
   height: 34px;
   vertical-align: middle;
   text-align: center;
   background-image: url('/images/headerBGshade.gif');
   background-repeat: repeat-x;
   }
td.grey22
   {
   font-family: arial;
   font-size: 22px;
   font-weight: normal;
   color: #8b8a8b;
   text-align: center;
   width: 100%;
   padding: 20px;
   }
td.height20
   {
   height: 20px;
   }
td.width100pc
   {
   font-family: arial;
   font-size: 10px;
   width: 100%;
   margin-left: auto; /* Replace align='center' */
   margin-right: auto; /* as above               */
   }