/*This is the core style  sheet of the site*/
/* >>>>> Page Styles <<<<< */
html, body{
  font-size: 100%;
  margin: 0;
  padding: 0;}

body {
  background-color: #F5F5F5;
  color: #000000;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: .9em;
  line-height: 1.2em; }

.text-std {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: .9em;
}

.red { color: red;    }

.WhtArial {
   font-family: Arial, Helvetica, sans-serif;
   color: #ffffff;
   vertical-align: middle;
   font-weight: bold;}
  a.WhtArial:link {
    color: #ffffff;
	font-size: .8em;
    text-decoration: none;}
  a.WhtArial:visited {
    color: #ffffff;
	font-size: .8em;
    text-decoration: none;}
  a.WhtArial:hover {
	font-size: .8em;
    background-color: #B9C4D6;}
  a.WhtArial:active {
	font-size: .8em;
    background-color: #B9C4D6;}

.inputBox {
  font-size: 1em; }

a:link {
  color: #000099;
  text-decoration: none;}
a:visited {
  color: #000099;
  text-decoration: none;}
a:hover {
  background-color: #B9C4D6;}

.alignCenter {
  text-align: center;
  margin: 0 0 0 0;
  padding: 0;}

.floatright {
  float: right;
  margin: 0 2px 0 0;
  padding: 0;}
.floatleft {
  float: left;
  margin: 0 0 0 3px;
  padding: 0;}

h1 {font-size: 1.2em;
  font-style: italic;
  letter-spacing: 2px;}
h2 {font-size: 1.1em;
  text-decoration: underline;}
h3 {font-size: 1.1em;
  color: #000099;}
h4 {font-size: 1.1em;
  color: #FFFFFF;}
h5 {font-size: 1em;
  font-weight: bold;}

.jobTitle {
     font-size: 1.5em;
     color: #990000;
	 font-family: Arial, Helvetica, sans-serif;
	 font-weight: bold;}

p {margin: 0;
  padding: 8px 7px 0 10px; }

#leftbox a:link, #leftbox a:visited {
  color: #000099;
  text-decoration: underline; }

.right a:link strong, .right a:visited strong, .right a:link, .right a:visited {
  color: #000;
  text-decoration: underline;
  background: #B9C4D6;
  padding: 1px; }

#bottom {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;}

.alignright {
  margin: 0;
  padding: 1em 10px 2.5em 0;
  text-align: right;}

/*** The #header div has a static position and a background image ***/
#header {
  margin: 0;
  padding: 0;
  background-image:   url("/images/blueGrayBkgd.jpg");
  background-position:0 0;
  height: 60px; } /*** must be set so the following absolutely positioned divs are placed correctly on initial load of the page***/

#banner {
  background-color: #F6F6F6;
  background-position:0 0;
  height: 53px;}

#banner1 {
  background-color: #C4CCDD;
  background-position:0 0;
  height: 53px;}

#leftbox {
  position: absolute;
  left: 10px;
  width: 200px;
  border: 0;
  height: 100%;}

#container {
  margin-left: 203px;}

#contents {
  margin: 8px 200px 5px 10px;
  padding: 3px 3px 15px 3px;}

#contentsLNav {
  margin: 8px 10px 5px 10px;
  padding: 3px 3px 15px 3px;}

#leftcontent {
  border: 2;
  margin-top: 10px;
  margin-left: 15px;
  margin-right: 199px;
  padding-bottom: 5px;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 15px;
  margin-right:240px;}

div.blueCenter-box {
  border: 1px #D3D6DD solid;
  list-style-image:   url("/images/arrow_blue.gif");
  background-image:   url("/images/graybkgnd.jpg");
  margin: 0 0 0 0;
  text-align: justify;
  padding: 0px 10px 10px 10px;}

div.table-box {
  margin: 0 0 0 0;
  text-align: justify;
  padding: 0px 10px 10px 10px;}

div.DkShadedRow {
  border: 1px #D3D6DD solid;
  background-color: #7B8EAE;
  margin: 0 0 0 0;
  height: 10px;
  text-align: justify;
  padding: 5px 20px 5px 10px;}

div.boxBorder {
  border: 1px #D3D6DD solid;}

div.GoldDDown {
  background-image:   url("../Img/GoldColor.gif");  }

#DptDDown {
  border: 1px #D3D6DD solid;
  background-image:   url("../Img/graybkgnd.jpg");
  font-size: .9em;
  padding: 2px 0;
  position: relative;} /*** IE6 needs this to display the div ***/
/* Hide from IE5-Mac \*/
* html #DptDDown {height: 1%;}
/* end hide *//*** This hack will make IE5-win display the background color for the nav ***/
#DptDDown ul {
  display: block;
  list-style: none;
  font-size: 0.8em;
  padding: 0;
  margin: 0;
  font-family: Verdana, sans-serif;
  text-align: center;
  line-height: 1em; }
#DptDDown ul li {
  display: block;
  float: left;
  position: relative; /*** IE6 needs this to display the links ***/
  padding: 2px 6px;
  margin: 4px 0;
  border-right: none; }
#DptDDown ul li.first {
  margin-left: 0;
  list-style: none; }
#DptDDown ul li.last {
  border-right: none; }
#DptDDown a {
  padding: 1px 0;
  color: #000099;
  text-decoration:underline; }
#DptDDown a:hover {
  color: #000099;
  background: #B9C4D6;
  text-decoration:underline;}


#navmenu {
  font-size: .8em;
  border-bottom: 2px solid #000099;
  padding: 1px 0;
  background-color: #D9DFEA;
  position: relative;} /*** IE6 needs this to display the div ***/

/* Hide from IE5-Mac \*/
* html #navmenu {height: 1%;}
/* end hide *//*** This hack will make IE5-win display the background color for the nav ***/

#navmenu ul {
  display: block;
  list-style: none;
  font-size: 0.8em;
  padding: 0;
  margin: 0;
  font-family: Verdana, sans-serif;
  text-align: center;
  line-height: 1em; }

#navmenu ul li {
  display: block;
  float: left;
  position: relative; /*** IE6 needs this to display the links ***/
  padding: 2px 6px;
  margin: 4px 0;
  border-right: none; }
#navmenu ul li.first {
  margin-left: 0;
  list-style: none; }
#navmenu ul li.last {
  border-right: none; }
#navmenu a {
  padding: 1px 0;
  color: #000; }
#navmenu a:hover {
  color: #000099;
  background: #B9C4D6; }

#navclear {
  display: block;
  clear: both; }

/*** IE5/Mac has trouble with right positioned boxes due to a secret margin. See
     - http://www.l-c-n.com/IE5tests/right_pos/index.shtml - Philippe Wittenbergh's page
     for an explanation of this problem and Sam Foster's page for an explanation of the
     hack used  - http://www.sam-i-am.com/testsuite/css/mac_ie5_hack.html - ***/

#rightcontent {
  list-style-image:   url("../Img/arrow_black.gif");
  position: absolute;
  top: 135px;
  width: 180px;
  right: 10px;}

#rightbox {
  position: absolute;
  right: 16px;
  margin-right: -15px;
  width: 180px;
  padding-top: 10px;
  padding-right: 5px; }
#rightbox ul li {
  list-style-image:   url("../Img/arrow_black.gif");}

/* hide the following from IE5-Mac \*/
#rightbox {
  right: 0;
  margin-right: 0; }

/* IE5-Mac can see the rest */
#wrapper {
  margin-right: 138px;
  padding-top: 5px; }

/*** Tan hack for IE. Only IE browsers see this selector.This replaces the old Tantek hack. Please see Edwardson Tan's page.
      http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html ***/
* html #wrapper {
  width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
  width: auto; } /*** resets the value for IE6 and IE5-Mac ***/

.clear {
  clear: both;
  margin: 0;
  padding: 0; }

#footer {
  width: 99%;
  font-size: .7em;
  text-align: right;
  padding-right: 10px;
  border-top: 1px dashed #888; }

div.grayTabtop-box {
  border-top: 5px #ffffff solid;
  border-left: 3px #D3D6DD solid;
  border-right: 3px #D3D6DD solid;
  border-bottom: 3px #D3D6DD solid;
  background-image:   url("../Img/LeftBkgndHome.gif");
  margin: 10px 0 10px 0;
  font-size: .7em;
  padding: 0px 0px 15px 2px;
  width: 190px;}

div.LftGray-box {
  border: 1px #D3D6DD solid;
  list-style-image:   url("../Img/arrow_black.gif");
  background-image:   url("../Img/LeftBkgndHome.gif");
  margin: 10px 0 10px 0;
  font-size: .9em;
  padding: 0px 0px 15px 2px;
  width: 190px;}

div.grayRt-box {
  border: 1px #D3D6DD solid;
  background-image:   url("../Img/LeftBkgndHome.gif");
  font-size: .7em;
  line-height: 1em;
  margin: 5px 0 15px 0;
  padding: 0px 10px 10px 10px;}

div.yellowRow {
  background-color: #FFFFC1;
  padding: 0px 10px 10px 10px;}

.RedBoldTxt	 {font-size: 1.3em;
  		  color: #990000;
                  font-family: Arial, Helvetica, sans-serif;
		  font-weight: bold;}

div.OrgTabtop-box {
  border-top: 5px #FBEFDD solid;
  border-left: 3px #F9C984 solid;
  border-right: 3px #F9C984 solid;
  border-bottom: 3px #ff9c07 solid;
  background-color: #F9DDB5;
  margin: 10px 0 10px 0;
  font-size: .7em;
  padding: 0px 0px 15px 2px;
  width: 190px;}

div.BlueTabtop-box {
  border-top: 5px #E9F5FA solid;
  border-left: 3px #93D3EE solid;
  border-right: 3px #93D3EE solid;
  border-bottom: 3px #55ACE9 solid;
  background-color: #D4EFFB;
  margin: 10px 0 10px 0;
  font-size: .7em;
  padding: 0px 0px 15px 2px;
  width: 190px;}

div.GrTabtop-box {
  border-top: 5px #EEFCEB solid;
  border-left: 3px #95AF8E solid;
  border-right: 3px #95AF8E solid;
  border-bottom: 3px #4A6144 solid;
  background-color: #D1E2CD;
  margin: 10px 0 10px 0;
  font-size: .7em;
  padding: 0px 0px 15px 2px;
  width: 190px;}

div.YTabtop-box {
  border-top: 5px #FEFAEA solid;
  border-left: 3px #FDEDAF solid;
  border-right: 3px #FDEDAF solid;
  border-bottom: 3px #ffcc00 solid;
  background-color: #fff6d6;
  margin: 10px 0 10px 0;
  font-size: .7em;
  padding: 0px 0px 15px 2px;
  width: 190px;}

