html
  {
  height: 100%;
  }


body
  {
  background-color: #CCCCCC;
  background-image: url(../images/bodyBG.jpg);
  background-position: top center;
  background-repeat: repeat-y;
  color: #4C4C4C;
  line-height: 1.4em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 75%;
  text-align: center;
  height: 100%;
  }

#page
  {
  width: 750px;
  margin: 0 auto;
  min-height: 100%;
  text-align: left;
  }

* html #page
  {
  height: 100%;
  }

table
  {
  font-family: Verdana, Tahoma, Arial, serif;
  font-size: 10px;
  color: #000000;  
  }

td
  {
  font-size: 10px;
  color: #000000;
  }

p
  {
  color:#000000;
  font-family: Verdana, Tahoma, Arial, serif;
  font-size: 8pt;
  margin-top: 0px;
  margin-bottom: 0px;
  }

h1
  {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  margin: 0;
  padding: 0px 0px 5px 0px;
  }

h3
  {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  color: #000000;
  background: url(../images/dots.png) repeat-x bottom;
  margin: 0;
  padding: 0px 0px 5px 0px;
  }

a
  {
  color: #336699;
  }

a:hover
  {
  color: #FF0000;
  text-decoration: underline;
  }

#content-wrap {position:relative;width:100%}
#utility {top:0;left:25px;border-top: 5px solid #999;padding-bottom: 40px}

/* SECONDARY NAVIGATION - vertical navigation */
#nav-secondary, #nav-secondary ul {position:static}
#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff;font-size: 13px;}
#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff url("images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}
#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
#nav-secondary a:link {color:#000} 
#nav-secondary a:visited {color:#000} 
#nav-secondary a:hover {color:#c00;background: #fee url("images/sprites.gif") no-repeat 10px -695px} 
#nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} 
#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

/* SECONDARY NAVIGATION - 2nd TIER */
#nav-secondary ul {margin: 0 0 1em 23px;padding:0}
#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}
#nav-secondary li.active li {border: none;margin:0}
#nav-secondary li.active li.active a:link, 
#nav-secondary li.active li.active a:visited, 
#nav-secondary li.active li.active a:hover, 
#nav-secondary li.active li.active a:active {font-weight:bold}


.pageTitle
  {
  font-family: Tahoma, Arial, serif;
  font-size: 20px;
  font-weight: bold;
  color: #315184;
  }

.pageTitleUnderlined
  {
  font-family: Tahoma, Arial, serif;
  font-size: 20px;
  font-weight: bold;
  color: #315184;
  border-bottom: solid #000000 0.5pt;
  margin-top: 0.0;
  margin-bottom: 12.0pt;
  padding-bottom: 1.0pt;
  }
 
.paragraphNoFontChange
  {
  margin-top: 0px;
  text-indent: 1.5em;
  margin-bottom: 0px;
  }

.bodyWithSideBar
  {
  font-size: 11px;
  }

.menuOrDialogNameFont
  {
  font-style: italic;
  }
 
.sectionTitle
  {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  }

.section
  {
  font-size: 11px;
  padding: 10px 0px 0px 0px;
  }

.sectionBody
  {
  padding: 5px 0px 2px 2px;
  }

.bannerText
  {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: #9CA6AD;
  text-align: right;
  vertical-align: bottom;
  padding-left: 20px;
  padding-bottom: 5px;
  }

a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active        
  {
  text-decoration: underline;
  font-weight: bold;
  background: transparent url(../images/sprites.gif) 0px -400px;  
  padding-left: 16px;
  padding-bottom: 5px;
  }
a.morelink:hover
  {
  background: transparent url(../images/sprites.gif) no-repeat 0px -500px;
  }
.morelink span
  {
  position:absolute;
  left: -9999px;
  width: 900px;
  }

.companyLogo
  {
  font-family: Verdana, Tahoma, Arial, serif;
  font-size: 16px;
  font-weight: bold;
  float: left;
  vertical-align: bottom;
  padding-bottom: 5px;
  }

.companyLogo a
  {
  text-decoration: none;
  }

.companyLogo a:hover
  {
  text-decoration: none;
  }

.companyLogoFirstWord
  {
  color: #73BA21;
  text-transform: capitalize;
  }

.companyLogoSecondWord
  {
  color: #35536B;
  text-transform: capitalize;
  }

.welcomeText
  {
  font-family: Verdana, Tahoma, Arial, serif;
  font-size: 12px;
  text-decoration: none;
  }

.copyright
  {
  color:#AAAAAA;
  font-family: Verdana, Tahoma, Arial, serif;
  font-size: 10px;
  text-decoration: none;
  text-align: right;
  vertical-align: bottom;
  }

.itemName
  {
  font-family: Tahoma, Arial, serif;
  font-size: 12px;
  font-weight: bold;
  color: #315184;
  }

/*Bottom accessability menu*/
.menuBottom
  {
  color: #43567E;
  font-family: Verdana, Tahoma, Arial, serif;
  font-size: 10px;
  text-decoration: none;
  font-weight: bold;
  vertical-align: bottom;
  text-align: right;
  float: right;
  margin: 0px;
  }

.menuBottom a
  {
  color: #7B7D8C;
  text-decoration: none;
  }

.menuBottom a:hover
  {
  color: #0065CE;
  text-decoration: none;
  }

.menuBottomItem
  {
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: bottom;
  border-right: 1px solid #5282A5;
  }

.menuFirstItem
  {
  padding-right: 5px;
  border-right: 1px solid #5282A5;
  }

.menuLastItem
  {
  padding-left: 5px;
  }

/*Sidebar area for news and easy navigation*/
.sideBarBox
  {
  }

.sideBarBox ul
  {
  list-style-image: url(../images/bullet.png);
  padding: 0px !important;
  margin: 0px;
  }

.sideBarRight
  {
  width: 190px;
  background: url(../images/dots.png) repeat-y left;
  padding-left: 10px;
  vertical-align: top;
  }

.sideBarRight ul
  {
  padding-left: 20px;
  margin: 0px;
  }

.sideBarLeft
  {
  width: 170px;
  background: url(../images/dots.png) repeat-y right;
  padding-right: 10px;
  vertical-align: top;
  }

.sideBarLeft ul
  {
  padding-left: 20px;
  margin: 0px;
  }

.sideBarLeft ul ul
  {
  padding-left: 15px;
  margin: 0px;
  }

.sideBarTitle
  {
  width: 170px;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  color: #5A595A;
  }

.sideBarRightNarrow
  {
  width: 170px;
  background: url(../images/dots.png) repeat-y left;
  padding-left: 10px;
  vertical-align: top;
  }

.sideBarRightNarrow ul
  {
  padding-left: 20px;
  margin: 0px;
  }

.sideBarLeftNarrow
  {
  width: 120px;
  background: url(../images/dots.png) repeat-y right;
  padding-right: 10px;
  vertical-align: top;
  }

.sideBarLeftNarrow ul
  {
  padding-left: 20px;
  margin: 0px;
  }

.sideBarLeftNarrow ul ul
  {
  padding-left: 15px;
  margin: 0px;
  }
  
.sideBarNarrowTitle
  {
  width: 120px;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  color: #5A595A;
  }

/*Boxes for organizing services and products.*/
.box
  {
  width: 250px;
  }

.boxBodyStandardHeight
  {
  height: 140px;
  }

.box ul
  {
  list-style-image: url(../images/bullet.png);
  padding: 0px;
  margin: 0px;
  }

/*box class handles width because of FireFox quirk with padding overriding width here*/
.boxBody
  {
  border-left: solid #CCCCCC 1px;
  border-right: solid #CCCCCC 1px;
  border-bottom: solid #CCCCCC 1px;
  background: #DEE3E7;
  padding: 2px 5px 2px 20px;
  overflow: hidden;
  text-align: left;
  }

.boxTop
  {
  border-left: solid #CCCCCC 1px;
  border-right: solid #CCCCCC 1px;
  border-top: solid #CCCCCC 1px;
  border-bottom: solid #CCCCCC 1px;
  overflow: hidden;
  font-weight: bold;
  background: #73BA21 url(../images/downarrow.jpg) no-repeat 4px 5px;
  text-transform: uppercase;
  text-align: left !important;
  padding: 2px 0px 2px 20px;
  }

.boxTopSecondWord
  {
  color: #FFF;
  }
  
/*Various styles*/
.left
  {
  float: left;
  }

.center
  {
  margin-left: auto;
  margin-right: auto;
  text-align: center;/*IE hack*/
  }
  
.right
  {
  float: right;
  }

.bottom
  {
  vertical-align: bottom;
  }

.top
  {
  vertical-align: top;
  }

.bottomRightCorner
  {
  vertical-align: bottom;
  text-align: right;
  }

.topRightCorner
  {
  vertical-align: top;
  text-align: right;
  }

.sectionUnderlined
 {
 border-bottom: solid #000000 0.5pt;
 margin-top: 0.0;
 margin-bottom: 12.0pt;
 padding-bottom: 1.0pt;
 }

/*Top, main navigation menu*/
a br,a:hover br { /*workarround for mozilla*/
 float:left;width:0px;padding:0px 0px 0px 0px;}

*::-moz-any-link br,*:-moz-any-link br { 
/*a workarround for mozilla*/
display:none;
}
div#menu * {
border-collapse: collapse; /*removes the cell-borders*/
cursor: pointer; /*because IE displays the text cursor if the link is inactive*/
}
.disabled {
   color: red !important;
   background: none !important;
}
div#menu {
   background: #636563;
   font-family: Verdana, Tahoma, Arial, serif;
   font-size: 10px;
   text-decoration: none;
   font-weight: bold;
   white-space: nowrap;
   width: 100%;
}
div#menu .a {
   padding-right: 5px;
   padding-left: 5px;
   background: #636563;
   border: 1px solid #636563;
   color: #FFFFFF;
   text-decoration: none;
}
div#menu .a table {
   display: block;
   white-space: nowrap;
}
div#menu table, div#menu table a {
   display: none;
}
div#menu .a:hover {
   padding-right: 6px;
   padding-left: 5px;
   background: #7DA6EE;
   border: 1px solid #000080;
   color: #FFFFFF;
   margin-right:-1px; /*resolves a problem with Opera not displaying the right border*/
}
div#menu .a:hover table, div#menu div.menuItem:hover table{
   background: #FFFFFF;
   border: 1px solid #708090;
   display: block;
   position: absolute;
   white-space: nowrap;
}
div#menu .a:hover table a, div#menu div.menuItem:hover table a {
   border-left: 10px solid #708090;
   border-right: 1px solid #000000; /*resolves a jump problem*/
   color: #000000;
   display: block;
   padding: 4px 8px 4px;
   text-decoration: none;
   white-space: nowrap;
   z-index: 1000;
}
div#menu .a:hover table a:hover, div#menu div.menuItem:hover table a:hover {
   background: #7DA6EE;
   border: 1px solid #000000;
   border-left: 10px solid #000000;
   color: #FFFFFF;
   display: block;
   padding: 3px 8px 3px;
   text-decoration: none;
   z-index: 1000;
}
.menuItem td {
   border-width: 0px;
   padding: 0px 0px 0px 0px;
}
.menuItem {
   float: left;
   margin: 1px 1px 1px 1px;
   padding: 1px 1px 1px 1px;
}
.menuItem * {
   padding: 0px 0px 0px 0px;
}

#menuBar {
   background-color: #636563;
   width: 740px;
}

#menuBarPadding {
   width: 65%;
}