@charset "UTF-8";

html {
  font-size: 100%;                     /* IE fix */
}

font, basefont {
  font-size: 100%;                     /* IE fix */
}

body
{
   font-size: 100.1%;                  /* fix for everybody! */
   background-image:url(../images/bg.jpg);
   color: #333333;
   background-color: #ffffff;
   font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
   margin: 0;
   padding: 0;
   text-align: left;
   /* font-size gets set down in #page-container */
}

/*******************************************************************************
 * BASIC LAYOUT MECHANICS
 *
 * #outer-page-container
 *   - wraps the entire page. Use this to set min/max widths and set any margins
 *
 * #page-container
 *   - wraps the page contents. Use this to set borders.
 *
 * #outer-column-container
 *   - reserves space for the left and right columns. Using borders allows you
 *     to use the border color to act as the background color for the left and
 *     right columns. background color could then act as the background of the
 *     middle column.
 *
 * #inner-column-container
 *   - provides the single-pixel black border between the middle column and
 *     its outside brothers.
 *
 * #source-order-container
 *   - source ordered layouts place the main content at the top of the page. to
 *     do this with CSS in a three-column layout you need to wrap two of the
 *     three columns in an element (DIV) to float them together as if it was a
 *     a single column.
 *   - this element contains both the #middle-column and #left-column elements.
 *
 * #middle-column, #left-column, #right-column
 *   - containers for the each of the three columns in the layout
 *
 * #bottom-block
 *   - bottom of your webpage. A place to put Secondary Menus or Slogans
 *
 * #footer
 *   - bottom of Page - outside of any content. A place to put copyright information
 *
 * .clear-columns
 *   - this class is assigned to an empty div placed after the last (floating)
 *     column inside a block that contains two or more floating columns. it
 *     clears the floats, forcing the element containing the columns to
 *     visually contain all of its columns. there are alternative approaches
 *     to clearing which do not require this extra markup (see
 *     http://www.positioniseverything.net/easyclearing.html) however I find
 *     this method is much more effective and compatible for the task at hand.
 *     also, it should be evident by now that markup bloat is not a concern
 *     with this particular layout.
 *
 * Changing Widths
 *
 *   13em = about 200px when Base Font Size = 100% (1em).
 *   17em = about 210px when Base Font Size = .75em (current settings)
 *
 *   these all need to be changed to be the same size (found below)
 *
 *   #outer-column-container: border-left & border-right
 *   #left-column: margin-left
 *   #left-column: width
 *   #right-column: margin-right
 *   #right-column: width
 *   body.sidebar-left #bottom-block-content.inside-content: margin-left
 *   body.sidebar-right #bottom-block-content.inside-content: margin-right
 *
 *   Search Area
 *
 *   The search area needs to be the same height as the area occupied by the logo/slogan
 *   in order to center the search box or align to the bottom.
 *
 *   Change
 *   .outer-center: height
 *   to get the search area positioned where you want it.
 */

.clear-columns
{
   clear: both;
}

#outer-column-container
{
   border-left: 17em solid transparent;    /* left column's width and background color */
   border-right: 23em solid transparent;   /* right column's width and background color */
}

#inner-column-container
{
   width: 100%;                        /* force this element to take the full width
                                          between the left and right columns. this is
                                          especially important as children of this
                                          element will have width:100%; set, and how
                                          that 100% value is interpreted depends on
                                          the width of it's parent (this element). */
}

#source-order-container
{
   float: left;                        /* float left so the right column, which is
                                          outside this element, has a place to go. */
   width: 100%;                        /* force this to go as wide as possible */
   margin-right: -1px;                 /* make room for the right-column's overlap. */
}

#left-column
{
   float: left;                        /* float left, where it'll live */
   margin-left: -17em;                 /* move it further left. the value here should
                                          be the same value as the left border width
                                          on #outer-column-container, but negative */
   width: 17em;                        /* need to set a definite width, should be the
                                          same width as the left border width on
                                          #outer-column-container */
   margin-right: 1px;                  /* overlap the middle column to help with
                                          clearing. see general notes above. */
}

#middle-column
{
   float: right;                       /* middle column goes right of the left column
                                          since the two share the same parent
                                          element */
   width: 100%;                        /* make the middle column as wide as possible
                                          for a fluid layout. this is not possible
                                          if it's parent element,
                                          #source-order-container, wasn't also at
                                          100% width */
   margin-left: -1px;                  /* make room for the left-column's overflap */
}

#right-column
{
   float: right;                       /* float on the right side of the layout */
   margin-right: -23em;                /* move it further right. the value here should
                                          be the same value as the right border width
                                          on #outer-column-container, but negative */
   width: 23em;                        /* need to set a definite width, should be the
                                          same width as the right border width on
                                          #outer-column-container */
   margin-left: 1px;                   /* overlap the middle column */
}

/*******************************************************************************
 * BASE THEME
 *
 * Setup basic styling for the layout. This will set gutterspace and generate a
 * basic border structure for the layout.
 */


body.sidebar-left #outer-page-container,
body.sidebar-right #outer-page-container {
   min-width: 780px;
}

body.sidebars #outer-page-container {
   min-width: 980px;
}

#outer-page-container
{
   margin: 10px 4%;                       /* horizontal margins here instead of on
                                          the body because we're setting min-
                                          width on this element. if margins set
                                          on body users will see an odd skip in
                                          the layout's rendering as it's
                                          resized below min-width. (JS-based
                                          min-width only.) */
   padding-top: 2px;

   /* Pixels to Em's, divide by 16. Have to set different line-heights for pixels

   font-size:   0.625em;                  10px
   line-height: 1.4em;                    14px

   font-size:   0.7em;                    11px
   line-height: 1.4em;                    15px

   font-size:   0.75em;                   12px
   line-height: 1.4em;                    17px

   font-size:   0.8em;                    13px
   line-height: 1.4em;                    18px

   font-size:   0.875em;                  14px
   line-height: 1.4em;                    20px

   font-size:   0.95em;                   15px
   line-height: 1.4em;                    21px

   font-size:   1em;                      16px
   line-height: 1.4em;                    22px
*/
   font-size:   0.75em;
   line-height: 1.4em;

   text-align: left;
}

#page-container
{
   background-color: transparent;
   text-align: left;
}

#masthead
{
   padding-bottom: 10px;
}

/* Search Box */

#masthead-right {
   float: right;
   width: 190px;
   text-align: left;
}

#masthead-right p, #masthead-right form {
   margin: 0;
   padding: 0;
   font-size: 11px;
   font-family: Arial, Helvetica, sans-serif;
}

/* notice everything, even the font, is set in pixels. this is
 * key because you need to know, roughly, what the width of this
 * box will be. 140px + 30px = 170px. I set the with of #masthead-right
 * to 200px just to be safe and that 30px also acts as a right-side
 * margin.
 */
#masthead-right input.text {
   width: 140px;
}

#masthead-right input.button {
   width: 30px;
}

#masthead-right input {
   font-size: 11px;
   border: solid 1px #000000;
}

#masthead-right label span {
   color: #000000;
   font-weight: bold;
}

/* Search Box end */

#hnav
{
   border-bottom: solid 1px #000000;
   text-align: left;
}

#header-block
{
   border-bottom: solid 1px #000000;
   text-align: left;
}

#header-block .content {
   padding: .5em;
}

#inner-column-container
{
   margin: 0 -1px;                     /* compensate for the borders because of
                                          100% width declaration */
}

#bottom-block
{
   padding-top: 10px;
}

body.sidebar-left #bottom-block-content.inside-content {
   margin-left: 17em;                  /* needs to match left-column width */
}

body.sidebar-right #bottom-block-content.inside-content {
   margin-right: 23em;                 /* needs to match right-column width */
}

/* both sidebars are on, set unequal margins */

body.sidebars #bottom-block-content.inside-content {
   margin-left: 0;
   margin-right: 6em;                  /* difference between left & right (23-17) */
}

.inside-content
{
   margin: 10px;                       /* margin, instead of padding, used to
                                          induce margin collapse if needed by
                                          child elements */
}

#bottom-block-content.inside-content {
   margin: 0px;
}

/*******************************************************************************
 * HACKS
 *
 * Not all browsers are created equal. Many CSS engines behave differently
 * and can create discrepencies in the rendering of your layout across different
 * browsing platforms. These hacks are aimed to resolve those discrepencies
 * and provide a more consistent look to the layout.
 *
 * CSS hacks work by playing to a bug in the CSS engine or parser for a given
 * browser. This forces the browser to either apply or ignore a rule that other
 * browsers wouldn't. This lets you apply rules to work around bugs in a specific
 * browser that would otherwise break the layout.
 *
 * It's important that when you use a CSS hack you do so in a way that is as
 * specific in targeting the problem browser as possible. Some hacks might
 * work for two or three different platforms, but you only need to apply it on
 * one platform. You might find that this hack has no adverse effects on those
 * other two platforms right now, but in a later version the hack might create
 * problems. Save yourself the headache and do as much as you can to narrow
 * the target of a CSS hack as much as possible.
 *
 * COMMON HACKS USED HERE
 *
 * The star-html hack (* html) targets Internet Explorer, both Windows and Mac,
 * for versions 6 and earlier. There is no element higher up in the page
 * than the HTML element. IE seems to think otherwise. Rules applied to any
 * selector that begins with "* html" will be ignored by just about every
 * browser except Internet Explorer. So any selector given below that begins
 * with "* html" is targetted at Internet Explorer.
 *
 * The backslash-star comment hack targets IE/Mac. CSS comments end with an
 * asterisk and forward slash. Anything after that closing comment mark will
 * be interpreted as as CSS rule. However if you prefix that closing comment
 * mark with a backslash, IE/Mac won't recognize that the comment has been
 * closed, but other browsers will. So any rules that come after the hacked
 * closing comment will be applied by any browser except IE/Mac until a
 * non-hacked closing comment is found.
 *
 * With the above two hacks outlined, it's possible to target IE on a specific
 * OS platform. This is important as the CSS and rendering engines for Mac and
 * Windows are completely different and have very different requirements in
 * terms of hacks.
 *
 * You may see other empty comments in wierd places, those are variations on
 * another comment hack to help target specific version of IE/Win (separating
 * IE 5 from IE6 typically).
 *
 * One other you'll see is a height setting of 0.1%. This is to trigger
 * hasLayout (see reference section below). IE (at least pre-version 7)
 * will automatically expand a box beyond it's set height if its content
 * is too tall. Setting height to 100% also works, but this can lead to
 * problems where an element that should only be a few pixels tall turns
 * out to be as tall as the rest of the page. By setting it to 0.1% you
 * minimize the chance of elements being set taller than they need to be.
 *
 * WHY USE HACKS?
 *
 * For compatibility sake. Specifics on what each hack does, and why its
 * used, is provided with the rule or ruleset in question. However, the
 * majority of hacks used have to do with an internal property in IE
 * called hasLayout. The first item in the reference section below has
 * all you could ever want to know, and more, about hasLayout.
 *
 * REFERENCE
 * http://www.satzansatz.de/cssd/onhavinglayout.html
 * http://www.communis.co.uk/dithered/css_filters/css_only/index.html
 */

.clear-columns
{
   /* hide from IE/Mac \*/
   padding-bottom: 1px;
   margin-bottom: -1px;                /* this padding/margin hack is here for
                                          older Mozilla engines (Netscape 7, 6,
                                          FireFox pre 2.0) which will not allow
                                          an element to clear unless it has some
                                          effect on how the rest of the layout
                                          renders (ie, it takes up space).
                                          Hidden from IE/Mac as it triggers a
                                          horizontal scrollbar. */
}

* html #outer-page-container
{
   /* \*/ height: 0.1%;                /* IE/Win 5 needs this to prevent rendering
                                          issues if a minimum width is applied to
                                          this element and the viewport is sized
                                          narrower than it's minimum width. however
                                          this breaks IE/Mac so a comment hack is
                                          used to hide it. */
   position: relative;                 /* IE/Mac 5.0 seems to need this. without it
                                          any child element with position: relative
                                          isn't rendered. */
}

* html #middle-column, * html #left-column, * html #right-column,
* html #source-order-container
{
   /* hide from IE/Mac \*/
   overflow: visible;                  /* a bug through IE/Win 6 causes the widths of
                                          text boxes to be calculated narrower than
                                          they render, causing overflow of their parent
                                          elements. we need to explicitly handle this
                                          overflow. IE/Win 5.0 does not handle visible
                                          overflow correctly and so on some layouts,
                                          at some viewport widths you'll get a
                                          horizontal scroll bar. */
   /* hide from IE/Mac \*/
   position: relative;                 /* this resolves rendering bugs in IE/Win.
                                          without this the columns don't render on
                                          screen or text jog. */
}

* html #middle-column
{
   margin-right: -4px;                 /* fix 3-pixel text jog in IE/Win 5.0.
                                          -4px because we also have to
                                          compensate for the overlaps from
                                          the left and right columns */
   margin-right/* */: 0;               /* reset value on 5.5 and later using
                                          comment hack to hide this rule from 5.0 */
}

* html #middle-column .inside-content
{
   margin-right: 14px;                 /* compensate for negative margin in
                                          previous rule */
   margin-right:/* */: 10px;           /* reset margins for 5.5 and later */
}

* html #masthead, * html #bottom-block  /* holly hack (VERY IMPORTANT) */
{
   /* hide from IE/Mac \*/
   height: 0.1%;                       /* this is to fix an IE 5.0 bug. setting this
                                          value forces these elements to contain their
                                          child elements, meaning margins will no
                                          longer collapse. */
   height/**/: auto;                   /* reset for IE/Win 5.5 and later by hiding
                                          this rule from 5.0 with the empty comment
                                          hack. also hidden from IE/Mac for the same
                                          reason. */
}

* html #masthead .inside-content, * html #bottom-block .inside-content
{
   margin-top: 0;
   margin-bottom: 0;                   /* since margins no longer collapse due to
                                          previous rules we remove vertical margins
                                          from the .inside-content class */
   margin/* */: 10px;                  /* reset for IE 5.5 and later */
}

* html .inside-content
{
   margin: 10px 0.75em;                /* i don't yet understand this bug in IE 5.0
                                          which forces the right column down if the
                                          side margins are at a very specific value.
                                          if your side column widths are set in EMs,
                                          0.75em seems to work fine. */
   margin/* */: 10px;                  /* reset for IE 5.5 and later */
}

* html #inner-column-container
{
   display: block;
}

* html #source-order-container
{
   margin-right: -100%;                /* IE/Mac will force #source-order-container
                                          to the width of #left-column, even though
                                          that element is no longer inside it. this
                                          negative margin will help IE/Mac keep the
                                          three columns together under narrower
                                          viewports than normal.
   /* \*/ margin-right: -1px;          /* reset the above hack for IE/Win */
}

#left-column, #right-column
{
   position: relative;                 /* resolve issues with links in left and right
                                          columns not being clickable in Safari */
}

/******************************************************************************/

/* For Vertically Centering Content */
/* contains IE hacks, what else!    */

.outer-center {
   display: table;
   height: 88px;                       /* set to height of masthead after all content is added */
   #position: relative;
   overflow: hidden;
}

.middle-center {
  #position: absolute;
  #top: 50%;
  display: table-cell;
  vertical-align: middle;              /* your preference: top, middle, bottom */
}

.inner-center {
   #position: relative;
   #top: -50%;
}

/* For Vertically Centering Content end */

/* 1 pixel solid border */

.border-class {
   border: 1px black solid;
}

a, a:link, a:visited, a:active, a.active {
   text-decoration: none;
   color: #0000FF;
}

a:hover {
   text-decoration: underline;
}

a img {
   border: none;
}

address {
   font-style: italic;
   margin: 0 0 1.5em;
}

ul {
   list-style-type: disc;
}

ol {
   list-style-type: decimal;
}

ul, ol, dl
{
   margin-top: 10px;
   margin-bottom: 10px;
   padding-top: 0;
   padding-bottom: 0;
}

ul ul, ul ol, ol ul, ol ol
{
  /* no margins on sub-lists */
   margin-top: 0;
   margin-bottom: 0;
}

p {
   padding: 0;
   margin-top: 0;
   margin-bottom: 0.625em;             /* 10px */
   margin-left: 0;
   margin-right: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1.title a, h2.title a{
   font-family: Arial, Helvetica, helv, 'Zurich BT', sans-serif;
   color: #000000;
   margin-top: 0;
   margin-left: 0;
   margin-right: 0;
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 0;
   padding-right: 0;
   font-weight: normal;
}

h1 {
   font-size: 170%;
   line-height: 120%;
   margin-bottom: 0.75em;              /* 12px */
}

h2 {
   font-size: 150%;
   line-height: 120%;
   margin-bottom: 0.5em;               /* 8px */
}

h3 {
   font-size: 140%;
   line-height: 130%;
   margin-bottom: 0.375em;             /* 6px */
}

h4 {
   font-size: 130%;
   line-height: 130%;
   margin-bottom: 0.375em;             /* 6px */
}

h5 {
   font-size: 120%;
   line-height: 130%;
   margin-bottom: 0.375em;             /* 6px */
}

h6 {
   font-size: 110%;
   line-height: 130%;
   margin-bottom: 0.625em;             /* 10px */
}

pre,
code {
  margin: 1.5em 0;
  white-space: pre;
}

pre,
code,
tt {
  font: 1em/1.5em "Courier New", Courier, monospace;
}

label
{
  cursor: pointer;
}

table
{
  font-size: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 1.4em;
  width: 100%;
}

table,
td,
th {
   vertical-align: middle;
}

tfoot {
   font-style: italic;
}


th {
   font-weight: bold;
}

th,
td {
   padding: 4px 10px 4px 5px;
}

tr.even td {
   background-color: #E5ECF9;
}

input {
   color: #494949;
   font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
   font-size: 11px;
   white-space: nowrap;                /* Lame IE wraps button text */
}

textarea, select {
   color: #494949;
   font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
   font-size: 12px;
}

input.form-text,
input#edit-title {
   padding: 2px;
}

input.form-text,
input#edit-title,
textarea,
select {
   border: 1px solid black;
}

input.form-text:focus,
input#edit-title:focus,
textarea:focus,
select:focus {
   border: 1px solid blue;
}


abbr,
acronym {
   border-bottom: 1px dotted #666;
}

blockquote {
   color: #666;
   font-style: italic;
}

caption {
   background-color: #eee;
}

caption,
th,
td {
   font-weight: normal;
   text-align: left;
}

dd {
   margin-left: 1.5em;
}

del {
   color: #666;
}

dfn {
   font-weight: bold;
}

/******************************************************************************
  Admin area fixes in layout
 */
div.admin .left,
div.admin .right {
   margin: 0;
}

/******************************************************************************
  Tabs
 */
div.tabs ul.primary {
   border-bottom: #000000 2px solid;
   clear: both;
   height: 1.5em;
   margin: 2em 0 0 0;
   padding-left: 10px;
   padding-right: 10px;
}

div.tabs ul.primary li {
   display: block;
   float: left;
   list-style-type: none;
   margin: 0;
   padding: 0 2px;
   text-align: center;
}

div.tabs ul.primary li a {
   background-color: #eeeeee;
   border-color: #000000;
   border-style: solid;
   border-width: 1px 1px 0 1px;
   color: #999999;
   line-height: 1em;
   padding: 4px 10px;
   position: relative;
   text-decoration: none;
}

div.tabs ul.primary li a.active {
   background-color: #ffffff;
   border-color: #000000 #000000 #eeeeee #000000;
   border-style: solid;
   border-width: 2px 2px 0 2px;
   color: #000000;
   font-weight: bold;
   padding: 6px 10px;
}

div.tabs ul.primary li a:hover {
   text-decoration: underline;
}

div.tabs ul.secondary {
   clear: both;
   line-height: 2em;
   margin: 0;
   padding: 0;
}

div.tabs ul.secondary li {
   border-right: #000000 1px solid;
   display: inline;
   list-style-type: none;
   padding: 0 7px 0 5px;
}

div.tabs ul.secondary li a {
   color: #999999;
   text-decoration: none;
}

div.tabs ul.secondary li a.active {
   color: #000000;
   font-weight: bold;
}

div.tabs ul.secondary li a:hover {
   text-decoration: underline;
}

dl {
   margin: 0 0 1.5em 0;
}

dl dt {
   font-weight: bold;
}

em,dfn {
   font-style: italic;
}

fieldset {
   border: 1px solid #ccc;
   margin: 0 0 1.5em 0;
   padding: 1.4em;
}

strong {
   font-weight: bold;
}

sup,
sub {
   line-height: 0;
}

tt {
   display: block;
   line-height: 1.5;
   margin: 1.5em 0;
}

.description {
   font-size: 90%;
   font-style: normal;
   padding: .5em;
}

.taxonomy {
   margin-bottom: 10px;
}

.ntype-product {
   margin-top: 20px;
}

.error {
   background-color: #ffdddd;
   border-color: #ff0000;
}

.help {
   background-color: #ffffcc;
   border-color: #FEFF7F;
   font-style: italic;
   padding: .5em 1em;
}

.help .more-help-link {
   font-weight: bold;
}

.help p {
   padding: .5em 0;
}

.messages,
.help {
   border-style: solid;
   border-width: 2px;
   margin: 1em 0;
   padding: 1em;
}

.status {
   background-color: #D9F4FF;
   border-color: #9FE4FF;
   font-style: italic;
}

.breadcrumb {
   padding-top: 12px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
}

#main-menu {
   padding: .5em;
}

#main-menu ul {
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 0;
   margin-right: 0;
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 0;
   padding-right: 0;
   text-align: right;
}

#main-menu ul.menu {
   border: 0;
}

#main-menu ul li {
   list-style-type: none;
   display: inline;
}

#main-menu ul li a {
   color: black;
   text-decoration: none;
}

ul.menu li a {
   color: black;
}

#mission {
  background-color: #F9FAFF;
  border: solid 1px #E1E1E1;
  padding: .75em;
  margin: 1em 0;
}

#mission h1, #mission h2 {
   color: #000000;
}

#secondary-menu {
   clear: both;
   width: 100%;
}

#secondary-menu ul {
   margin: 0;
   padding: 0;
   text-align: center;
}

#secondary-menu ul li {
   list-style-type: none;
   display: inline;
}

#secondary-menu ul li a {
   color: black;
}

#left-column .block,
#right-column .block {
   margin-top: 0;
   margin-bottom: 2em;                 /* space between one block and the block underneath it */
   margin-left: 0;
   margin-right: 0;
}

#left-column h1, #left-column h2,
#right-column h1, #right-column h2,
#left-column .block a,
#right-column .block a {
   color: #000000;
}

#left-column h2,
#right-column h2 {
   font-size: 120%;
   line-height: 80%;
   margin-top: 0;
   margin-bottom: 0.3em;
   font-weight: bold;
}

#left-column h2.title a,
#right-column h2.title a {
   font-weight: bold;
}

#left-column ul.menu,
#right-column ul.menu {
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 0;
   margin-right: 0;
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 1em;
   padding-right: 0;
}

#left-column ul.menu ul,
#right-column ul.menu ul {
   padding-left: .5em;
}

#left-column table,
#left-column table {
   margin-bottom: 0;
}

/* Rounded Corners */

/* Basic styling, used when JavaScript is unsupported */

.cbb {
   margin: 0;
   border: 1px solid #666;
   background-color: #fff;
}

.cb {
   margin: 0;
}

/* .i3 = Content Wrapper. */

.i3 {
   display: block;
   margin: 0;
   padding: 1px 10px;
}

#block-header .i3 {
   display: block;
   margin: 0;
   padding: 1px;
}

#left-column .i3,
#right-column .i3 {
   display: block;
   margin: 0;
   padding: 0.2em;
}

/* Make the content wrapper auto clearing so it will contain floats
   (see http://positioniseverything.net/easyclearing.html). */

.i3:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

#masthead.cb,
#bottom-block.cb {
   margin: 0;
}

#left-column .cb,
#right-column .cb {
   margin-top: 0;
   margin-bottom: 2em;                 /* space between one block and the block underneath it */
   margin-left: 0;
   margin-right: 0;
}

/*****************************/
/* Configurabe Colored Boxes */
/*****************************/

.i3 {                                  /* Content Background */
   background-color: #f1ece6;
}

.bt,                                   /* Top Border     */
.bt div,                               /* Top Corners    */
.bb,                                   /* Bottom Border  */
.bb div {                              /* Bottom Corners */
   background-image: url(../images/beige_box.png);
}

.i1,                                   /* Left Side Border  */
.i2 {                                  /* Right Side Border */
   background-image: url(../images/beige_borders.png);
}

/*****************************/


/*****************************/
/* Always White Boxes        */
/* Unless using Black Borders*/
/*****************************/

#middle-column .i3,                    /* Always White Background */
#block-header .i3 {
   background-color: #ffffff;
}

#middle-column div.bt,                 /* Top Border     */
#middle-column div.bt div,             /* Top Corners    */
#middle-column div.bb,                 /* Bottom Border  */
#middle-column div.bb div,             /* Bottom Corners */
#block-header div.bt,                  /* Top Border     */
#block-header div.bt div {             /* Top Corners    */
   background-image: url(../images/white_box.png);
}

#middle-column div.i1,                 /* Left Side Border  */
#middle-column div.i2,                 /* Right Side Border */
#block-header div.i1,                  /* Left Side Border  */
#block-header div.i2 {                 /* Right Side Border */
   background-image: url(../images/white_borders.png);
}

.bt,
.bb {
   height: 12px;
   margin: 0 0 0 13px;
   background-repeat: no-repeat;
   background-color: transparent;
}

.bt {
   background-position: 100% 0;
}

.bb {
   background-position: 100% 100%;
}

.bt div,
.bb div {
   position: relative;
   left: -13px;
   width: 13px;
   height: 12px;
   background-repeat: no-repeat;
   background-color: transparent;
   font-size: 0;
   line-height: 0;
}

.bt div {
   background-position: 0 0;
}

.bb div {
   background-position: 0 100%;
}


/* Left border */

.i1 {
   padding: 0 0 0 12px;
   background-repeat: repeat-y;
   background-position: 0 0;
   background-color: transparent;
}

/* Right border */

.i2 {
   padding: 0 12px 0 0;
   background-repeat: repeat-y;
   background-position: 100% 0;
   background-color: transparent;
}

/* Rounded Corners End */

/* Theme Settings */

.hide
{
   display: none !important;
}

#kgtheme03-placeholder {
  position: absolute;
  top: 0;
  right: 0; /* LTR */
}

#kgtheme03-palette .form-item {
  width: 30em;
}

#kgtheme03-palette .item-selected {
  background-color: #eee;
}

#kgtheme03-color {
   height: auto;
}

.form-item .description {
   clear: both;
   font-size: 90%;
   font-style: normal;
}

#kgtheme03-palette .form-item-description {
   clear: both;
   width: 30em;
   font-size: 80%;
   line-height: 140%;
   font-style: normal;
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 1em;
   padding-right: 0;
   white-space: normal;
}

#kgtheme03-border-scheme {
   float: left;
   text-align: center;
   margin-top: 20px;
   margin-bottom: 0;
   margin-left: 0;
   margin-right: 10px;
}

#kgtheme03-border-pic {
   margin-bottom: 10px;
}

#kgtheme03-bkgrnd {
   float: left;
   text-align: center;
   margin-top: 20px;
   margin-bottom: 0;
   margin-left: 0;
   margin-left: 10px;
}

#kgtheme03-bkgrnd-pic {
   margin-bottom: 10px;
}


/**********************/
/* KG stuff down here */
/**********************/

#secondary-container
{
   margin: 0px;
   padding: 0px;
}

#secondary-container ul
{
   margin: 0px;
   padding: 10px;
   list-style-type: none;
   text-align: center;
}

#secondary-container ul li
{
   display: inline;
   margin: 0px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 0px;
   padding-bottom: 0px;
}

#secondary-container ul li a
{
   text-decoration: none;
   margin: 0px;
   padding: 0px;
   color: #027AC6;
   background-color: none;   /* Dont display external link icon on bottom menu (doesn't display correctly) */
}

#secondary-container ul li a:hover
{
   margin: 0px;
   padding: 0px;
   color: #0062A0;
   text-decoration: underline;

}

#bottom-block-content
{
   text-align: center;
}

#footer
{
   margin-top: 10px;
   text-align: center;
}

.copyright
{
   margin: 0px;
   padding: 0px;
   font-size: smaller;
   line-height: 150%;
   font-style: italic;
}

.kgtable
{
   border: none;
   padding: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   width: auto;
}

.kgtable tbody
{
  border-top: none;
}

/* Product Display */

table.category-products
{
   clear: right;
   width: 100%;
   border-top: 1px solid #9a9a9a;
   border-bottom: 1px solid #9a9a9a;
   border-left: 1px solid #9a9a9a;
   border-right: 1px solid #9a9a9a;
   border-collapse: collapse;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
}

table.category-products td,
table.category-products th
{
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
   vertical-align: middle;
}

table.category-products tbody,
table.category-products tr.even,
table.category-products tr.odd
{
   border-top: 0px none;
   border-bottom: 0px none;
   border-left: 0px none;
   border-right: 0px none;
   border-width: 0px;
}

table.category-products thead tr
{
   background-color: #ADD8E6;
   background-image: url(../images/tile_back.gif);
   background-repeat: repeat-x;
   height:22px;
}

table.category-products thead th
{
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 5px;
   padding-right: 5px;
   vertical-align: middle;
   color: #000000;
   font-size: 12px;
   font-weight: bold;
   border-top: 0px none;
   border-bottom: 0px none;
   border-left: 0px none;
   border-right: 0px none;
   background-color: transparent none repeat scroll 0 0;
}

table.category-products thead th.active
{
   text-align: left;
}

table.category-products th a
{
   font-size: 12px;
   font-weight: bold;
   color: #000000;
}

table.category-products th a:hover
{
   color:#ffffff;
   text-decoration:underline;
}

table.category-products thead td
{
   padding:5px;
   vertical-align:middle;
}

table.category-products tr.even,
table.category-products tr.even td.active
{
   background-color:#EFF4F8;
}

table.category-products tr.odd,
table.category-products tr.odd td.active
{
   background-color:#ffffff;
}

table.category-products form
{
   margin: 0px;
   padding: 0px;
}

.block-uc_cart h2
{
   font-size: 140%;
}

.block-uc_catalog h2
{
   font-size: 140%;
}

.block-uc_catalog ul
{
   line-height: 120%;
}

#cart-form-pane th,
#cart-form-pane td
{
   vertical-align: middle;
}


/* Ubercart Grid Overrides */

.category-grid-products td
{
   background-color: #ffffff;
   border-bottom: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
   padding: 10px;
   text-align: center;
}

/* Grid Table that holds name, price, add to cart */

table.uc-grid-table
{

}

tr.uc-grid-table-tr
{
}

td.uc-grid-table-td
{
   text-align: center;
   border-bottom: 0;
}


tr.uc-grid-table1-tr
{
}

td.uc-grid-table1-td
{
   text-align: center;
   border-top: 0;
}

table.uc-grid-desc-table
{
   width: 100%;
   border: 1px solid #CCCCCC;
}

tr.uc-grid-desc-table-tr
{
}

td.uc-grid-desc-table-td
{
   text-align: center;
}