/*==============================================================================
 General
==============================================================================*/
html,
body
{
  height: 100%;
}

body
{
  background: #f2f2ea url(/images/bg.png) top center repeat-y;
  /* Always show the scrollbar, so the content doesn't seem to jump
   * left/right when changing between short and long pages
   * ==> Removed because it messes up the layout in IE7! <== */
  /*overflow-y: scroll;*/
  text-align: center;
}

.hide
{
  position: absolute;
  top: -9999px;
}

.print
{
  display: none;
}

/*==============================================================================
 Image Replacement
 http://wellstyled.com/css-replace-text-by-image.html
==============================================================================*/
.image-replacement,
.image-replacement-container
{
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.image-replacement span,
.image-replacement-target
{
  background-position: top left;
  background-repeat: no-repeat;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

a.image-replacement span,
a .image-replacement-target
{
  /* Make IE7 display the correct cursor */
  cursor: pointer;
  cursor: hand;
}

/* http://www.ampsoft.net/webdesign-l/image-button.html */
button.image-replacement
{
  background: transparent;
  border: none;
  cursor: pointer;
  text-indent: -1000em;
}

/* To use:
 * 
 * <div class="myclass image-replacement">
 *   Content
 *   <span></span>
 * </div>
 * 
 * .myclass, .myclass span {
 *   background-image: url(/images/myimage.gif);
 *   height: 100px;
 *   width: 200px;
 * }
 */

/*==============================================================================
 Framework
==============================================================================*/

div.framework-outer
{
  margin: 0 auto;
  min-height: 100%;
  position: relative;
  text-align: left;
  width: 982px; /* 59 + 982 + 59 = 1100px total width */
}

div.framework-inner
{
  padding: 206px 0 75px 0; /* Space for header and footer */
}

/*==============================================================================
 Background (corner) images
==============================================================================*/

div.background1
{
  background: transparent url(/images/backgrounds/1.jpg) no-repeat center top;
  height: 100%;
  min-width: 982px;
  width: 100%;
}

div.background2
{
  background: transparent url(/images/backgrounds/2.jpg) no-repeat center top;
  height: 100%;
  min-width: 982px;
  width: 100%;
}

div.background3
{
  background: transparent url(/images/backgrounds/3.jpg) no-repeat center top;
  height: 100%;
  min-width: 982px;
  width: 100%;
}

div.background4
{
  background: transparent url(/images/backgrounds/4.jpg) no-repeat center top;
  height: 100%;
  min-width: 982px;
  width: 100%;
}

div.background5
{
  background: transparent url(/images/backgrounds/5.jpg) no-repeat center top;
  height: 100%;
  min-width: 982px;
  width: 100%;
}

div.background6
{
  background: transparent url(/images/backgrounds/6.jpg) no-repeat center top;
  height: 100%;
  min-width: 982px;
  width: 100%;
}

div.background7
{
  background: transparent url(/images/backgrounds/7.jpg) no-repeat center top;
  height: 100%;
  min-width: 982px;
  width: 100%;
}

/*==============================================================================
 Layout: ContentTactical
==============================================================================*/
div.layout-contenttactical div.layout-contenttactical-content
{
  float: left;
  width: 646px;
}

div.layout-contenttactical div.layout-contenttactical-tactical
{
  float: right;
  width: 321px;
}

/*==============================================================================
 Layout: NavContent
==============================================================================*/
div.layout-navcontent div.layout-navcontent-nav
{
  float: left;
  width: 175px;
}

div.layout-navcontent div.layout-navcontent-content
{
  float: right;
  width: 792px;
}

/*==============================================================================
 Layout: NavContentTactical
==============================================================================*/

/* http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm */
div.layout-navcontenttactical div.layout-navcontenttactical-mask
{
  position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear: both;
  float: left;
  width: 100%; /* width of whole page */
  overflow: hidden; /* This chops off any overhanging divs */
}

div.layout-navcontenttactical div.layout-navcontenttactical-midwrap
{
  float: left;
  width: 200%;
  margin-left: -200px; /* Width of right column */
  position: relative;
  right: 100%;
}

div.layout-navcontenttactical div.layout-navcontenttactical-leftwrap
{
  float: left;
  width: 100%;
  margin-left: -660px;
  position: relative;
  left: 375px;
}

div.layout-navcontenttactical div.layout-navcontenttactical-contentwrap
{
  float: left;
  width: 50%;
  position: relative;
  right: 497px;
  padding-bottom: 1em; /* Centre column bottom padding. Leave it out if it's zero */
}

div.layout-navcontenttactical div.layout-navcontenttactical-content
{
  margin: 0 337px 0 190px;
  position: relative;
  left: 200%;
  overflow: hidden;
}

div.layout-navcontenttactical div.layout-navcontenttactical-nav
{
  float: left;
  float: right; /* This overrides the float:left above */
  width: 175px;
  position: relative;
}

div.layout-navcontenttactical div.layout-navcontenttactical-tactical
{
  float: left;
  float: right; /* This overrides the float:left above */
  width: 322px;
  position: relative;
  left: 486px;
}

/*==============================================================================
 Layout: TacticalContent
==============================================================================*/
div.layout-tacticalcontent div.layout-tacticalcontent-tactical
{
  float: left;
  width: 321px;
}

div.layout-tacticalcontent div.layout-tacticalcontent-content
{
  float: right;
  width: 646px;
}

/*==============================================================================
 Header
==============================================================================*/
div.site-title
{
  left: 1px;
  position: absolute;
  top: 80px;
}

div.site-title a,
div.site-title span
{
  background-image: url(/images/logo.gif);
  height: 53px;
  width: 229px;
}

div.tagline
{
  left: 246px;
  position: absolute;
  top: 114px;
  color: #7fa239;
  font-size: 20px;
  text-transform: lowercase;
}

div.tagline em
{
  font-style: normal;
}

/*==============================================================================
 Top Navigation
==============================================================================*/

ul.top-nav
{
  border: 0;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  list-style-type: none;
  text-align: center;
  top: 149px;
}

ul.top-nav li
{
  display: block;
  float: left;
  text-align: center;
  padding: 0;
  margin: 0;
}

ul.top-nav a
{
  color: #686c6c;
  display: block;
  font-weight: bold;
}

ul.top-nav .current a
{
  color: #7fa239;
}

ul.top-nav a,
ul.top-nav a span
{
  height: 43px;
  width: 140px;
}

/* ========== Item 1 ========== */
ul.top-nav .item-1 span
{
  background-image: url(/images/nav/off/1.png);
}

ul.top-nav .item-1:hover span,
ul.top-nav .current .item-1 span
{
  background-image: url(/images/nav/on/1.png);
}

/* ========== Item 2 ========== */
ul.top-nav .item-2 span
{
  background-image: url(/images/nav/off/2.png);
}

ul.top-nav .item-2:hover span,
ul.top-nav .current .item-2 span
{
  background-image: url(/images/nav/on/2.png);
}

/* ========== Item 3 ========== */
ul.top-nav .item-3 span
{
  background-image: url(/images/nav/off/3.png);
}

ul.top-nav .item-3:hover span,
ul.top-nav .current .item-3 span
{
  background-image: url(/images/nav/on/3.png);
}

/* ========== Item 4 ========== */
ul.top-nav .item-4 span
{
  background-image: url(/images/nav/off/4.png);
}

ul.top-nav .item-4:hover span,
ul.top-nav .current .item-4 span
{
  background-image: url(/images/nav/on/4.png);
}

/* ========== Item 5 ========== */
ul.top-nav .item-5 span
{
  background-image: url(/images/nav/off/5.png);
}

ul.top-nav .item-5:hover span,
ul.top-nav .current .item-5 span
{
  background-image: url(/images/nav/on/5.png);
}

/* ========== Item 6 ========== */
ul.top-nav .item-6 span
{
  background-image: url(/images/nav/off/6.png);
}

ul.top-nav .item-6:hover span,
ul.top-nav .current .item-6 span
{
  background-image: url(/images/nav/on/6.png);
}

/* ========== Item 7 ========== */
ul.top-nav .item-7,
ul.top-nav .item-7 span
{
  width: 142px;
}

ul.top-nav .item-7 span
{
  background-image: url(/images/nav/off/7.png);
}

ul.top-nav .item-7:hover span,
ul.top-nav .current .item-7 span
{
  background-image: url(/images/nav/on/7.png);
}

/*==============================================================================
 Side Navigation
==============================================================================*/
div.side-nav
{
  background: #fff url(/images/side-nav-bg.png) repeat-y;
  width: 175px;
}

div.side-nav h2
{
  color: #686c6c;
  margin-bottom: 5px;
  text-align: center;
  text-decoration: underline;
}

div.side-nav h2,
div.side-nav .side-nav-title,
div.side-nav .side-nav-title span
{
  height: 51px;
  width: 175px;
}

div.side-nav h2 a,
div.side-nav h2 a:visited
{
  color: #686c6c;
}

/* Level 1 */
div.side-nav ul
{
  border: 0;
  margin: 0 10px;
  padding: 0;
  list-style-type: none;
  text-align: left;
  text-transform: lowercase;
}

div.side-nav ul li
{
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e5e5e5;
  padding: 1px 0 2px 0;
}

div.side-nav ul li span.bg
{
  display: block;
  margin: 0 -9px;
  padding: 0 9px;
}

div.side-nav ul li.current span.bg
{
  background-color: #eee;
}

div.side-nav ul li a
{
  background: url(/images/arrows-fff/off.gif) no-repeat 135px center;
  display: block;
  font-size: 15px;
  padding: 5px 25px 5px 5px;
  text-decoration: none;
  width: 125px;
}

div.side-nav ul li a,
div.side-nav ul li a:visited
{
  /* Needed for IE6 - a:visited has more weight than .side-nav ul li a! */
  color: #686c6c;
}

div.side-nav ul li a:hover
{
  background-image: url(/images/arrows-fff/on.gif);
}

div.side-nav ul li.current a,
div.side-nav ul li.current a:hover
{
  background-image: url(/images/arrows-eee/on.gif);
}

div.side-nav ul li.node a,
div.side-nav ul li.node a:hover
{
  background-image: url(/images/arrows-eee/open.gif);
}

div.side-nav ul li.parentOfCurrent a,
div.side-nav ul li.parentOfCurrent a:hover
{
  background-image: url(/images/arrows-fff/open.gif);
}

/* Level 2 */
div.side-nav ul li ul
{
  padding-bottom: 5px;
}

div.side-nav ul li ul li
{
  border-top: none;
  border-bottom: none;
  margin-left: -19px;
  margin-right: -19px;
  padding: 0px 9px;
}

div.side-nav ul li.current ul li span.bg
{
  background-color: transparent;
}

div.side-nav ul li.current ul li.current span.bg
{
  background-color: #eee;
}

div.side-nav ul li.node ul li a,
div.side-nav ul li.node ul li a:hover,
div.side-nav ul li ul li a
{
  background: none;
  font-size: 13px;
  padding: 4px 10px;
  width: 135px;
}

div.side-nav-footer
{
  background: url(/images/side-nav-footer.png) no-repeat;
  height: 109px;
  width: 175px;
}

/* Title-only version */
div.side-title-only
{
  color: #686c6c;
  margin-bottom: 5px;
  text-align: center;
}

div.side-title-only,
div.side-title-only span
{
  /* n.b. background-image is specified in the code because it varies by section */
  height: 51px;
  width: 175px;
}

/*==============================================================================
 Headers
==============================================================================*/
h1.image1, h1.image1 span,
h1.image2, h1.image2 span,
h1.image3, h1.image3 span,
h1.image4, h1.image4 span,
h1.image5, h1.image5 span,
h1.image6, h1.image6 span,
h1.image7, h1.image7 span,
h1.image8, h1.image8 span,
h1.image9, h1.image9 span,
h1.image10, h1.image10 span,
h1.image11, h1.image1 span,
h1.image12, h1.image12 span,
h1.image13, h1.image13 span,
h1.image14, h1.image14 span,
h1.image15, h1.image15 span,
h1.image16, h1.image16 span,
h1.image17, h1.image17 span,
h1.image18, h1.image18 span,
h1.image19, h1.image19 span
{
  height: 159px;
  margin-bottom: 15px;
  width: 455px;
}

h1.image1,
h1.image1 span
{
  background-image: url(/images/headers/1.jpg);
}

h1.image2,
h1.image2 span
{
  background-image: url(/images/headers/2.jpg);
}

h1.image3,
h1.image3 span
{
  background-image: url(/images/headers/3.jpg);
}

h1.image4,
h1.image4 span
{
  background-image: url(/images/headers/4.jpg);
}

h1.image5,
h1.image5 span
{
  background-image: url(/images/headers/5.jpg);
}

h1.image6,
h1.image6 span
{
  background-image: url(/images/headers/6.jpg);
}

h1.image7,
h1.image7 span
{
  background-image: url(/images/headers/7.jpg);
}

h1.image8,
h1.image8 span
{
  background-image: url(/images/headers/8.jpg);
}

h1.image9,
h1.image9 span
{
  background-image: url(/images/headers/9.jpg);
}

h1.image10,
h1.image10 span
{
  background-image: url(/images/headers/10.jpg);
}

h1.image11,
h1.image11 span
{
  background-image: url(/images/headers/11.jpg);
}

h1.image12,
h1.image12 span
{
  background-image: url(/images/headers/12.jpg);
}

h1.image13,
h1.image13 span
{
  background-image: url(/images/headers/13.jpg);
}

h1.image14,
h1.image14 span
{
  background-image: url(/images/headers/14.jpg);
}

h1.image15,
h1.image15 span
{
  background-image: url(/images/headers/15.jpg);
}

h1.image16,
h1.image16 span
{
  background-image: url(/images/headers/16.jpg);
}

h1.image17,
h1.image17 span
{
  background-image: url(/images/headers/17.jpg);
}

h1.image18,
h1.image18 span
{
  background-image: url(/images/headers/18.jpg);
}

h1.image19,
h1.image19 span
{
  background-image: url(/images/headers/19.jpg);
}

/*==============================================================================
 Home page
==============================================================================*/

/* Top Box */
div.home-about
{
  background: url(/images/home-about-bg.png) no-repeat;
  height: 312px;
  margin-bottom: 15px;
  position: relative;
  width: 981px;
}

div.home-about-image
{
  background: url(/images/home-about-image.jpg) no-repeat;
  height: 293px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 961px;
}

div.home-about-text
{
  color: #515b54;
  left: 530px;
  position: absolute;
  right: 110px;
  text-align: left;
  top: 45px;
}

div.home-about-text h1
{
  color: #94b338;
  font-weight: normal;
  margin-bottom: 15px;
  text-transform: lowercase;
}

p.home-about-button a,
p.home-about-button span
{
  background-image: url(/images/find-out-more-button-grey.png);
  height: 26px;
  width: 127px;
}

/* Bottom Box */
div.home-services
{
  color: #666;
  font-size: 13px;
  height: 168px;
  margin-bottom: 15px;
  position: relative;
  width: 100%;
}

div.home-services h2
{
  font-size: 24px;
  margin-bottom: 13px;
  text-transform: lowercase;
}

div.home-services h2 a,
div.home-services h2 a:visited
{
  color: #434848;
  text-decoration: none;
}

div.home-services h2 a:hover
{
  text-decoration: underline;
}

div.home-services-left
{
  background: url(/images/home-services-left.png) no-repeat;
  height: 168px;
  left: 0;
  position: absolute;
  top: 0;
  width: 6px;
}

div.home-services-bg
{
  background: url(/images/home-services-bg.png);
  height: 168px;
  left: 6px;
  right: 6px;
  position: absolute;
  top: 0;
  width: 970px;
}

div.home-services-right
{
  background: url(/images/home-services-right.png) no-repeat;
  height: 168px;
  right: 0;
  position: absolute;
  top: 0;
  width: 6px;
}

div.home-services-1
{
  background: url(/images/home-services-sep.png) top right no-repeat;
  height: 168px;
  left: 6px;
  position: absolute;
  top: 0;
  width: 317px;
}

div.home-services-2
{
  background: url(/images/home-services-sep.png) top right no-repeat;
  height: 168px;
  left: 323px;
  position: absolute;
  top: 0;
  width: 334px;
}

div.home-services-3
{
  height: 168px;
  left: 657px;
  position: absolute;
  top: 0;
  width: 319px;
}

div.home-services-1-inner
{
  background: url(/images/icons-medium/websites.png) 259px 14px no-repeat;
  padding: 20px 23px 0 9px;
}

div.home-services-2-inner
{
  background: url(/images/icons-medium/software.png) 261px 16px no-repeat;
  padding: 20px 23px 0 21px;
}

div.home-services-3-inner
{
  background: url(/images/icons-medium/products.png) 252px 14px no-repeat;
  padding: 20px 24px 0 21px;
}

/*==============================================================================
 Content
==============================================================================*/
a.more-button,
a.more-button span
{
  background-image: url(/images/more-button-off.png);
  height: 23px;
  width: 72px;
}

a.more-button:hover,
a.more-button:hover span
{
  background-image: url(/images/more-button-on.png);
}

/*==============================================================================
 Case Studies
==============================================================================*/
div.casestudy-image
{
  background: url(/images/case-study-image-bg.png) repeat-y;
}

div.casestudy-image-top
{
  background: url(/images/case-study-image-top.png) no-repeat top left;
}

div.casestudy-image-bottom
{
  background: url(/images/case-study-image-bottom.png) no-repeat bottom left;
  min-height: 112px; /* + 8px + 8px = 128px */
  padding: 8px 0;
  text-align: center;
  width: 182px;
}

/*==============================================================================
 Tactical boxes
==============================================================================*/

/* Generic */
div.tactical
{
  margin-bottom: 13px;
  position: relative;
  text-align: left;
  width: 321px;
}

div.tactical h3
{
  margin: 0;
}

div.tactical-bg
{
  background: #fff url(/images/tactical-bg.gif) repeat-y;
}

div.tactical ul
{
  border: 0;
  margin: 0 10px;
  padding: 0;
  list-style-type: none;
}

div.tactical ul li
{
  border-top: 1px solid #fff; /* To balance out the space */
  border-bottom: 1px solid #e5e5e5;
}

div.tactical ul li.last
{
  border-bottom: none;
}

div.tactical ul li a
{
  background: url(/images/arrows-fff/off.gif) no-repeat 278px center;
  color: #434848;
  display: block;
  font-size: 14px;
  padding: 7px 30px 8px 5px;
  text-decoration: none;
}

div.tactical ul li a:hover
{
  background-image: url(/images/arrows-fff/on.gif);
}

div.tactical-footer
{
  background: url(/images/tactical-footer.png) no-repeat;
  height: 6px;
  width: 321px;
}

/* Blog */
div.tactical-blog h3,
div.tactical-blog h3 span
{
  background-image: url(/images/tactical-title-blog.png);
  height: 65px;
  width: 321px;
}

/* Case Study */
div.tactical-casestudy div.tactical-bg
{
  min-height: 153px;
}

div.tactical-casestudy h3 a,
div.tactical-casestudy h3 a span
{
  background-image: url(/images/tactical-title-casestudy.png);
  height: 65px;
  width: 321px;
}

div.tactical-casestudy-link
{
  color: #7fa239;
  font-size: 13px;
  padding: 10px 155px 10px 13px;
  text-align: left;
}

div.tactical-casestudy-description
{
  color: #9a9b9b;
  font-size: 13px;
  padding: 0 155px 10px 13px;
  text-align: left;
}

div.tactical-casestudy-pic
{
  position: absolute;
  right: 1px;
  bottom: 5px;
}

/* First Time Here? */
div.tactical-firsttime,
div.tactical-firsttime h3 a,
div.tactical-firsttime h3 a span
{
  background-image: url(/images/tactical-firsttime.png);
  height: 92px;
  width: 321px;
}

/* News */
div.tactical-news h3 a,
div.tactical-news h3 a span
{
  background-image: url(/images/tactical-title-news.png);
  height: 65px;
  width: 321px;
}

/* Staff Bio */
div.tactical-staffbio div.tactical-bg
{
  min-height: 172px;
}

div.tactical-staffbio h3,
div.tactical-staffbio h3 a,
div.tactical-staffbio h3 span
{
  background-image: url(/images/tactical-title-staffbio.png);
  height: 65px;
  width: 321px;
}

div.tactical-staffbio-info
{
  color: #999;
  font-size: 14px;
  padding: 15px 155px 40px 15px;
}

div.tactical-staffbio-info p
{
  margin-bottom: 10px;
}

div.tactical-staffbio-info strong
{
  color: #434848;
  font-weight: normal;
}

a.tactical-staffbio-button
{
  bottom: 16px;
  left: 15px;
  position: absolute;
}

a.tactical-staffbio-button,
a.tactical-staffbio-button span
{
  background-image: url(/images/tactical-button-staffbio.png);
  height: 26px;
  width: 127px;
}

div.tactical-staffbio-pic
{
  position: absolute;
  right: 10px;
  bottom: 1px;
}

/* Testimonial */
div.tactical-testimonial h3 a,
div.tactical-testimonial h3 a span
{
  background-image: url(/images/tactical-title-testimonial.png);
  height: 65px;
  width: 321px;
}

div.tactical-testimonial-quote
{
  color: #9a9b9b;
  font-size: 15px;
  padding: 10px 13px 5px 13px;
}

div.tactical-testimonial-attribution
{
  color: #7fa239;
  font-size: 15px;
  padding: 0 13px 13px 13px;
  text-align: right;
}

/* Search */
div.tactical-search
{
  background-image: url(/images/tactical-search-bg.png);
  height: 48px;
}

div.tactical-search h3
{
  left: 10px;
  position: absolute;
  top: 15px;
}

div.tactical-search h3 a,
div.tactical-search h3 a span
{
  background-image: url(/images/tactical-search-title.png);
  height: 21px;
  width: 80px;
}

input.tactical-search-input
{
  background-image: url(/images/tactical-search-input.png);
  height: 20px;
  left: 98px;
  position: absolute;
  top: 15px;
  width: 140px;
}

button.tactical-search-button
{
  background-image: url(/images/tactical-search-button.png);
  height: 26px;
  left: 249px;
  position: absolute;
  top: 11px;
  width: 61px;
}

/*==============================================================================
 Tooltips
==============================================================================*/

#mopTip01 {
  position: absolute;
  display: none;
  z-index: 999;
  text-align: left;
}
#mopTip01 .tip {
  background-color: #fff;
  position:relative;
}
#mopTip01 .content {
  padding: 4px;
  font-size: 12px;
  cursor:default;
  color: #333333;
}

#mopTip01 .content h3 {
  font-size: 12px;
}

#mopTip01 .leftTop {
  position: absolute;
  height: 20px;
  width: 20px;
  top: 0px;
  left: 0px;
  background-image: url(/images/moptip/leftTop.png);
  background-repeat: no-repeat;
}
#mopTip01 .rightTop {
  position: absolute;
  height: 20px;
  width: 20px;
  top: 0px;
  right: 0px;
  background-image: url(/images/moptip/rightTop.png);
  background-repeat: no-repeat;
}
#mopTip01 .leftBottom {
  position: absolute;
  height: 20px;
  width: 20px;
  Bottom: 0px;
  left: 0px;
  background-image: url(/images/moptip/leftBottom.png);
  background-repeat: no-repeat;
}
#mopTip01 .rightBottom {
  position: absolute;
  height: 20px;
  width: 20px;
  Bottom: 0px;
  right: 0px;
  background-image: url(/images/moptip/rightBottom.png);
  background-repeat: no-repeat;
}
#mopTip01 .arrow {
  position: absolute;
  height: 20px;
  width: 40px;
  background-image: url(/images/moptip/arrowTop.png);
  background-repeat: no-repeat;
}
#mopTip01 .arrowBottom {
  position: absolute;
  height: 20px;
  width: 40px;
  background-image: url(/images/moptip/arrowBottom.png);
  background-repeat: no-repeat;
}
#mopTip01 .left {
  position: absolute;
  height: 20px;
  width: 20px;
  top: 20px;
  left: 0px;
  background-image: url(/images/moptip/left.png);
  background-repeat: repeat-y;
}
#mopTip01 .right {
  position: absolute;
  height: 20px;
  width: 20px;
  top: 20px;
  right: 0px;
  background-image: url(/images/moptip/right.png);
  background-repeat: repeat-y;
}
#mopTip01 .top {
  position: absolute;
  height: 20px;
  width: 20px;
  top: 0px;
  left: 20px;
  background-image: url(/images/moptip/top.png);
  background-repeat: repeat-x;
}
#mopTip01 .bottom {
  position: absolute;
  height: 20px;
  width: 20px;
  left: 20px;
  bottom: 0px;
  background-image: url(/images/moptip/bottom.png);
  background-repeat: repeat-x;
}
#mopTip01 .close {
  position: absolute;
  height: 30px;
  width: 30px;
  right: 2px;
  bottom: 2px;
  cursor: pointer;
  background-image: url(/images/moptip/closeBtn.png);
  background-repeat: no-repeat;
}
#mopTip01 .close:hover {
  background-image: url(/images/moptip/closeBtn_h.png);
  background-repeat: no-repeat;
}

/*#tooltip
{
  background: #fff;
  border: 2px solid #e5e5e5;
  padding: 10px;
  position: absolute;
  width: 210px;
  z-index: 1000;
}

#tooltip h3
{
  margin-bottom: 0.5em;
}

#tooltip div.body
{
  text-align: left;
}*/

/*==============================================================================
 Glossary
==============================================================================*/
div.glossary
{
  position: absolute;
  top: -9999px;
}

/*==============================================================================
 Footer
==============================================================================*/
div.footer
{
  background: #677070 url(/images/footer-bg.png) repeat-x;
  font-size: 12px;
  height: 62px;
  margin-top: 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

div.footer-left
{
  background: url(/images/footer-left.png) no-repeat;
  position: absolute;
  height: 62px;
  left: 0;
  width: 93px;
}

div.footer-right
{
  background: url(/images/footer-right.png) no-repeat;
  position: absolute;
  height: 62px;
  right: 0;
  width: 5px;
}

ul.footer-nav
{
  border: 0;
  left: 0;
  list-style-type: none;
  float: right;
  margin: 0;
  padding: 0;
  margin-right: 16px;
  text-align: center;
  margin-top: 14px;
}

ul.footer-nav li
{
  /*border-right: 1px solid #d4d6d6;*/
  background: url(/images/footer-sep.png) no-repeat right 50%;
  display: block;
  float: left;
  text-align: center;
  padding: 0 8px;
  margin: 0;
}

ul.footer-nav li.last
{
  /*border-right: none;*/
  background: none;
}

ul.footer-nav a,
ul.footer-nav a:visited
{
  color: #fff;
  text-decoration: none;
}

ul.footer-nav a:hover
{
  color: #fff;
  text-decoration: underline;
}

div.footer-address
{
  bottom: 7px;
  color: #fff;
  font-size: 12px;
  left: 23px;
  position: absolute;
}

span.footer-telephone
{
  margin-left: 10px;
}