/* line 17, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* line 20, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
body {
  line-height: 1;
}

/* line 22, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 24, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 26, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 28, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 101, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 30, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 115, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* Layout -------------------------------------------------------------- */
/* vertical margins */
/* not sure ?*/
/* gap between dialogs */
/* line 26, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
body {
  font-size: 87.5%;
  line-height: 1.429em;
}

/* line 30, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html > body {
  font-size: 14px;
}

/*$navigation-background:adjust-saturation(darken(#5dc01a, 5%), -2%);*/
/*
** Site Configuration
** ==================
**
** All the main variables from every area of the website can be overridden here.
**
*/
/*
** Text & Link Colors
**
** A basic set of complementary colors for Headings, Bold and Normal text.
** Variatiouns on these coles can be used for Heading Levels and Box Headings.
*/
/*
** Header
*/
/* Header Background Color          */
/* Total Header Height              */
/* Sits below Multi level menu      */
/* Top level of menu system         */
/* 2nd level of menu system         */
/* Temporary borders to assist with layout */
/*
** Navigation
*/
/* see $corner-radius of create_tabmenu_sprite */
/* header-styles.scss */
/*
** Tabmenu Sprite Image
**   If you alternavSprite variables, you need to:
**      - run togif to convert this to a gif for IE6 (note the filename)
**      - update _navigation  variables navSprite & navSpriteGIF with the
**        latest navSprite-<cachebuster>.jpg (and .gif)
*/
/*
** Content
*/
/*
** Dialog Box Images
**
** (run togif to create fallback gif's for IE6)
*/
/*
** Footer 
*/
/* line 39, sass/partials/_base.scss */
.clearfix {
  clear: both;
}

/* vertical margins */
/* not sure ?*/
/* gap between dialogs */
/* line 26, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
body {
  font-size: 87.5%;
  line-height: 1.429em;
}

/* line 30, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html > body {
  font-size: 14px;
}

/*$navigation-background:adjust-saturation(darken(#5dc01a, 5%), -2%);*/
/*
** Site Configuration
** ==================
**
** All the main variables from every area of the website can be overridden here.
**
*/
/*
** Text & Link Colors
**
** A basic set of complementary colors for Headings, Bold and Normal text.
** Variatiouns on these coles can be used for Heading Levels and Box Headings.
*/
/*
** Header
*/
/* Header Background Color          */
/* Total Header Height              */
/* Sits below Multi level menu      */
/* Top level of menu system         */
/* 2nd level of menu system         */
/* Temporary borders to assist with layout */
/*
** Navigation
*/
/* see $corner-radius of create_tabmenu_sprite */
/* header-styles.scss */
/*
** Tabmenu Sprite Image
**   If you alternavSprite variables, you need to:
**      - run togif to convert this to a gif for IE6 (note the filename)
**      - update _navigation  variables navSprite & navSpriteGIF with the
**        latest navSprite-<cachebuster>.jpg (and .gif)
*/
/*
** Content
*/
/*
** Dialog Box Images
**
** (run togif to create fallback gif's for IE6)
*/
/*
** Footer 
*/
/* line 39, sass/partials/_base.scss */
.clearfix {
  clear: both;
}

/* vertical margins */
/* not sure ?*/
/* gap between dialogs */
/* line 26, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
body {
  font-size: 87.5%;
  line-height: 1.429em;
}

/* line 30, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html > body {
  font-size: 14px;
}

/*$navigation-background:adjust-saturation(darken(#5dc01a, 5%), -2%);*/
/*
** Site Configuration
** ==================
**
** All the main variables from every area of the website can be overridden here.
**
*/
/*
** Text & Link Colors
**
** A basic set of complementary colors for Headings, Bold and Normal text.
** Variatiouns on these coles can be used for Heading Levels and Box Headings.
*/
/*
** Header
*/
/* Header Background Color          */
/* Total Header Height              */
/* Sits below Multi level menu      */
/* Top level of menu system         */
/* 2nd level of menu system         */
/* Temporary borders to assist with layout */
/*
** Navigation
*/
/* see $corner-radius of create_tabmenu_sprite */
/* header-styles.scss */
/*
** Tabmenu Sprite Image
**   If you alternavSprite variables, you need to:
**      - run togif to convert this to a gif for IE6 (note the filename)
**      - update _navigation  variables navSprite & navSpriteGIF with the
**        latest navSprite-<cachebuster>.jpg (and .gif)
*/
/*
** Content
*/
/*
** Dialog Box Images
**
** (run togif to create fallback gif's for IE6)
*/
/*
** Footer 
*/
/* line 39, sass/partials/_base.scss */
.clearfix {
  clear: both;
}

/* vertical margins */
/* not sure ?*/
/* gap between dialogs */
/* line 26, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
body {
  font-size: 87.5%;
  line-height: 1.429em;
}

/* line 30, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html > body {
  font-size: 14px;
}

/*$navigation-background:adjust-saturation(darken(#5dc01a, 5%), -2%);*/
/*
** Site Configuration
** ==================
**
** All the main variables from every area of the website can be overridden here.
**
*/
/*
** Text & Link Colors
**
** A basic set of complementary colors for Headings, Bold and Normal text.
** Variatiouns on these coles can be used for Heading Levels and Box Headings.
*/
/*
** Header
*/
/* Header Background Color          */
/* Total Header Height              */
/* Sits below Multi level menu      */
/* Top level of menu system         */
/* 2nd level of menu system         */
/* Temporary borders to assist with layout */
/*
** Navigation
*/
/* see $corner-radius of create_tabmenu_sprite */
/* header-styles.scss */
/*
** Tabmenu Sprite Image
**   If you alternavSprite variables, you need to:
**      - run togif to convert this to a gif for IE6 (note the filename)
**      - update _navigation  variables navSprite & navSpriteGIF with the
**        latest navSprite-<cachebuster>.jpg (and .gif)
*/
/*
** Content
*/
/*
** Dialog Box Images
**
** (run togif to create fallback gif's for IE6)
*/
/*
** Footer 
*/
/* line 39, sass/partials/_base.scss */
.clearfix {
  clear: both;
}

/* vertical margins */
/* not sure ?*/
/* gap between dialogs */
/* line 26, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
body {
  font-size: 87.5%;
  line-height: 1.429em;
}

/* line 30, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html > body {
  font-size: 14px;
}

/*$navigation-background:adjust-saturation(darken(#5dc01a, 5%), -2%);*/
/*
** Site Configuration
** ==================
**
** All the main variables from every area of the website can be overridden here.
**
*/
/*
** Text & Link Colors
**
** A basic set of complementary colors for Headings, Bold and Normal text.
** Variatiouns on these coles can be used for Heading Levels and Box Headings.
*/
/*
** Header
*/
/* Header Background Color          */
/* Total Header Height              */
/* Sits below Multi level menu      */
/* Top level of menu system         */
/* 2nd level of menu system         */
/* Temporary borders to assist with layout */
/*
** Navigation
*/
/* see $corner-radius of create_tabmenu_sprite */
/* header-styles.scss */
/*
** Tabmenu Sprite Image
**   If you alternavSprite variables, you need to:
**      - run togif to convert this to a gif for IE6 (note the filename)
**      - update _navigation  variables navSprite & navSpriteGIF with the
**        latest navSprite-<cachebuster>.jpg (and .gif)
*/
/*
** Content
*/
/*
** Dialog Box Images
**
** (run togif to create fallback gif's for IE6)
*/
/*
** Footer 
*/
/* line 39, sass/partials/_base.scss */
.clearfix {
  clear: both;
}

/*
** ARPSOFT Nav
*/
/* HTML Tag Redefinition */
/* line 18, sass/_layout.scss */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* force browsers to always show the vertical scroll bar so the page doesn't jump */
/* line 20, sass/_layout.scss */
html {
  overflow-x: auto;
  overflow-y: scroll;
}

/* line 22, sass/_layout.scss */
#header-wrapper, #secondary-nav-wrapper {
  overflow: hidden;
}
/* line 24, sass/_layout.scss */
#header-wrapper .container, #secondary-nav-wrapper .container {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
}

/* line 29, sass/_layout.scss */
#content-wrapper .container {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
}
/* line 31, sass/_layout.scss */
#page-wrapper.left-sidebar #content-wrapper .main-wrapper {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 677.083px;
  padding-left: 282.917px;
}
/* line 147, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html #page-wrapper.left-sidebar #content-wrapper .main-wrapper {
  overflow-x: hidden;
}
/* line 35, sass/_layout.scss */
#page-wrapper.left-sidebar #content-wrapper .left-sidebar-wrapper {
  display: inline;
  float: left;
  margin-right: 0;
  width: 272.917px;
  display: inline;
  float: left;
  position: relative;
  margin-left: -970px;
}
/* line 147, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html #page-wrapper.left-sidebar #content-wrapper .left-sidebar-wrapper {
  overflow-x: hidden;
}
/* line 42, sass/_layout.scss */
#page-wrapper.right-sidebar #content-wrapper .main-wrapper {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 677.083px;
}
/* line 147, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html #page-wrapper.right-sidebar #content-wrapper .main-wrapper {
  overflow-x: hidden;
}
/* line 45, sass/_layout.scss */
#page-wrapper.right-sidebar #content-wrapper .right-sidebar-wrapper {
  display: inline;
  float: left;
  margin-right: 0;
  width: 272.917px;
}
/* line 147, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html #page-wrapper.right-sidebar #content-wrapper .right-sidebar-wrapper {
  overflow-x: hidden;
}
/* line 52, sass/_layout.scss */
#page-wrapper.dual-sidebar #content-wrapper .main-wrapper {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 394.167px;
  padding-left: 282.917px;
}
/* line 147, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html #page-wrapper.dual-sidebar #content-wrapper .main-wrapper {
  overflow-x: hidden;
}
/* line 56, sass/_layout.scss */
#page-wrapper.dual-sidebar #content-wrapper .left-sidebar-wrapper {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 272.917px;
  display: inline;
  float: left;
  position: relative;
  margin-left: -687.083px;
}
/* line 147, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html #page-wrapper.dual-sidebar #content-wrapper .left-sidebar-wrapper {
  overflow-x: hidden;
}
/* line 60, sass/_layout.scss */
#page-wrapper.dual-sidebar #content-wrapper .right-sidebar-wrapper {
  display: inline;
  float: left;
  margin-right: 0;
  width: 272.917px;
  display: inline;
  float: right;
}
/* line 147, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html #page-wrapper.dual-sidebar #content-wrapper .right-sidebar-wrapper {
  overflow-x: hidden;
}
/* line 69, sass/_layout.scss */
#page-wrapper.full-width #content-wrapper .main-wrapper {
  display: inline;
  float: left;
  margin-right: 0;
  width: 960px;
}
/* line 147, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html #page-wrapper.full-width #content-wrapper .main-wrapper {
  overflow-x: hidden;
}

/* line 75, sass/_layout.scss */
#footer-wrapper {
  padding: 1em 0;
  font-size: 10px;
}
/* line 76, sass/_layout.scss */
#footer-wrapper .container {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
}
/* line 79, sass/_layout.scss */
#footer-wrapper .container {
  padding-left: 10px;
  padding-right: 10px;
}
/* line 81, sass/_layout.scss */
#footer-wrapper .container .left {
  width: 33%;
  float: left;
}
/* line 85, sass/_layout.scss */
#footer-wrapper .container .center {
  width: 34%;
  float: left;
}
/* line 89, sass/_layout.scss */
#footer-wrapper .container .right {
  width: 33%;
  float: right;
}

/* vertical margins */
/* not sure ?*/
/* gap between dialogs */
/* line 26, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
body {
  font-size: 87.5%;
  line-height: 1.429em;
}

/* line 30, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html > body {
  font-size: 14px;
}

/*$navigation-background:adjust-saturation(darken(#5dc01a, 5%), -2%);*/
/*
** Site Configuration
** ==================
**
** All the main variables from every area of the website can be overridden here.
**
*/
/*
** Text & Link Colors
**
** A basic set of complementary colors for Headings, Bold and Normal text.
** Variatiouns on these coles can be used for Heading Levels and Box Headings.
*/
/*
** Header
*/
/* Header Background Color          */
/* Total Header Height              */
/* Sits below Multi level menu      */
/* Top level of menu system         */
/* 2nd level of menu system         */
/* Temporary borders to assist with layout */
/*
** Navigation
*/
/* see $corner-radius of create_tabmenu_sprite */
/* header-styles.scss */
/*
** Tabmenu Sprite Image
**   If you alternavSprite variables, you need to:
**      - run togif to convert this to a gif for IE6 (note the filename)
**      - update _navigation  variables navSprite & navSpriteGIF with the
**        latest navSprite-<cachebuster>.jpg (and .gif)
*/
/*
** Content
*/
/*
** Dialog Box Images
**
** (run togif to create fallback gif's for IE6)
*/
/*
** Footer 
*/
/* line 39, sass/partials/_base.scss */
.clearfix {
  clear: both;
}

/* vertical margins */
/* not sure ?*/
/* gap between dialogs */
/* line 26, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
body {
  font-size: 87.5%;
  line-height: 1.429em;
}

/* line 30, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html > body {
  font-size: 14px;
}

/*$navigation-background:adjust-saturation(darken(#5dc01a, 5%), -2%);*/
/*
** Site Configuration
** ==================
**
** All the main variables from every area of the website can be overridden here.
**
*/
/*
** Text & Link Colors
**
** A basic set of complementary colors for Headings, Bold and Normal text.
** Variatiouns on these coles can be used for Heading Levels and Box Headings.
*/
/*
** Header
*/
/* Header Background Color          */
/* Total Header Height              */
/* Sits below Multi level menu      */
/* Top level of menu system         */
/* 2nd level of menu system         */
/* Temporary borders to assist with layout */
/*
** Navigation
*/
/* see $corner-radius of create_tabmenu_sprite */
/* header-styles.scss */
/*
** Tabmenu Sprite Image
**   If you alternavSprite variables, you need to:
**      - run togif to convert this to a gif for IE6 (note the filename)
**      - update _navigation  variables navSprite & navSpriteGIF with the
**        latest navSprite-<cachebuster>.jpg (and .gif)
*/
/*
** Content
*/
/*
** Dialog Box Images
**
** (run togif to create fallback gif's for IE6)
*/
/*
** Footer 
*/
/* line 39, sass/partials/_base.scss */
.clearfix {
  clear: both;
}

/* vertical margins */
/* not sure ?*/
/* gap between dialogs */
/* line 26, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
body {
  font-size: 87.5%;
  line-height: 1.429em;
}

/* line 30, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html > body {
  font-size: 14px;
}

/*$navigation-background:adjust-saturation(darken(#5dc01a, 5%), -2%);*/
/*
** Site Configuration
** ==================
**
** All the main variables from every area of the website can be overridden here.
**
*/
/*
** Text & Link Colors
**
** A basic set of complementary colors for Headings, Bold and Normal text.
** Variatiouns on these coles can be used for Heading Levels and Box Headings.
*/
/*
** Header
*/
/* Header Background Color          */
/* Total Header Height              */
/* Sits below Multi level menu      */
/* Top level of menu system         */
/* 2nd level of menu system         */
/* Temporary borders to assist with layout */
/*
** Navigation
*/
/* see $corner-radius of create_tabmenu_sprite */
/* header-styles.scss */
/*
** Tabmenu Sprite Image
**   If you alternavSprite variables, you need to:
**      - run togif to convert this to a gif for IE6 (note the filename)
**      - update _navigation  variables navSprite & navSpriteGIF with the
**        latest navSprite-<cachebuster>.jpg (and .gif)
*/
/*
** Content
*/
/*
** Dialog Box Images
**
** (run togif to create fallback gif's for IE6)
*/
/*
** Footer 
*/
/* line 39, sass/partials/_base.scss */
.clearfix {
  clear: both;
}

/* vertical margins */
/* not sure ?*/
/* gap between dialogs */
/* line 26, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
body {
  font-size: 87.5%;
  line-height: 1.429em;
}

/* line 30, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html > body {
  font-size: 14px;
}

/*$navigation-background:adjust-saturation(darken(#5dc01a, 5%), -2%);*/
/*
** Site Configuration
** ==================
**
** All the main variables from every area of the website can be overridden here.
**
*/
/*
** Text & Link Colors
**
** A basic set of complementary colors for Headings, Bold and Normal text.
** Variatiouns on these coles can be used for Heading Levels and Box Headings.
*/
/*
** Header
*/
/* Header Background Color          */
/* Total Header Height              */
/* Sits below Multi level menu      */
/* Top level of menu system         */
/* 2nd level of menu system         */
/* Temporary borders to assist with layout */
/*
** Navigation
*/
/* see $corner-radius of create_tabmenu_sprite */
/* header-styles.scss */
/*
** Tabmenu Sprite Image
**   If you alternavSprite variables, you need to:
**      - run togif to convert this to a gif for IE6 (note the filename)
**      - update _navigation  variables navSprite & navSpriteGIF with the
**        latest navSprite-<cachebuster>.jpg (and .gif)
*/
/*
** Content
*/
/*
** Dialog Box Images
**
** (run togif to create fallback gif's for IE6)
*/
/*
** Footer 
*/
/* line 39, sass/partials/_base.scss */
.clearfix {
  clear: both;
}

/* vertical margins */
/* not sure ?*/
/* gap between dialogs */
/* line 26, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
body {
  font-size: 87.5%;
  line-height: 1.429em;
}

/* line 30, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html > body {
  font-size: 14px;
}

/*$navigation-background:adjust-saturation(darken(#5dc01a, 5%), -2%);*/
/*
** Site Configuration
** ==================
**
** All the main variables from every area of the website can be overridden here.
**
*/
/*
** Text & Link Colors
**
** A basic set of complementary colors for Headings, Bold and Normal text.
** Variatiouns on these coles can be used for Heading Levels and Box Headings.
*/
/*
** Header
*/
/* Header Background Color          */
/* Total Header Height              */
/* Sits below Multi level menu      */
/* Top level of menu system         */
/* 2nd level of menu system         */
/* Temporary borders to assist with layout */
/*
** Navigation
*/
/* see $corner-radius of create_tabmenu_sprite */
/* header-styles.scss */
/*
** Tabmenu Sprite Image
**   If you alternavSprite variables, you need to:
**      - run togif to convert this to a gif for IE6 (note the filename)
**      - update _navigation  variables navSprite & navSpriteGIF with the
**        latest navSprite-<cachebuster>.jpg (and .gif)
*/
/*
** Content
*/
/*
** Dialog Box Images
**
** (run togif to create fallback gif's for IE6)
*/
/*
** Footer 
*/
/* line 39, sass/partials/_base.scss */
.clearfix {
  clear: both;
}

/*
** ARPSOFT Nav
*/
/*
** Header Variables (defaults)
*/
/* Total Header Height              */
/* Sits below Multi level menu      */
/*
**  Header Logo (Replaced Text method)
**  NB: Not to be confused with the manually placed logo, which is input
**  via a "Header Logo" block added to the Scrapbook.
*/
/*
**  Multilevel Menu system (level 1 & Level 2)
**
** NB: header-height includes head     
**     feature-row sits below  multi level menu 
*/
/* Top level of menu system         */
/* 2nd level of menu system         */
/*
**  Independant 2nd Level Menu System
**
*/
/* For independant 2nd level menu */
/* Temporary borders to assist with layout */
/* HTML Tag Redefinition */
/* line 83, sass/_header_styles.scss */
#header-wrapper {
  background-color: #ecf3ea;
  background: #ecf3ea -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ddeada));
  background: #ecf3ea -webkit-linear-gradient(top, #ffffff, #ddeada);
  background: #ecf3ea -moz-linear-gradient(top, #ffffff, #ddeada);
  background: #ecf3ea -o-linear-gradient(top, #ffffff, #ddeada);
  -pie-background: #ecf3ea linear-gradient(top, #ffffff, #ddeada);
  background: #ecf3ea linear-gradient(top, #ffffff, #ddeada);
  behavior: url("/themes/terarp/PIE/PIE.php");
  position: relative;
  border-bottom: 1px solid #537d47;
  border: 0px solid blue;
  /*
  ** Centered Background Image - low opacity
  */
  position: relative;
  height: 212px;
  /* header-2-bg is not inside .container, 
     for some reason, ie6 needs a height or it's 
     not considered the containing box? */
}
/* line 90, sass/_header_styles.scss */
#header-wrapper .container {
  height: 212px;
  position: relative;
  /*MDE*/
  overflow: visible;
}
/* line 103, sass/_header_styles.scss */
#header-wrapper .header-bg {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -1020px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('/themes/terarp//images/terasoft-bg.jpg?1307321963');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 2040px;
  height: 750px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  z-index: 0;
  overflow: visible;
}
/* line 129, sass/_header_styles.scss */
#header-wrapper #header-h1-heading-div {
  position: absolute;
  top: 5px;
  left: 200px;
  z-index: 5;
  width: 600px;
  height: 14px;
  overflow: hidden;
}
/* line 139, sass/_header_styles.scss */
#header-wrapper #header-h1-heading {
  position: absolute;
  color: black;
  font-size: 10px;
  padding: 1px 3px;
  margin: 0px;
}
/* line 145, sass/_header_styles.scss */
#header-wrapper #header-h1-heading p {
  display: inline;
}
/* line 147, sass/_header_styles.scss */
#header-wrapper #header-logo-img {
  position: absolute;
  top: 20px;
  left: 15px;
}
/* line 152, sass/_header_styles.scss */
#header-wrapper #header-notes {
  position: absolute;
  top: 35px;
  left: 150px;
  width: 500px;
  color: white;
}
/* line 158, sass/_header_styles.scss */
#header-wrapper #header-notes img {
  -pie-png-fix: true;
  behavior: url("/themes/terarp/PIE/PIE.php");
}
/* line 163, sass/_header_styles.scss */
#header-wrapper #header-search {
  position: absolute;
  top: 10px;
  right: -5px;
  color: black;
}
/* line 168, sass/_header_styles.scss */
#header-wrapper #header-search h3 {
  display: none;
}
/* line 170, sass/_header_styles.scss */
#header-wrapper #header-search .searchinput {
  border: 0px solid black;
  background: transparent;
  width: 218px;
  margin-right: 0px;
  color: #444;
}
/* line 179, sass/_header_styles.scss */
#header-wrapper #header-search .searchsubmit {
  width: 45px;
  height: 26px;
  font-size: 10px;
  color: #777777;
  padding: 0px;
  vertical-align: top;
}
/* line 188, sass/_header_styles.scss */
#header-wrapper #header-email {
  position: absolute;
  top: 40px;
  right: 0px;
  width: 138px;
}
/* line 193, sass/_header_styles.scss */
#header-wrapper #header-email a {
  color: black;
}
/* line 195, sass/_header_styles.scss */
#header-wrapper #header-phone {
  position: absolute;
  top: 59px;
  right: 0px;
  width: 88px;
  color: black;
}
/* line 202, sass/_header_styles.scss */
#header-wrapper #header-slogan {
  position: absolute;
  top: 110px;
  left: 530px;
  width: 330px;
  color: black;
}
/* line 210, sass/_header_styles.scss */
#header-wrapper .title {
  position: absolute;
  top: 2px;
  left: -40px;
}
/* line 214, sass/_header_styles.scss */
#header-wrapper .title h2 {
  display: block;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('/themes/terarp//images/transparent.gif?1307321297');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 1px;
  height: 1px;
  -pie-png-fix: true;
  behavior: url("/themes/terarp/PIE/PIE.php");
  position: relative;
  cursor: pointer;
}
/* line 224, sass/_header_styles.scss */
#header-wrapper #header-nav {
  position: absolute;
  top: 147px;
  height: 65px;
  right: 0px;
  /* see $corner-radius of create_tabmenu_sprite */
  /* header-styles.scss */
  position: relative;
  /* 
  ** UN Selected / Hovered Tab (normal position)
  */
  /* 
  ** Selected or Hovered Tab
  **
  ** This img bg and the next one, facilitate the Sliding Door effect, which
  ** enable buttons to have the appearance of variable width.
  */
  /**** A handy sample of the menu ****
  **
       <ul class="clearfix">
         <li class="qsAdd "><a class="qsAdd " href="/"  ><span>Home</span></a>
           <ul class="qsAdd">
             <li class="qsAdd last"><a class="qsAdd last">Home</a></li>
           </ul>
         </li>
         <li class="qsAdd on  nav-path-selected"><a class="qsAdd on  nav-path-selected" href="/index.php/services/web-design/" ><span>Services</span></a>
           <ul class="qsAdd">
              <li class="qsAdd "><a class="qsAdd " href="/index.php/services/web-design/"  >Web Design</a></li>
              <li class="qsAdd on  nav-selected nav-path-selected"><a class="qsAdd on  nav-selected nav-path-selected"  href="/index.php/services/hosting/">Hosting</a></li>
              <li class="qsAdd last"><a class="qsAdd last" href="/index.php/services/seo/"  >SEO</a></li>
           </ul>
         </li>
       </ul>
  
  NB: The Javascript will add/remove a "hover" class to the li.on's
  
  */
  /* MDE 20010514 - IE6 was treating ul li as a containing box
  **                2 level menu was in line with on/hover    
  **                solution: explicity assign static to ul li
  */
  /*
  ** All 2nd level links 
  */
  z-index: 2;
  border: 0px solid red;
}
/* line 31, sass/_navigation.scss */
#header-wrapper #header-nav a {
  text-decoration: none;
}
/* line 35, sass/_navigation.scss */
#header-wrapper #header-nav ul {
  float: left;
  clear: none;
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 43, sass/_navigation.scss */
#header-wrapper #header-nav li {
  font-size: 14px;
  line-height: 1.4em;
  font-weight: bold;
  float: left;
  clear: none;
  margin-right: 1px;
}
/* line 55, sass/_navigation.scss */
#header-wrapper #header-nav li a {
  color: white;
  padding-right: 10px;
  /* see - create_tabmenu_sprite */
  display: block;
  background: transparent url("/themes/terarp/images/navSprite-f0b417392a.png") no-repeat right -38px;
  _background-image: url("/themes/terarp/images/navSprite-f0b417392a.gif");
}
/* line 63, sass/_navigation.scss */
#header-wrapper #header-nav li a span {
  /* These paddings have a CRITICAL effect on the button height */
  padding: 5px 11px 4px 16px;
  display: block;
  background: transparent url("/themes/terarp/images/navSprite-f0b417392a.png") no-repeat left -38px;
  _background-image: url("/themes/terarp/images/navSprite-f0b417392a.gif");
}
/* line 81, sass/_navigation.scss */
#header-wrapper #header-nav li.hoverx a, #header-wrapper #header-nav li.over a, #header-wrapper #header-nav li.on a {
  color: black;
  display: block;
  /* MDE */
  background: transparent url("/themes/terarp/images/navSprite-f0b417392a.png") no-repeat right top;
  _background-image: url("/themes/terarp/images/navSprite-f0b417392a.gif");
}
/* line 88, sass/_navigation.scss */
#header-wrapper #header-nav li.hoverx a span, #header-wrapper #header-nav li.over a span, #header-wrapper #header-nav li.on a span {
  display: block;
  /* MDE */
  background: transparent url("/themes/terarp/images/navSprite-f0b417392a.png") no-repeat left top;
  _background-image: url("/themes/terarp/images/navSprite-f0b417392a.gif");
}
/* line 118, sass/_navigation.scss */
#header-wrapper #header-nav ul li {
  position: static;
}
/* line 120, sass/_navigation.scss */
#header-wrapper #header-nav li ul {
  display: none;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: transparent;
  width: auto !important;
  width: 2000px;
  /* MDE 20110601 - else IE6 does a small width? */
}
/* line 130, sass/_navigation.scss */
#header-wrapper #header-nav li.hoverx ul, #header-wrapper #header-nav li.on ul {
  display: block;
}
/* line 134, sass/_navigation.scss */
#header-wrapper #header-nav li ul li {
  float: left;
  padding: 9px 0;
  font-size: 14px;
  line-height: 18px;
  background: transparent;
  border: 0px solid purple;
}
/* line 145, sass/_navigation.scss */
#header-wrapper #header-nav li ul li.on a {
  color: black !important;
  font-weight: bold;
}
/* line 153, sass/_navigation.scss */
#header-wrapper #header-nav li ul li a {
  padding: 0 10px;
  font-weight: normal;
  color: black !important;
  background: transparent url("/themes/terarp/images/navSprite-f0b417392a.png") no-repeat right -77px !important;
  _background-image: url("/themes/terarp/images/navSprite-f0b417392a.gif");
}
/* line 161, sass/_navigation.scss */
#header-wrapper #header-nav li ul li a:hover {
  text-decoration: underline;
}
/* line 165, sass/_navigation.scss */
#header-wrapper #header-nav li ul li.last a {
  background: none !important;
}
/* line 234, sass/_header_styles.scss */
#header-wrapper #header-nav-2-bg {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  height: 36px;
  background-color: white;
  z-index: 0;
  border: 0px solid black;
}
/* line 244, sass/_header_styles.scss */
#header-wrapper .ccm-spacer {
  display: none;
}

/* line 249, sass/_header_styles.scss */
#secondary-nav-wrapper {
  height: 34px;
  /*background: url(/themes/terarp/images/NavBarBackground_s1.png) repeat-x;*/
  background-color: white;
  /*@include background(linear-gradient(top, lighten($navigation-background, 3%), darken($navigation-background, 3%)));*/
  /*@include background(linear-gradient(top, darken($navigation-background, 3%), lighten($navigation-background, 3%)));*/
  behavior: url("/themes/terarp/PIE/PIE.php");
  position: relative;
  border-top: 1px solid white;
  border-bottom: 1px solid #e6e6e6;
}
/* line 259, sass/_header_styles.scss */
#secondary-nav-wrapper .ccm-spacer {
  display: none;
}
/* line 263, sass/_header_styles.scss */
#secondary-nav-wrapper #secondary-nav {
  /*font-size: 13px;*/
  /*@include horizontal-drop-down-base($class-name);*/
  /*@include tabbed-nav-bar-theme($class-name, $tab-color, $tab-text-color, $tab-selected-color, $tab-text-selected-color);*/
  /*@include default-popup-theme($class-name, $tab-selected-color);*/
}
/* line 249, sass/_navigation.scss */
#secondary-nav-wrapper #secondary-nav ul.nav {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
  vertical-align: middle;
}
/* line 46, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/lists/_inline-block-list.scss */
#secondary-nav-wrapper #secondary-nav ul.nav li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  white-space: nowrap;
}
/* line 7, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
#secondary-nav-wrapper #secondary-nav ul.nav li {
  *display: inline;
}
/* line 254, sass/_navigation.scss */
#secondary-nav-wrapper #secondary-nav ul.nav li {
  behavior: url("/themes/terarp/PIE/PIE.php");
  position: relative;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  /*font-family: Helvetica, Arial, sans-serif;*/
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  /*font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif*/
  font-size: 14px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
  background: transparent;
  margin-right: 8px;
}
/* line 262, sass/_navigation.scss */
#secondary-nav-wrapper #secondary-nav ul.nav li:hover, #secondary-nav-wrapper #secondary-nav ul.nav li.hover {
  color: white;
  background: green;
  /*@include single-box-shadow(rgba(0,0,0,0.2), 1px, 1px, 4px, 0, inset);*/
  -moz-box-shadow: 1px 1px 0 lime;
  -webkit-box-shadow: 1px 1px 0 lime;
  -o-box-shadow: 1px 1px 0 lime;
  box-shadow: 1px 1px 0 lime;
}
/* line 267, sass/_navigation.scss */
#secondary-nav-wrapper #secondary-nav ul.nav li:hover a, #secondary-nav-wrapper #secondary-nav ul.nav li.hover a {
  color: white;
  /*@include single-text-shadow(lighten($hover-bg-color, 40%), 0, 0, 3px);*/
}
/* line 273, sass/_navigation.scss */
#secondary-nav-wrapper #secondary-nav ul.nav li a:link, #secondary-nav-wrapper #secondary-nav ul.nav li a:visited {
  color: white;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  padding: 0 8px;
  text-decoration: none;
}
/* line 7, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
#secondary-nav-wrapper #secondary-nav ul.nav li a:link, #secondary-nav-wrapper #secondary-nav ul.nav li a:visited {
  *display: inline;
}
/* line 280, sass/_navigation.scss */
#secondary-nav-wrapper #secondary-nav ul.nav li.nav-path-selected {
  color: white;
  background: green;
  -moz-box-shadow: 1px 1px 0 lime;
  -webkit-box-shadow: 1px 1px 0 lime;
  -o-box-shadow: 1px 1px 0 lime;
  box-shadow: 1px 1px 0 lime;
}
/* line 284, sass/_navigation.scss */
#secondary-nav-wrapper #secondary-nav ul.nav li.nav-path-selected a {
  color: white;
}
/* line 265, sass/_header_styles.scss */
#secondary-nav-wrapper #secondary-nav ul.nav {
  padding: 5px 0;
}
/* line 267, sass/_header_styles.scss */
#secondary-nav-wrapper #secondary-nav ul.nav li {
  height: 24px;
  line-height: 24px;
}

/* line 276, sass/_header_styles.scss */
#feature-row-wrapper {
  background-color: white;
  /*@include background(linear-gradient(top, lighten($navigation-background, 5%), darken($navigation-background, 5%)));*/
  /*@include background(radial-gradient(20%, 50%, lighten($navigation-background, 5%), darken($navigation-background, 5%)));*/
  behavior: url("/themes/terarp/PIE/PIE.php");
  position: relative;
  border-top: 1px solid white;
  border-bottom: 1px solid #cccccc;
  position: relative;
  overflow: hidden;
}
/* line 277, sass/_header_styles.scss */
#feature-row-wrapper .container {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
  padding: 1.3em 0 1.5em 0;
}
/* line 293, sass/_header_styles.scss */
#feature-row-wrapper .c5-content-block {
  font-size: 18px;
  color: white;
  line-height: 1.1em;
}
/* line 296, sass/_header_styles.scss */
#feature-row-wrapper .c5-content-block h1, #feature-row-wrapper .c5-content-block h2 {
  color: white;
  text-shadow: #cccccc -1px -1px 0;
}
/* line 303, sass/_header_styles.scss */
#feature-row-wrapper .aside {
  font-size: 18px;
  font-weight: bold;
  color: #FFFF55;
  line-height: 20px;
  padding-top: 18px;
  /*@include single-text-shadow(lighten(white, 10%), 1px, 1px, 0);*/
}

/* vertical margins */
/* not sure ?*/
/* gap between dialogs */
/* line 26, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
body {
  font-size: 87.5%;
  line-height: 1.429em;
}

/* line 30, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html > body {
  font-size: 14px;
}

/*$navigation-background:adjust-saturation(darken(#5dc01a, 5%), -2%);*/
/*
** Site Configuration
** ==================
**
** All the main variables from every area of the website can be overridden here.
**
*/
/*
** Text & Link Colors
**
** A basic set of complementary colors for Headings, Bold and Normal text.
** Variatiouns on these coles can be used for Heading Levels and Box Headings.
*/
/*
** Header
*/
/* Header Background Color          */
/* Total Header Height              */
/* Sits below Multi level menu      */
/* Top level of menu system         */
/* 2nd level of menu system         */
/* Temporary borders to assist with layout */
/*
** Navigation
*/
/* see $corner-radius of create_tabmenu_sprite */
/* header-styles.scss */
/*
** Tabmenu Sprite Image
**   If you alternavSprite variables, you need to:
**      - run togif to convert this to a gif for IE6 (note the filename)
**      - update _navigation  variables navSprite & navSpriteGIF with the
**        latest navSprite-<cachebuster>.jpg (and .gif)
*/
/*
** Content
*/
/*
** Dialog Box Images
**
** (run togif to create fallback gif's for IE6)
*/
/*
** Footer 
*/
/* line 39, sass/partials/_base.scss */
.clearfix {
  clear: both;
}

/* vertical margins */
/* not sure ?*/
/* gap between dialogs */
/* line 26, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
body {
  font-size: 87.5%;
  line-height: 1.429em;
}

/* line 30, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html > body {
  font-size: 14px;
}

/*$navigation-background:adjust-saturation(darken(#5dc01a, 5%), -2%);*/
/*
** Site Configuration
** ==================
**
** All the main variables from every area of the website can be overridden here.
**
*/
/*
** Text & Link Colors
**
** A basic set of complementary colors for Headings, Bold and Normal text.
** Variatiouns on these coles can be used for Heading Levels and Box Headings.
*/
/*
** Header
*/
/* Header Background Color          */
/* Total Header Height              */
/* Sits below Multi level menu      */
/* Top level of menu system         */
/* 2nd level of menu system         */
/* Temporary borders to assist with layout */
/*
** Navigation
*/
/* see $corner-radius of create_tabmenu_sprite */
/* header-styles.scss */
/*
** Tabmenu Sprite Image
**   If you alternavSprite variables, you need to:
**      - run togif to convert this to a gif for IE6 (note the filename)
**      - update _navigation  variables navSprite & navSpriteGIF with the
**        latest navSprite-<cachebuster>.jpg (and .gif)
*/
/*
** Content
*/
/*
** Dialog Box Images
**
** (run togif to create fallback gif's for IE6)
*/
/*
** Footer 
*/
/* line 39, sass/partials/_base.scss */
.clearfix {
  clear: both;
}

/* vertical margins */
/* not sure ?*/
/* gap between dialogs */
/* line 26, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
body {
  font-size: 87.5%;
  line-height: 1.429em;
}

/* line 30, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html > body {
  font-size: 14px;
}

/*$navigation-background:adjust-saturation(darken(#5dc01a, 5%), -2%);*/
/*
** Site Configuration
** ==================
**
** All the main variables from every area of the website can be overridden here.
**
*/
/*
** Text & Link Colors
**
** A basic set of complementary colors for Headings, Bold and Normal text.
** Variatiouns on these coles can be used for Heading Levels and Box Headings.
*/
/*
** Header
*/
/* Header Background Color          */
/* Total Header Height              */
/* Sits below Multi level menu      */
/* Top level of menu system         */
/* 2nd level of menu system         */
/* Temporary borders to assist with layout */
/*
** Navigation
*/
/* see $corner-radius of create_tabmenu_sprite */
/* header-styles.scss */
/*
** Tabmenu Sprite Image
**   If you alternavSprite variables, you need to:
**      - run togif to convert this to a gif for IE6 (note the filename)
**      - update _navigation  variables navSprite & navSpriteGIF with the
**        latest navSprite-<cachebuster>.jpg (and .gif)
*/
/*
** Content
*/
/*
** Dialog Box Images
**
** (run togif to create fallback gif's for IE6)
*/
/*
** Footer 
*/
/* line 39, sass/partials/_base.scss */
.clearfix {
  clear: both;
}

/* vertical margins */
/* not sure ?*/
/* gap between dialogs */
/* line 26, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
body {
  font-size: 87.5%;
  line-height: 1.429em;
}

/* line 30, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html > body {
  font-size: 14px;
}

/*$navigation-background:adjust-saturation(darken(#5dc01a, 5%), -2%);*/
/*
** Site Configuration
** ==================
**
** All the main variables from every area of the website can be overridden here.
**
*/
/*
** Text & Link Colors
**
** A basic set of complementary colors for Headings, Bold and Normal text.
** Variatiouns on these coles can be used for Heading Levels and Box Headings.
*/
/*
** Header
*/
/* Header Background Color          */
/* Total Header Height              */
/* Sits below Multi level menu      */
/* Top level of menu system         */
/* 2nd level of menu system         */
/* Temporary borders to assist with layout */
/*
** Navigation
*/
/* see $corner-radius of create_tabmenu_sprite */
/* header-styles.scss */
/*
** Tabmenu Sprite Image
**   If you alternavSprite variables, you need to:
**      - run togif to convert this to a gif for IE6 (note the filename)
**      - update _navigation  variables navSprite & navSpriteGIF with the
**        latest navSprite-<cachebuster>.jpg (and .gif)
*/
/*
** Content
*/
/*
** Dialog Box Images
**
** (run togif to create fallback gif's for IE6)
*/
/*
** Footer 
*/
/* line 39, sass/partials/_base.scss */
.clearfix {
  clear: both;
}

/* vertical margins */
/* not sure ?*/
/* gap between dialogs */
/* line 26, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
body {
  font-size: 87.5%;
  line-height: 1.429em;
}

/* line 30, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html > body {
  font-size: 14px;
}

/*$navigation-background:adjust-saturation(darken(#5dc01a, 5%), -2%);*/
/*
** Site Configuration
** ==================
**
** All the main variables from every area of the website can be overridden here.
**
*/
/*
** Text & Link Colors
**
** A basic set of complementary colors for Headings, Bold and Normal text.
** Variatiouns on these coles can be used for Heading Levels and Box Headings.
*/
/*
** Header
*/
/* Header Background Color          */
/* Total Header Height              */
/* Sits below Multi level menu      */
/* Top level of menu system         */
/* 2nd level of menu system         */
/* Temporary borders to assist with layout */
/*
** Navigation
*/
/* see $corner-radius of create_tabmenu_sprite */
/* header-styles.scss */
/*
** Tabmenu Sprite Image
**   If you alternavSprite variables, you need to:
**      - run togif to convert this to a gif for IE6 (note the filename)
**      - update _navigation  variables navSprite & navSpriteGIF with the
**        latest navSprite-<cachebuster>.jpg (and .gif)
*/
/*
** Content
*/
/*
** Dialog Box Images
**
** (run togif to create fallback gif's for IE6)
*/
/*
** Footer 
*/
/* line 39, sass/partials/_base.scss */
.clearfix {
  clear: both;
}

/*
** ARPSOFT Nav
*/
/* vertical margins */
/* not sure ?*/
/* gap between dialogs */
/* line 26, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
body {
  font-size: 87.5%;
  line-height: 1.429em;
}

/* line 30, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html > body {
  font-size: 14px;
}

/*$navigation-background:adjust-saturation(darken(#5dc01a, 5%), -2%);*/
/*
** Site Configuration
** ==================
**
** All the main variables from every area of the website can be overridden here.
**
*/
/*
** Text & Link Colors
**
** A basic set of complementary colors for Headings, Bold and Normal text.
** Variatiouns on these coles can be used for Heading Levels and Box Headings.
*/
/*
** Header
*/
/* Header Background Color          */
/* Total Header Height              */
/* Sits below Multi level menu      */
/* Top level of menu system         */
/* 2nd level of menu system         */
/* Temporary borders to assist with layout */
/*
** Navigation
*/
/* see $corner-radius of create_tabmenu_sprite */
/* header-styles.scss */
/*
** Tabmenu Sprite Image
**   If you alternavSprite variables, you need to:
**      - run togif to convert this to a gif for IE6 (note the filename)
**      - update _navigation  variables navSprite & navSpriteGIF with the
**        latest navSprite-<cachebuster>.jpg (and .gif)
*/
/*
** Content
*/
/*
** Dialog Box Images
**
** (run togif to create fallback gif's for IE6)
*/
/*
** Footer 
*/
/* line 39, sass/partials/_base.scss */
.clearfix {
  clear: both;
}

/* line 146, sass/_content_styles.scss */
#content-wrapper {
  position: relative;
  /* lose this if you want the Centered BG at the top */
  min-height: 862px;
  height: auto !important;
  height: 862px;
  overflow: hidden;
  /* If bg image too big, this prevents it poking out bottom */
  /*
  ** Content Gap (at the top)
  */
  padding-top: 12px;
  /*
  ** Top Border - shadow leading in to main content area
  */
  background: white url('/themes/terarp//images/BodyContentTop.png?1307502374') top left repeat-x;
  /*
  ** Centered Background Image - low opacity
  */
  /*
  ** Footer Border - shadow leading out of main content area
  */
  /*border-top: 1px solid white;*/
  border-bottom: 1px solid #d0d0d0;
  /*background: $content-top magick-sprite('BodyLeader',*/
  /*magick-canvas(10px, 300px,*/
  /*magick-fill(magick-linear-gradient($content-top, $content-bottom), 0px, 0px, 10px, 300px)*/
  /*)*/
  /*) bottom left repeat-x;*/
}
/* line 168, sass/_content_styles.scss */
#content-wrapper .container {
  position: relative;
  overflow: visible;
}
/* line 175, sass/_content_styles.scss */
#content-wrapper .content-bg {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -1100px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('/themes/terarp//images/terasoft-content-bg.jpg?1307365239');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 2200px;
  height: 974px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  z-index: 0;
}
/* line 195, sass/_content_styles.scss */
#content-wrapper .main-wrapper {
  /*@include serif-family;*/
}
/* line 200, sass/_content_styles.scss */
#content-wrapper .left-sidebar-wrapper, #content-wrapper .right-sidebar-wrapper {
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  /*font-family: Helvetica, Arial, sans-serif;*/
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  /*font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif*/
}
/* line 309, sass/_navigation.scss */
#content-wrapper .left-sidebar-wrapper div.section-nav {
  margin-left: -10px;
  margin-right: -10px;
  line-height: 1em;
}
/* line 318, sass/_navigation.scss */
#content-wrapper .left-sidebar-wrapper div.section-nav div.title {
  font-weight: bold;
  margin-bottom: 1em;
  margin-left: 10px;
  text-shadow: rgba(0, 0, 0, 0.1);
}
/* line 323, sass/_navigation.scss */
#content-wrapper .left-sidebar-wrapper div.section-nav div.title a:link, #content-wrapper .left-sidebar-wrapper div.section-nav div.title a:visited {
  text-decoration: none;
  color: #333;
}
/* line 327, sass/_navigation.scss */
#content-wrapper .left-sidebar-wrapper div.section-nav div.title a:hover, #content-wrapper .left-sidebar-wrapper div.section-nav div.title a.hover {
  text-decoration: underline;
}
/* line 334, sass/_navigation.scss */
#content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav,
#content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav li,
#content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
}
/* line 341, sass/_navigation.scss */
#content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav {
  border-top: 1px solid #cccccc;
}
/* line 347, sass/_navigation.scss */
#content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav a:link,
#content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav a:visited {
  display: block;
  padding: 5px 10px 5px 10px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}
/* line 358, sass/_navigation.scss */
#content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav li.top-level {
  color: #666666;
  background-color: white;
  border-top: 1px solid white;
  border-bottom: 1px solid #cccccc;
}
/* line 365, sass/_navigation.scss */
#content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav li.top-level > a:link, #content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav li.top-level > a:visited {
  color: #666666;
}
/* line 367, sass/_navigation.scss */
#content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav li.top-level > a:link small, #content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav li.top-level > a:visited small {
  display: block;
  font-size: 80%;
  font-weight: normal;
  color: gray;
}
/* line 375, sass/_navigation.scss */
#content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav li.top-level.hover, #content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav li.top-level:hover {
  color: #333333;
  background-color: #dddddd;
  border-top: 1px solid white;
  border-bottom: 1px solid #aaaaaa;
  /*background-position: 97% 50%;*/
  /*background-repeat: no-repeat;*/
  /*background-image: url(/themes/terarp/images/ArrowRightLighten80_s1.png);*/
}
/* line 385, sass/_navigation.scss */
#content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav li.top-level.hover > a, #content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav li.top-level:hover > a {
  color: #333333;
  font-weight: bold;
}
/* line 388, sass/_navigation.scss */
#content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav li.top-level.hover > a small, #content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav li.top-level:hover > a small {
  color: #4d4d4d;
}
/* line 394, sass/_navigation.scss */
#content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav li.top-level.nav-path-selected {
  color: white;
  background-color: #336fbf;
  border-top: 1px solid #336fbf;
  border-bottom: 1px solid #336fbf;
  background-position: 97% 50%;
  background-repeat: no-repeat;
  background-image: url(/themes/terarp/images/ArrowRightLighten60_s1.png);
  font-weight: bold;
}
/* line 405, sass/_navigation.scss */
#content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav li.top-level.nav-path-selected.hover, #content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav li.top-level.nav-path-selected:hover {
  color: white;
  font-weight: bold;
}
/* line 410, sass/_navigation.scss */
#content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav li.top-level.nav-path-selected > a {
  color: white;
  font-weight: bold;
}
/* line 413, sass/_navigation.scss */
#content-wrapper .left-sidebar-wrapper div.section-nav ul.section-nav li.top-level.nav-path-selected > a small {
  color: white;
}

/* line 215, sass/_content_styles.scss */
#page-wrapper.left-sidebar .left-sidebar-wrapper, #page-wrapper.left-sidebar .right-sidebar-wrapper, #page-wrapper.dual-sidebar .left-sidebar-wrapper, #page-wrapper.dual-sidebar .right-sidebar-wrapper {
  /* MDE 20110527 - too hungry 
              font-size: 90%;
              #{headings()} {
                  color:#444;
              }
  */
}
/* line 225, sass/_content_styles.scss */
#page-wrapper .area {
  background-color: transparent;
  /*
  ** Common Box - no major background color on heading
  */
  /*
  ** Info Box - Heading has a subtle background and contrasting text
  */
  /*
  ** Highlight Box - Heading has a loud background and contrasting text
  */
}
/* line 229, sass/_content_styles.scss */
#page-wrapper .area .editareastyle {
  width: 200px;
  /* The sidebar column width? */
}
/* line 236, sass/_content_styles.scss */
#page-wrapper .area .boxed {
  /*$bg-color: #f9f9f9;*/
  margin: 2px;
  padding: 5px;
  /*border: 1px solid darken($bg-color,12.5%);*/
  border: 1px solid white;
  background-color: #f6f6f6;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: 0 0 8px #cccccc;
  -webkit-box-shadow: 0 0 8px #cccccc;
  -o-box-shadow: 0 0 8px #cccccc;
  box-shadow: 0 0 8px #cccccc;
  /*@include background(linear-gradient(top, darken($bg-color, 10%), $bg-color, $bg-color, $bg-color, $bg-color));*/
  background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e4e4e4), color-stop(33.333%, #f6f6f6), color-stop(66.667%, #f6f6f6), color-stop(100%, #f6f6f6));
  background: -webkit-linear-gradient(bottom, #e4e4e4, #f6f6f6, #f6f6f6, #f6f6f6);
  background: -moz-linear-gradient(bottom, #e4e4e4, #f6f6f6, #f6f6f6, #f6f6f6);
  background: -o-linear-gradient(bottom, #e4e4e4, #f6f6f6, #f6f6f6, #f6f6f6);
  -pie-background: linear-gradient(bottom, #e4e4e4, #f6f6f6, #f6f6f6, #f6f6f6);
  background: linear-gradient(bottom, #e4e4e4, #f6f6f6, #f6f6f6, #f6f6f6);
  /*@include background(linear-gradient(top, $bg-color, darken($bg-color, 10%)));*/
  color: #111;
  behavior: url("/themes/terarp/PIE/PIE.php");
  position: relative;
}
/* line 250, sass/_content_styles.scss */
#page-wrapper .area .boxed h1, #page-wrapper .area .boxed h2, #page-wrapper .area .boxed h3, #page-wrapper .area .boxed h4, #page-wrapper .area .boxed h5, #page-wrapper .area .boxed h6 {
  color: #333;
  text-shadow: white 1px 1px 0;
}
/* line 262, sass/_content_styles.scss */
#page-wrapper .area .info {
  padding: 7px 7px 14px 7px;
  /*border: 1px solid darken($bg-color,12.5%);*/
  border: 1px solid #825b16;
  background-color: white;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  background: white -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ebc788), color-stop(20%, #ffffff), color-stop(100%, #ffffff));
  background: white -webkit-linear-gradient(bottom, #ebc788, #ffffff 20%, #ffffff);
  background: white -moz-linear-gradient(bottom, #ebc788, #ffffff 20%, #ffffff);
  background: white -o-linear-gradient(bottom, #ebc788, #ffffff 20%, #ffffff);
  -pie-background: white linear-gradient(bottom, #ebc788, #ffffff 20%, #ffffff);
  background: white linear-gradient(bottom, #ebc788, #ffffff 20%, #ffffff);
  color: #111;
  behavior: url("/themes/terarp/PIE/PIE.php");
  position: relative;
}
/* line 32, sass/_content_styles.scss */
#page-wrapper .area .info h1, #page-wrapper .area .info h2, #page-wrapper .area .info h3 {
  font-size: 15px;
  color: #ebc788;
  text-shadow: #150f04 1px 1px 0;
  margin: -7px -7px 7px -7px;
  padding: 6px 7px 8px 7px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -khtml-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background: #825b16 -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #986a1a), color-stop(100%, #6c4c12));
  background: #825b16 -webkit-linear-gradient(top, #986a1a, #6c4c12);
  background: #825b16 -moz-linear-gradient(top, #986a1a, #6c4c12);
  background: #825b16 -o-linear-gradient(top, #986a1a, #6c4c12);
  -pie-background: #825b16 linear-gradient(top, #986a1a, #6c4c12);
  background: #825b16 linear-gradient(top, #986a1a, #6c4c12);
  behavior: url("/themes/terarp/PIE/PIE.php");
  position: relative;
}
/* line 48, sass/_content_styles.scss */
#page-wrapper .area .info h1, #page-wrapper .area .info h2, #page-wrapper .area .info h3 {
  *top: -7px !important;
}
/* line 267, sass/_content_styles.scss */
#page-wrapper .area .test-info {
  padding: 7px 7px 14px 7px;
  /*border: 1px solid darken($bg-color,12.5%);*/
  border: 1px solid #825b16;
  background-color: white;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  background: white -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ebc788), color-stop(20%, #ffffff), color-stop(100%, #ffffff));
  background: white -webkit-linear-gradient(bottom, #ebc788, #ffffff 20%, #ffffff);
  background: white -moz-linear-gradient(bottom, #ebc788, #ffffff 20%, #ffffff);
  background: white -o-linear-gradient(bottom, #ebc788, #ffffff 20%, #ffffff);
  -pie-background: white linear-gradient(bottom, #ebc788, #ffffff 20%, #ffffff);
  background: white linear-gradient(bottom, #ebc788, #ffffff 20%, #ffffff);
  color: #111;
  behavior: url("/themes/terarp/PIE/PIE.php");
  position: relative;
  behavior: url("/themes/terarp/PIE/PIE.php");
  position: relative;
}
/* line 32, sass/_content_styles.scss */
#page-wrapper .area .test-info h1, #page-wrapper .area .test-info h2, #page-wrapper .area .test-info h3 {
  font-size: 15px;
  color: #ebc788;
  text-shadow: #150f04 1px 1px 0;
  margin: -7px -7px 7px -7px;
  padding: 6px 7px 8px 7px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -khtml-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background: #825b16 -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #986a1a), color-stop(100%, #6c4c12));
  background: #825b16 -webkit-linear-gradient(top, #986a1a, #6c4c12);
  background: #825b16 -moz-linear-gradient(top, #986a1a, #6c4c12);
  background: #825b16 -o-linear-gradient(top, #986a1a, #6c4c12);
  -pie-background: #825b16 linear-gradient(top, #986a1a, #6c4c12);
  background: #825b16 linear-gradient(top, #986a1a, #6c4c12);
  behavior: url("/themes/terarp/PIE/PIE.php");
  position: relative;
}
/* line 48, sass/_content_styles.scss */
#page-wrapper .area .test-info h1, #page-wrapper .area .test-info h2, #page-wrapper .area .test-info h3 {
  *top: -7px !important;
}
/* line 278, sass/_content_styles.scss */
#page-wrapper .area .info-highlight {
  position: relative;
  /*$base: lighten(desaturate(#FF5C0F, 10%), 10%);*/
  /*$base: darken(#FF5C0F, 0%);*/
  padding: 7px 7px 14px 7px;
  /*border: 1px solid darken($bg-color,12.5%);*/
  border: 1px solid #5c7835;
  background-color: white;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  background: white -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #c8dbad), color-stop(20%, #ffffff), color-stop(100%, #ffffff));
  background: white -webkit-linear-gradient(bottom, #c8dbad, #ffffff 20%, #ffffff);
  background: white -moz-linear-gradient(bottom, #c8dbad, #ffffff 20%, #ffffff);
  background: white -o-linear-gradient(bottom, #c8dbad, #ffffff 20%, #ffffff);
  -pie-background: white linear-gradient(bottom, #c8dbad, #ffffff 20%, #ffffff);
  background: white linear-gradient(bottom, #c8dbad, #ffffff 20%, #ffffff);
  color: #111;
  behavior: url("/themes/terarp/PIE/PIE.php");
  position: relative;
  /*@include info-box($base, darken($base, 33%), lighten($base, 30%));*/
}
/* line 32, sass/_content_styles.scss */
#page-wrapper .area .info-highlight h1, #page-wrapper .area .info-highlight h2, #page-wrapper .area .info-highlight h3 {
  font-size: 15px;
  color: #c8dbad;
  text-shadow: #18200e 1px 1px 0;
  margin: -7px -7px 7px -7px;
  padding: 6px 7px 8px 7px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -khtml-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background: #5c7835 -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6a8a3d), color-stop(100%, #4e662d));
  background: #5c7835 -webkit-linear-gradient(top, #6a8a3d, #4e662d);
  background: #5c7835 -moz-linear-gradient(top, #6a8a3d, #4e662d);
  background: #5c7835 -o-linear-gradient(top, #6a8a3d, #4e662d);
  -pie-background: #5c7835 linear-gradient(top, #6a8a3d, #4e662d);
  background: #5c7835 linear-gradient(top, #6a8a3d, #4e662d);
  behavior: url("/themes/terarp/PIE/PIE.php");
  position: relative;
}
/* line 48, sass/_content_styles.scss */
#page-wrapper .area .info-highlight h1, #page-wrapper .area .info-highlight h2, #page-wrapper .area .info-highlight h3 {
  *top: -7px !important;
}
/* line 287, sass/_content_styles.scss */
#page-wrapper .area .info-highlight2 {
  -moz-border-image: url(/themes/terarp/images/highlight.png) 50 2 6 2;
  -webkit-border-image: url(/themes/terarp/images/highlight.png) 50 2 6 2;
  -webkit-border-image: url(/themes/terarp/images/highlight.png) 50 2 6 2;
  -o-border-image: url(/themes/terarp/images/highlight.png) 50 2 6 2;
  border-image: url(/themes/terarp/images/highlight.png) 50 2 6 2;
  behavior: url("/themes/terarp/PIE/PIE.php");
  position: relative;
}
/* line 292, sass/_content_styles.scss */
#page-wrapper .area .dialogoption {
  position: relative;
  margin: 0px auto;
  z-index: 0;
  margin-left: 24px;
  /* default, width of left corner */
  margin-bottom: 10px;
  /* spacing under dialog */
}
/* line 71, sass/_content_styles.scss */
#page-wrapper .area .dialogoption .content,
#page-wrapper .area .dialogoption .t,
#page-wrapper .area .dialogoption .b,
#page-wrapper .area .dialogoption .b div {
  background: url("/themes/terarp/images/dialog/transparent.png") no-repeat top right;
  _background-image: url("/themes/terarp/images/dialog/transparent.gif");
}
/* line 76, sass/_content_styles.scss */
#page-wrapper .area .dialogoption .content {
  position: relative;
  zoom: 1;
  _overflow-y: hidden;
  padding: 0px 24px 0px 0px;
}
/* line 86, sass/_content_styles.scss */
#page-wrapper .area .dialogoption .t {
  /* top+left vertical slice */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 24px;
  /* top slice width */
  margin-left: -24px;
  height: 100%;
  _height: 1600px;
  /* arbitrary long height, IE 6 */
  background-position: top left;
}
/* line 99, sass/_content_styles.scss */
#page-wrapper .area .dialogoption .b {
  /* bottom */
  position: relative;
  width: 100%;
}
/* line 105, sass/_content_styles.scss */
#page-wrapper .area .dialogoption .b, #page-wrapper .area .dialogoption .b div {
  height: 24px;
  /* height of bottom cap/shade */
  font-size: 1px;
}
/* line 110, sass/_content_styles.scss */
#page-wrapper .area .dialogoption .b {
  background-position: bottom right;
}
/* line 114, sass/_content_styles.scss */
#page-wrapper .area .dialogoption .b div {
  position: relative;
  width: 24px;
  /* bottom corner width */
  margin-left: -24px;
  background-position: bottom left;
}
/* line 121, sass/_content_styles.scss */
#page-wrapper .area .dialogoption .hd, #page-wrapper .area .dialogoption .bd, #page-wrapper .area .dialogoption .ft {
  position: relative;
}
/* line 125, sass/_content_styles.scss */
#page-wrapper .area .dialogoption .wrapper {
  /* extra content protector - preventing vertical overflow (past background) */
  position: static;
  max-height: 1000px;
  overflow: auto;
  /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
/* line 138, sass/_content_styles.scss */
#page-wrapper .area .dialogoption h1 {
  padding-bottom: 0px;
}
/* line 296, sass/_content_styles.scss */
#page-wrapper .area .dialogheader {
  position: relative;
  margin: 0px auto;
  z-index: 0;
  margin-left: 24px;
  /* default, width of left corner */
  margin-bottom: 10px;
  /* spacing under dialog */
}
/* line 71, sass/_content_styles.scss */
#page-wrapper .area .dialogheader .content, #page-wrapper .area .dialogheader .t, #page-wrapper .area .dialogheader .b, #page-wrapper .area .dialogheader .b div {
  background: url("/themes/terarp/images/dialog/curvedheaderbox.png") no-repeat top right;
  _background-image: url("/themes/terarp/images/dialog/curvedheaderbox.gif");
}
/* line 76, sass/_content_styles.scss */
#page-wrapper .area .dialogheader .content {
  position: relative;
  zoom: 1;
  _overflow-y: hidden;
  padding: 0px 24px 0px 0px;
}
/* line 86, sass/_content_styles.scss */
#page-wrapper .area .dialogheader .t {
  /* top+left vertical slice */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 24px;
  /* top slice width */
  margin-left: -24px;
  height: 100%;
  _height: 1600px;
  /* arbitrary long height, IE 6 */
  background-position: top left;
}
/* line 99, sass/_content_styles.scss */
#page-wrapper .area .dialogheader .b {
  /* bottom */
  position: relative;
  width: 100%;
}
/* line 105, sass/_content_styles.scss */
#page-wrapper .area .dialogheader .b, #page-wrapper .area .dialogheader .b div {
  height: 24px;
  /* height of bottom cap/shade */
  font-size: 1px;
}
/* line 110, sass/_content_styles.scss */
#page-wrapper .area .dialogheader .b {
  background-position: bottom right;
}
/* line 114, sass/_content_styles.scss */
#page-wrapper .area .dialogheader .b div {
  position: relative;
  width: 24px;
  /* bottom corner width */
  margin-left: -24px;
  background-position: bottom left;
}
/* line 121, sass/_content_styles.scss */
#page-wrapper .area .dialogheader .hd, #page-wrapper .area .dialogheader .bd, #page-wrapper .area .dialogheader .ft {
  position: relative;
}
/* line 125, sass/_content_styles.scss */
#page-wrapper .area .dialogheader .wrapper {
  /* extra content protector - preventing vertical overflow (past background) */
  position: static;
  max-height: 1000px;
  overflow: auto;
  /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
/* line 138, sass/_content_styles.scss */
#page-wrapper .area .dialogheader h1 {
  padding-bottom: 0px;
}
/* line 300, sass/_content_styles.scss */
#page-wrapper .area .dialogoption-bg {
  background: url("/themes/terarp/images/dialog/oldpaper.png") repeat;
  padding: 12px;
}
/* line 304, sass/_content_styles.scss */
#page-wrapper .area .dialog {
  position: relative;
  margin: 0px auto;
  z-index: 0;
  margin-left: 24px;
  /* default, width of left corner */
  margin-bottom: 10px;
  /* spacing under dialog */
  /*
            .boxheading {
               padding: 12px 0px 5px 0px;
               width:100%;
               border-bottom:1px solid black;
               margin-bottom: 0px 0px 15px 0px;
               font-size: 18px;
               color: $header-text;
             }
  */
}
/* line 71, sass/_content_styles.scss */
#page-wrapper .area .dialog .content, #page-wrapper .area .dialog .t, #page-wrapper .area .dialog .b, #page-wrapper .area .dialog .b div {
  background: url("/themes/terarp/images/dialog/curvedbox.png") no-repeat top right;
  _background-image: url("/themes/terarp/images/dialog/curvedbox.gif");
}
/* line 76, sass/_content_styles.scss */
#page-wrapper .area .dialog .content {
  position: relative;
  zoom: 1;
  _overflow-y: hidden;
  padding: 0px 24px 0px 0px;
}
/* line 86, sass/_content_styles.scss */
#page-wrapper .area .dialog .t {
  /* top+left vertical slice */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 24px;
  /* top slice width */
  margin-left: -24px;
  height: 100%;
  _height: 1600px;
  /* arbitrary long height, IE 6 */
  background-position: top left;
}
/* line 99, sass/_content_styles.scss */
#page-wrapper .area .dialog .b {
  /* bottom */
  position: relative;
  width: 100%;
}
/* line 105, sass/_content_styles.scss */
#page-wrapper .area .dialog .b, #page-wrapper .area .dialog .b div {
  height: 24px;
  /* height of bottom cap/shade */
  font-size: 1px;
}
/* line 110, sass/_content_styles.scss */
#page-wrapper .area .dialog .b {
  background-position: bottom right;
}
/* line 114, sass/_content_styles.scss */
#page-wrapper .area .dialog .b div {
  position: relative;
  width: 24px;
  /* bottom corner width */
  margin-left: -24px;
  background-position: bottom left;
}
/* line 121, sass/_content_styles.scss */
#page-wrapper .area .dialog .hd, #page-wrapper .area .dialog .bd, #page-wrapper .area .dialog .ft {
  position: relative;
}
/* line 125, sass/_content_styles.scss */
#page-wrapper .area .dialog .wrapper {
  /* extra content protector - preventing vertical overflow (past background) */
  position: static;
  max-height: 1000px;
  overflow: auto;
  /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
/* line 138, sass/_content_styles.scss */
#page-wrapper .area .dialog h1 {
  padding-bottom: 0px;
}
/* line 318, sass/_content_styles.scss */
#page-wrapper .area .dialogshadow {
  position: relative;
  margin: 0px auto;
  z-index: 0;
  margin-left: 24px;
  /* default, width of left corner */
  margin-bottom: 10px;
  /* spacing under dialog */
  margin: 0px;
  /* default, width of left corner */
}
/* line 71, sass/_content_styles.scss */
#page-wrapper .area .dialogshadow .content, #page-wrapper .area .dialogshadow .t, #page-wrapper .area .dialogshadow .b, #page-wrapper .area .dialogshadow .b div {
  background: url("/themes/terarp/images/dialog/shadow.png") no-repeat top right;
  _background-image: url("/themes/terarp/images/dialog/shadow.gif");
}
/* line 76, sass/_content_styles.scss */
#page-wrapper .area .dialogshadow .content {
  position: relative;
  zoom: 1;
  _overflow-y: hidden;
  padding: 0px 24px 0px 0px;
}
/* line 86, sass/_content_styles.scss */
#page-wrapper .area .dialogshadow .t {
  /* top+left vertical slice */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 24px;
  /* top slice width */
  margin-left: -24px;
  height: 100%;
  _height: 1600px;
  /* arbitrary long height, IE 6 */
  background-position: top left;
}
/* line 99, sass/_content_styles.scss */
#page-wrapper .area .dialogshadow .b {
  /* bottom */
  position: relative;
  width: 100%;
}
/* line 105, sass/_content_styles.scss */
#page-wrapper .area .dialogshadow .b, #page-wrapper .area .dialogshadow .b div {
  height: 24px;
  /* height of bottom cap/shade */
  font-size: 1px;
}
/* line 110, sass/_content_styles.scss */
#page-wrapper .area .dialogshadow .b {
  background-position: bottom right;
}
/* line 114, sass/_content_styles.scss */
#page-wrapper .area .dialogshadow .b div {
  position: relative;
  width: 24px;
  /* bottom corner width */
  margin-left: -24px;
  background-position: bottom left;
}
/* line 121, sass/_content_styles.scss */
#page-wrapper .area .dialogshadow .hd, #page-wrapper .area .dialogshadow .bd, #page-wrapper .area .dialogshadow .ft {
  position: relative;
}
/* line 125, sass/_content_styles.scss */
#page-wrapper .area .dialogshadow .wrapper {
  /* extra content protector - preventing vertical overflow (past background) */
  position: static;
  max-height: 1000px;
  overflow: auto;
  /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
/* line 138, sass/_content_styles.scss */
#page-wrapper .area .dialogshadow h1 {
  padding-bottom: 0px;
}
/* line 321, sass/_content_styles.scss */
#page-wrapper .area .dialogshadow .b, #page-wrapper .area .dialogshadow .b div {
  height: 0px;
  /* height of bottom cap/shade */
}
/* line 322, sass/_content_styles.scss */
#page-wrapper .area .dialogshadow .b div {
  width: 0px;
  /* bottom corner width */
  margin-left: 0px;
}
/* line 323, sass/_content_styles.scss */
#page-wrapper .area .dialogshadow .t {
  margin-left: 0px;
  width: 0px;
}
/* line 324, sass/_content_styles.scss */
#page-wrapper .area .dialogshadow .content {
  text-align: center;
  color: white;
}
/* line 328, sass/_content_styles.scss */
#page-wrapper .area .info-box-text {
  background: transparent;
}
/* line 332, sass/_content_styles.scss */
#page-wrapper .area .info-box-text-abs {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background: transparent;
}
/* line 339, sass/_content_styles.scss */
#page-wrapper .area .info-box-text-offset {
  position: absolute;
  top: 37px;
  left: 8px;
}
/* line 344, sass/_content_styles.scss */
#page-wrapper .area .text-over-img {
  position: relative;
  height: auto !important;
  height: 1px;
  /* IE6 don't like auto height */
}
/* line 347, sass/_content_styles.scss */
#page-wrapper .area .text-over-img a {
  text-decoration: none;
}
/* line 348, sass/_content_styles.scss */
#page-wrapper .area .text-over-img a:hover {
  color: red;
}
/* line 350, sass/_content_styles.scss */
#page-wrapper .area .text-over-img .img-wrap img {
  width: 100%;
  /* height: auto; * keep ratio in tact */
}
/* line 352, sass/_content_styles.scss */
#page-wrapper .area .text-over-img .text-wrap {
  position: absolute;
  width: 100%;
  bottom: 0px;
}
/* line 356, sass/_content_styles.scss */
#page-wrapper .area .text-over-img .text-wrap .dialogshadow {
  color: white;
  text-align: justify;
}
/* line 359, sass/_content_styles.scss */
#page-wrapper .area .text-over-img .text-wrap .dialogshadow .content {
  padding: 6px;
}
/* line 368, sass/_content_styles.scss */
#page-wrapper .main-wrapper .area, #page-wrapper .left-sidebar-wrapper .area, #page-wrapper .right-sidebar-wrapper .area {
  /*
  **  BOTTOM MARGIN - put a margin on the bottom of all blocks
  **  in the area...
  */
           /*
           ** Ideally, we use the child selctor, but it doesn;t work in IE6
           ** So see solution below,

           > * {
                   margin-bottom: $gutter-width;
           }
           */
           /*
           ** Set all div's with margin bottom 

           div   {
                   margin-bottom: $gutter-width;
           }

           * div {
                   margin-bottom: 0px;
           }
           */
}

/* line 10, sass/_footer_styles.scss */
#footer-wrapper {
  /*
  ** Centered Background Image - low opacity
  */
  height: 30px;
  overflow: hidden;
  padding: 24px 0;
  background-color: #f3f0ed;
  background: #f3f0ed -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e3de), color-stop(100%, #fdfdfc));
  background: #f3f0ed -webkit-linear-gradient(top, #e9e3de, #fdfdfc);
  background: #f3f0ed -moz-linear-gradient(top, #e9e3de, #fdfdfc);
  background: #f3f0ed -o-linear-gradient(top, #e9e3de, #fdfdfc);
  -pie-background: #f3f0ed linear-gradient(top, #e9e3de, #fdfdfc);
  background: #f3f0ed linear-gradient(top, #e9e3de, #fdfdfc);
  behavior: url("/themes/terarp/PIE/PIE.php");
  position: relative;
  border-top: 1px solid #fdfdfc;
}
/* line 11, sass/_footer_styles.scss */
#footer-wrapper .container {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
}
/* line 18, sass/_footer_styles.scss */
#footer-wrapper .footer-bg {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -550px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('/themes/terarp//images/transparent.gif?1307321297');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 1px;
  height: 1px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25;
  z-index: 0;
}
/* line 31, sass/_footer_styles.scss */
#footer-wrapper #footer {
  clear: both;
  padding-bottom: 16px;
  color: #675d08;
  font-size: 10px;
  /*
          a {
              text-decoration: none
          }
  */
}
/* line 41, sass/_footer_styles.scss */
#footer-wrapper #footer .center {
  text-align: center;
}
/* line 43, sass/_footer_styles.scss */
#footer-wrapper #footer span.sign-in {
  margin-left: 20px;
}
/* line 46, sass/_footer_styles.scss */
#footer-wrapper #footer span.powered-by {
  float: right;
}

/* vertical margins */
/* not sure ?*/
/* gap between dialogs */
/* line 26, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
body {
  font-size: 87.5%;
  line-height: 1.429em;
}

/* line 30, ../../../../usr/local/lib/ruby/gems/1.9.1/gems/compass-0.11.1/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html > body {
  font-size: 14px;
}

/*$navigation-background:adjust-saturation(darken(#5dc01a, 5%), -2%);*/
/*
** Site Configuration
** ==================
**
** All the main variables from every area of the website can be overridden here.
**
*/
/*
** Text & Link Colors
**
** A basic set of complementary colors for Headings, Bold and Normal text.
** Variatiouns on these coles can be used for Heading Levels and Box Headings.
*/
/*
** Header
*/
/* Header Background Color          */
/* Total Header Height              */
/* Sits below Multi level menu      */
/* Top level of menu system         */
/* 2nd level of menu system         */
/* Temporary borders to assist with layout */
/*
** Navigation
*/
/* see $corner-radius of create_tabmenu_sprite */
/* header-styles.scss */
/*
** Tabmenu Sprite Image
**   If you alternavSprite variables, you need to:
**      - run togif to convert this to a gif for IE6 (note the filename)
**      - update _navigation  variables navSprite & navSpriteGIF with the
**        latest navSprite-<cachebuster>.jpg (and .gif)
*/
/*
** Content
*/
/*
** Dialog Box Images
**
** (run togif to create fallback gif's for IE6)
*/
/*
** Footer 
*/
/* line 39, sass/partials/_base.scss */
.clearfix {
  clear: both;
}

/* line 5, sass/_c5_overrides.scss */
.ccm-next-previous-wrapper a:link, .ccm-next-previous-wrapper a:visited {
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  /*font-family: Helvetica, Arial, sans-serif;*/
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  /*font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif*/
  font-size: 80%;
}

/* line 11, sass/_c5_overrides.scss */
div.ccm-spacer {
  font-size: 0;
  line-height: 0;
}

/* line 14, sass/screen.scss */
body {
  background-color: #f3f0ed;
}