/**************************************************************
  Design:              Structured Dynamics LLC Master Layout CSS
  Author:              M.K. Bergman (mike@mkbergman.com)
  Last Modified:       May 20, 2010  
                   ---------------------------------
  Thanks (in part) to: Pat Heard's LazyDays' design { http://fullahead.org }
                       3-col tutorial ( http://builder.com.com/5100-6371-5268973.html )
                      
 **************************************************************/

/**************************************************************
   #content: Sets the width (and possible footer display) of the 
             site.  Make changes here to convert to a fixed
             width site.
 **************************************************************/

#content {  
  /* Uncomment this and possibly adjust 83% to force footer display at bottom of viewed page
  height: 83%;
  min-height: 83%; */
  text-align: left;
 }

#content,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1080 ? "1080px" : "94%");  
  max-width: 1080px;
  margin: 0 auto;
}

/**************************************************************
   #header: Holds the site title, logo, sign-in and maim menu items
 **************************************************************/
 
#header {
  position: relative;
  background: #f3eee4 url(http://structureddynamics.com/images/bg/header_bottom_bar.png) repeat-x top left;
  height: 118px;
  color: #ffffff;
}

/* Holds the site logo and title */

#logo {
  position: absolute;
  z-index: 3;
  top: 11px;
  left: 120px;
  border: none;
  padding: 0px;
  text-align: left;
}

#tagline {
  position: absolute;
  z-index: 3;
  top: 47px;
  left: 332px;
  color: #e0e0e0;
  text-align: left;
  font: 600 1.0em verdana, arial, sans-serif;
  font-style: italic;
}
/* Holds the site login template */

#login {
  position: absolute;
  z-index: 3;
  top: 17px;
  right: 120px;

  padding: 5px;
  text-align: right;
}

#login a {
  color: #ffa500;
  font-weight: bold;
  text-decoration: none;
}

#login a:hover {
  color: #ffffff;
  font-weight: bold;
  text-decoration: underline;
}
 
/* Holds the mainMenu and related IDs 
   The basic structure for the rounded corners came from:
   http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners.shtml */
   
#mainMenu {
  position: absolute;
  right: 180px;
  top:  85px;
}

/* Specific to IE */
html #mainMenu {
  top: 86px;
}

#mainMenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#mainMenu a, #mainMenu a span, #mainMenu li {
  display: block;
  float: left;
}

#mainMenu li {
  margin: 0 5px;
  font-weight: bold;
  line-height: 200%;
  text-decoration: none;
  background: transparent;
}

#mainMenu a {
/* added */
    background: #c5cfcf url(http://structureddynamics.com/images/bg/round_top_left_gray.png) left top no-repeat;
/*   background: transparent url(../images/bg/round_none.png) left top no-repeat; */
  text-decoration: none;
  color: #4e4e54;
  padding-left: 10px;
}

#mainMenu a span {
  padding-right: 10px;
  background: #c5cfcf url(http://structureddynamics.com/images/bg/round_top_right_gray.png) right top no-repeat;
}

/* Specific to IE, but hides from IE5-Mac \*/
#mainMenu a, #mainMenu a span {
float: none
}
/* End hide */

#mainMenu a:hover,
#mainMenu a.here {
  background: #7a8080 url(http://structureddynamics.com/images/bg/round_top_left_orange.png) left top no-repeat;
  padding-left: 10px;
}

#mainMenu a.here span {
  margin-top: 1px;  
  color: #ffffff;
  background: #7a8084 url(http://structureddynamics.com/images/bg/round_top_right_orange.png) right top no-repeat;
}

#mainMenu a:hover span { 
  margin-top: 1px;  
  color: #211c21;
  background: url(http://structureddynamics.com/images/bg/round_top_right_orange.png) right top no-repeat;
  padding-right: 10px;
}

#mainMenu li a.last {
  margin-right: 0;
}

/**************************************************************
   #page: Holds the main page content
 **************************************************************/

#page {
  position: relative;
  width: 100%;
  margin: 0;
  background: #ffffff;
 }

#search {
  margin: 3px 3px 5px 0;
  padding: 0;
  float: right;
  width: 47%;
  text-align: right;
  font: 400 0.8em verdana, sans-serif;
} 

/**************************************************************
   Panel and column classes
 **************************************************************/

.centerPanel {
/* max-width hack for IE since it doesn't understand the valid css property;
   adjust in relation to overall content width and left and right panels */
  width: expression(document.body.clientWidth > 740 ? "740px" : "auto");
  max-width: 740px;
  margin:  4px 170px 0px 170px;
  background: transparent;
}

/* This is a total hack due to an IE 6 bug, found from 
( http://crowstoburnaby.com/index.php/2005/02/07/fixing_the_pc_ie_float_drop_bug ) */
/* Specific to IE, but hides from IE5-mac \*/
* html .centerPanel {
    overflow-x: auto; overflow-y: hidden; 
    width: expression(document.body.offsetWidth - 555);
/* End hide from IE5-mac */    
}

/* These are MAJOR structural building blocks for the site !!! */

.leftPanel {
  float: left;
  text-align: center;
  width: 170px;
  padding: 0 0 24px 0;
}

.rightPanel {
  float: right;
  text-align: center;
  width: 170px;
  padding: 0 0 24px 0;
}

#BackgroundMidRightPanel {
  float: right;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #ffffff url(http://structureddynamics.com/images/bg/panel_background_right.png) repeat-y right top;
}

/* infrequent variant, used mostly for the Home page */
#BackgroundMidRightPanelHome {
  float: right;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #f3eee4;
}

#BackgroundLeftPanel {
  float: left;
  margin: 0;
  padding: 0;
  background: transparent url(http://structureddynamics.com/images/bg/panel_background_left.png) repeat-y left top;
  width: 100%;
}

/* infrequent variant, used mostly for the Home page */
#BackgroundLeftPanelHome {
  float: left;
  margin: 0;
  padding: 0;
  background: #ffffff;
  width: 100%;
}

.BackgroundBottomPanel {
  background: #f3eee4 url(http://structureddynamics.com/images/bg/panel_background_bottom.png) repeat-x right top;
}

/**************************************************************
   Home page header and supporting classes
 **************************************************************/

/* standard Home page header */

#homeHeader {
  margin: 3px 0 0 3px;
  padding-top: 8px;
  float: left;
}

#homeLogo {
  float: left;
  margin-left: 26px;
  margin-top: 5px;
  width: 88%;
}

/**************************************************************
   center Panel header IDs
 **************************************************************/

#centerHeader {
  margin: 3px 0 24px 3px;
  float: left;
  width: 50%;
  text-align: left;
}

#centerImage {
  float: left;
/*  border: #bbb 1px solid; */
}

.center {
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}  

#centerTitle {
  margin: 5px 0 0 10px;
  padding: 0;
  float: left;
  width: auto;
  line-height: 120%; 
  color: #797979;
  text-align: center;
}

/**************************************************************
   conSTRUCTs menu and supporting classes
 **************************************************************/
/* Holds the constructMenu and related IDs */ 
 
#constructMenu {
  width: 96%;
  margin: 0 0 0 14px;
  float: left;
  text-align: left;
  font: 400 0.9em verdana, sans-serif;
  background: transparent url(http://structureddynamics.com/images/bg/line_construct.png) left 23px repeat-x;  
}

#constructMenu ul {
  list-style: none;
  padding: 0 0 0 120px;
  margin: 0;
}

#constructMenu a, #constructMenu a span, #constructMenu li {
  display: block;
  float: left;
}

#constructMenu li {
  margin: 0 2px 1px 2px; /* varying bottom covers (0px) or exposes (1px) long underline */
  padding: 0 0 0 0; 
  line-height: 200%;
  text-decoration: none;
  background: transparent url(http://structureddynamics.com/images/bg/round_left_construct.png) left top no-repeat;
}

#constructMenu a {
  margin: 0 0 0 0;
  text-decoration: none;
  color: #696969;
  padding-left: 10px;
  background: #f7f6f6 url(http://structureddynamics.com/images/bg/round_left_construct.png) left top no-repeat;   
}

#constructMenu a span {
  color: #696969;
  background: #f7f6f6 url(http://structureddynamics.com/images/bg/round_right_construct.png) right top no-repeat;
  padding-right: 10px;
 }

/* Specific to IE, but hides from IE5-Mac \*/
#constructMenu a, #constructMenu a span {
float: none
}
/* End hide */

#constructMenu a.here {
  background: #ffffff url(http://structureddynamics.com/images/bg/round_left_construct.png) left top no-repeat;
  padding-left: 10px;
  padding-bottom: 3px;
  overflow: visible;
}

#constructMenu a.here span {
  color: #393939;
  background: #ffffff url(http://structureddynamics.com/images/bg/round_right_construct.png) right top no-repeat;
}

#constructMenu a:hover {
  background: #e0e0e0 url(http://structureddynamics.com/images/bg/round_left_construct.png) left top no-repeat;
  padding-left: 10px;
}

#constructMenu a:hover span {
  color: #e45b00;
  background: #e0e0e0 url(http://structureddynamics.com/images/bg/round_right_construct.png) right top no-repeat;
  padding-right: 10px;
}

#constructSubMenu {
  float: left;
  width: 80%;
  text-align: left;
  padding-top: 5px;
  padding-left: 140px;
}

.constructStatus {
  float: left;
  color: #797979;
}

.constructStatus a {
  color: #237759;
}  
.csCol1 {
  float: left;
  text-align: right;
  margin: 15px 0 10px 15px;
}

.csCol2 {
  float: left;
  text-align: left;
  margin: 15px 0 10px 10px;
}

/**************************************************************
   panelMenu and supporting classes
 **************************************************************/

/* panelMenu in left panel */

#panelMenu {
  float: left;
  text-align: left;
  width: 100%;
  margin: 4px 4px 0 0;
  font: 400 0.85em verdana, sans-serif;
}

#panelMenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#panelMenu a, #panelMenu li {
  display: block;
  float: left;
  width: 158px;
  line-height: 240%;
  height: 25px; /* necessary for IE */
  color: #696969;  
  background: #f3eee4;   
  text-decoration: none;
}

#panelMenu li {
  display: inline;
  border: #dfd8c5 solid;
  border-width: 1px 0;
  margin-top: -1px; 
}

/* Specific to IE, but hides from IE5-Mac \*/
#panelMenu a, #panelMenu a span {
float: none
}
/* End hide */

#panelMenu a.here {
  color:  #e45b00;
  background: #fbfbfb;
}

#panelMenu a:hover {
  color: #e45b00;
  background: #e0e0e0;
}

/**************************************************************
   Width classes used by the site columns
 **************************************************************/

/* this could be called width100, but it works to break row sections in the center panel */
.centerPanelBreak {
  float: left;
  width: 97%;
  height: 12px;
  }

.width100 {
  width: 98%;
  margin: 4px;
}
  
.width80 {
  width: 78.5%;
  margin: 4px;
}

.width75 {
  width: 73.0%;
  margin: 4px;
}

.width67 {
  width: 65.5%;
  margin: 4px;
}

.width60 {
  width: 57%;
  margin: 4px;
}

.width50 {
  width: 48%;
  margin: 4px;
}

.width40 {
  width: 39.3%;
  margin: 4px;
}

.width33 {
  width: 31.8%;
  margin: 4px;
}

.width25 {
  width: 24.3%;
  margin: 0 4px;
}

.width20 {
  width: 19.3%;
  margin: 4px;
}

.width10 {
  width: 9%;
  margin: 4px;
}

/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignCenter {
  text-align: center;
}

.leftHug {
  margin: 8px 8px 0 0;
}

.rightHug {
  margin: 8px 0 0 8px;
}

/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

/* this class helps to show a div definition during development mode;
   not used in production */
.box {
  border: #000 1px solid;
}

/* Provides the standard l- adn r-column inset panel */
.insetPanel {
/* see leftHug or rightHug for margin settings */
  padding: 4px;
  border: #dfd8c5 solid;
  border-width: 1px; 
  background-color: #fbfbfb;
  text-align: left;
}

.stdPadding {
  padding: 6px 10px 0 10px;
}  
  
.formPanel {
  margin-top: 10px;
  font: 400 0.9em verdana, sans-serif;
}

.formPanel ul {
  margin: 5px 30px;
  padding: 0px;
} 

.formPanel li {
  margin: 0px;
  padding: 0 0 6px 6px;
}   

.optionPanel {
  margin-top: 10px;
  font: 500 1.3em "trebuchet ms", serif;
  text-align: right;
  color: #265580;
}

.PanelHeaderGray {
  width: 95%;
  font: 600 1.2em verdana, sans-serif;
  color: #696969;
  text-align: center;
  padding: 24px 4px 0 4px;
}

.PanelLink a {
  font: 400 0.8em verdana, sans-serif;
  color: #e45b00;
  text-decoration: underline;
  padding: 4px 4px 0 4px;
}

.PanelLink a:hover {
  color: #696969;
}
  
.More {
  height: 0px;
}

.block {
  display: block;
}

.small {
  font-size: 0.95em;
}

.structshare {
  color: #265580;
}

.construct {
  color: #237759;
}

/**************************************************************
   Center panel results display classes
 **************************************************************/

.breadcrumbs {
  float: left;
  width: 90%;
  margin: 10px 0 0 15px;
  text-align: left;
  font-size: 0.85 em verdana, arial, sans-serif;
  font-weight: bold;
}  

.breadcrumbs a {
  font-weight: bold;
  color: #3473b3;
  text-decoration: none;
}  

/* Provides the standard Google-like summary results view */
.summaryView {
/* see leftHug or rightHug for margin settings */
  padding: 15px;
  float: left;
  margin-top: 15px;
  text-align: left;
  font-size: 0.85 em verdana, arial, sans-serif;
}

/* Provides the container for each structure results view */
.structureView {
  float: right;
  text-align: center;
  width: 83%;
}

/* individual row within a structure view */
.svRow {
  float: left;
  margin-top: 10px;
  text-align: center;
}

.svRow p {
  margin: 0;
  padding: 0;
}

/* the next two are the side-by-side columns */
.svCol1 {
  float: left;
  width: 120px;
  text-align: right;
  color: #797979;
}

.svCol2 {
  float: right;
  width: 76%;
  text-align: left;
  padding: 0 6px;
}  

.svTop {
  float: left;
  margin: 10px 0 0 5px;
  width: 99%;
  height: 10px;
  background: #ffffff url(http://structureddynamics.com/images/bg/structure_view_separator.png) top left no-repeat;
}  

.svBottom {
  float: left;
  width: 99%;
  height: 10px;
  margin-top: 10px;
}  

/**************************************************************
   .pages: This section is for multiple page navigation.
           Thanks to digg.com for the idea and basic CSS
   
 **************************************************************/

.pages {
   padding: 0;
   margin: 0 15px;
   float: right;
   width: auto;
   text-align: center;
/*   clear: left; */
   font-size: 85%;
}

.pages a, .pages span {
   display: block;
   float: left;
   padding: 0.2em 0.5em;
   margin-right: 0.1em;
   border: 1px solid #3473b3;
   background: #fff;
}

.pages span.current {
   border: 1px solid #3473b3;
   font-weight: bold;
   background: #3473b3;
   color: #fff;
}

.pages a {
   border: 1px solid #3473b3;
   text-decoration: none;
   color: #3473b3;
}

.pages a:hover {
   background: #cde7ff;
   border-color: #4aa5ff;
}

.pages a.nextprev {
   font-weight: bold;
}

.pages span.nextprev {
   color: #797979;
}

.pages span.nextprev {
   border: 1px solid #ddd;
   color: #393939;
}

/**************************************************************
   This section is devoted to the various central panel "displays", 
   or what are often referred to as 'blurbs'
 **************************************************************/

/* Provides the general, centered blurb content container 
   this is the major content and other object for the blurbs */
   
#promoContainer {
  margin: 0 auto;
  font: 500 1.1em verdana, arial, sans-serif;
  text-align: left;
}

#promoContainer ul {
  padding: 0;
  margin: 6px 6px 10px 32px;
  list-style: url(http://structureddynamics.com/images/icons/apply.png);
}

#promoContainer li {
  padding-top: 12px;
  vertical-align: middle
}

.infoContainer {
  margin: 4px auto;
  font: 400 1.0em verdana, arial, sans-serif;
  text-align: left;
}

.infoArrowList ul {
  padding: 0;
  list-style: url(http://structureddynamics.com/images/icons/bulletarrowgreen.png);
}

.infoContainer li {
  padding-bottom: 8px;
}

.infoLeadin {
  margin: 12px 0 0 16px;
  width: 95%;
}

.infoHeader {
  margin-left: 16px;
  width: 95%;
  border-bottom: 1px #bbbbbb solid;
}

.infoHeader h2 {
  padding: 2px 0 2px 36px;
  color:  #393939;
}

.sectionHeader {
  margin: 12px 4px;
  width: 99%;
  border-bottom: 1px #bbbbbb solid;
}
#demoContainer {
  margin: 0 auto;
  font: 500 0.9em verdana, arial, sans-serif;
  text-align: left;
}

#demoContainer ul {
  padding: 0;
  margin: 0px 6px 10px 80px;
  list-style: url(http://structureddynamics.com/images/icons/background.png);
}

#demoContainer li {
  padding-top: 6px;
  vertical-align: middle
}

/* Provides the general, centered blurb content container 
   this is the major content and other object for the blurbs */
   
.blurbContainer {
  margin: 0 auto;
  border: #3473b3 1px solid;
  background: #fbfbfb;
  text-align: left;
  font: 0.9em verdana, sans-serif;
  line-height: 130%;
}

.blurbContainer p {
  padding: 0 12px 12px 12px;
}

.blurbHeader {
  background: #fbfbfb url(http://structureddynamics.com/images/bg/blurb_header.png) left top repeat-x;
}

.blurbHeader h4 {
  margin-bottom: 10px;
  padding: 2px 0 2px 24px;
  font: 600 1.3em "trebuchet ms", serif;
  color:  #fbfbfb;
}

#blurbTopLeft {
  background: url(http://structureddynamics.com/images/bg/blurb_top_left.png) left top no-repeat;
  margin: -1px 0 0 -1px;
}

#blurbTopRight {
  background: url(http://structureddynamics.com/images/bg/blurb_top_right.png) right top no-repeat;
  margin: 0 -1px 0 0;
}

#blurbBottomLeft {
  background: url(http://structureddynamics.com/images/bg/blurb_bottom_left.png) left bottom no-repeat;
  position: relative;
  bottom: -1px;
}

/* This is a total hack due to an IE 6 difference */
/* Specific to IE, but hides from IE5-mac \*/
* html #blurbBottomLeft {
/*  margin-bottom: -1px; */
  height: 0px; 
/* End hide from IE5-mac */    
}

#blurbBottomRight {
  background: url(http://structureddynamics.com/images/bg/blurb_bottom_right.png) right bottom no-repeat;
/*  margin-bottom: -1px; */  /* this is for IE */
}

/* alternate Green background */
.blurbGreenContainer {
  margin: 0 auto;
  border: #237759 1px solid;
  background: #fbfbfb;
  text-align: left;
  font: 0.9em verdana, sans-serif;
  line-height: 130%;
}

.blurbGreenContainer p {
  padding: 0 12px 12px 12px;
}

.blurbGreenHeader {
  background: #fbfbfb url(http://structureddynamics.com/images/bg/blurbGreen_header.png) left top repeat-x;
}

.blurbGreenHeader h4 {
  margin-bottom: 10px;
  padding: 2px 0 2px 24px;
  font: 600 1.3em "trebuchet ms", serif;
  color:  #fbfbfb;
}

#blurbGreenTopLeft {
  background: url(http://structureddynamics.com/images/bg/blurbGreen_top_left.png) left top no-repeat;
  margin: -1px 0 0 -1px;
}

#blurbGreenTopRight {
  background: url(http://structureddynamics.com/images/bg/blurbGreen_top_right.png) right top no-repeat;
  margin: 0 -1px 0 0;
}

#blurbGreenBottomLeft {
  background: url(http://structureddynamics.com/images/bg/blurbGreen_bottom_left.png) left bottom no-repeat;
  position: relative;
  bottom: -1px;
}

/* This is a total hack due to an IE 6 difference */
/* Specific to IE, but hides from IE5-mac \*/
* html #blurbGreenBottomLeft {
/*  margin-bottom: -1px; */
  height: 0px; 
/* End hide from IE5-mac */    
}

#blurbGreenBottomRight {
  background: url(http://structureddynamics.com/images/bg/blurbGreen_bottom_right.png) right bottom no-repeat;
/*  margin-bottom: -1px; */  /* this is for IE */
}

/* alternate Gray background */
.blurbGrayContainer {
  margin: 0 auto;
  border: #696969 1px solid;
  background: #fbfbfb;
  text-align: left;
  font: 0.9em verdana, sans-serif;
  line-height: 130%;
}

.blurbGrayContainer p {
  padding: 0 12px 12px 12px;
}

.blurbGrayHeader {
  background: #fbfbfb url(http://structureddynamics.com/images/bg/blurbGray_header.png) left top repeat-x;
}

.blurbGrayHeader h4 {
  margin-bottom: 10px;
  padding: 2px 0 2px 24px;
  font: 600 1.3em "trebuchet ms", serif;
  color:  #fbfbfb;
}

#blurbGrayTopLeft {
  background: url(http://structureddynamics.com/images/bg/blurbGray_top_left.png) left top no-repeat;
  margin: -1px 0 0 -1px;
}

#blurbGrayTopRight {
  background: url(http://structureddynamics.com/images/bg/blurbGray_top_right.png) right top no-repeat;
  margin: 0 -1px 0 0;
}

#blurbGrayBottomLeft {
  background: url(http://structureddynamics.com/images/bg/blurbGray_bottom_left.png) left bottom no-repeat;
  position: relative;
  bottom: -1px;
}

/* This is a total hack due to an IE 6 difference */
/* Specific to IE, but hides from IE5-mac \*/
* html #blurbGrayBottomLeft {
/*  margin-bottom: -1px; */
  height: 0px; 
/* End hide from IE5-mac */    
}

#blurbGrayBottomRight {
  background: url(http://structureddynamics.com/images/bg/blurbGray_bottom_right.png) right bottom no-repeat;
/*  margin-bottom: -1px; */  /* this is for IE */
}

.blurbContent {
  float: left;
  padding: 0;
  margin: 0 auto;
  font-size: 0.9em;
  line-height: 120%;
}

.blurbContent ul {
  padding: 0;
  margin: 0 0 20px 20px;
  font-size: 1.1em;
  line-height: 130%;
  list-style: none;
}

.blurbLists {
  padding: 0;
  margin: 0 0 20px 20px;
  font-size: 1.1em;
  line-height: 130%;
  list-style: none;
}

/**************************************************************
   .create: This section is for multiple create steps   
 **************************************************************/

.create {
   padding: 0;
   margin: 0 15px;
   width: 95%;
   text-align: center;
   font-size: 100%;
}

.create a, .create span {
   display: block;
   float: left;
   padding: 0.2em 0.5em;
   font-weight: bolder;
   margin-right: 0.1em;
   border: 2px solid #3473b3;
   background: #fbfbfb;
}

.create span.current {
   border: 2px solid #3473b3;
   font-weight: bolder;
   background: #3473b3;
   color: #fff;
}


.create span.inactive {
   border: 2px solid #bbbbbb;
   font-weight: bolder;
   background: #e0e0e0;
   color: #898989;
}

.create span.gap {
  border: 2px #f3eee4 solid;
  background: #f3eee4;
}

.create a {
   border: 2px solid #3473b3;
   text-decoration: none;
   color: #265580;
}

.create a:hover {
   color: #265580;
   background: #cde7ff;
   border-color: #4aa5ff;
}

/**************************************************************
   #footer: This section is separate from the content above.   
 **************************************************************/

#footer {  
  text-align: center;
/* max-width hack for IE since it doesn't understand the valid css property */ 
  width: expression(document.body.clientWidth > 880 ? "880px" : "98%");  
  max-width: 880px;
  margin: 0 auto;
}

/* Provides the general, centered footer content container */
.footerContainer {
  margin: 0 auto;
  border: #ffa500 solid;
  border-width: 1px; 
  background: #ffdca5 url(http://structureddynamics.com/images/bg/footer_gradient.png) left top repeat-x;;
  text-align: left;
}

#footerTopLeft {
  background: url(http://structureddynamics.com/images/bg/footer_top_left.png) left top no-repeat;
  margin: -1px 0 0 -1px;
}

#footerTopRight {
  background: url(http://structureddynamics.com/images/bg/footer_top_right.png) right top no-repeat;
  margin: 0 -1px 0 0;
}

#footerBottomLeft {
  background: url(http://structureddynamics.com/images/bg/footer_bottom_left.png) left bottom no-repeat;
  position: relative;
  bottom: -1px;
}

/* This is a total hack due to an IE 6 difference */
/* Specific to IE, but hides from IE5-mac \*/
* html #footerBottomLeft {
/*  margin-bottom: -1px; */
  height: 0px; 
/* End hide from IE5-mac */    
}

#footerBottomRight {
  background: url(http://structureddynamics.com/images/bg/footer_bottom_right.png) right bottom no-repeat;
/*  margin-bottom: -1px; */  /* this is for IE */
}

/* temporarily removed
.footerSeparator {
  float: left;
  width: 1%;
  background: transparent url(../images/bg/footer_separator.png) left center no-repeat;
} */

.footerContent {
  padding: 0 0 6px 0;
  margin: 0 0 -1px 0;
  font-size: 0.85em;
  color: #595959;
  line-height: 120%;
}

.footerContent h5 {
  padding: 6px 0px 3px 0px;
  font-size: 500 1.0em;
  color: #595959;
}

.footerContent ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footerContent a, .footerContent li {
  margin: 0 0 0 1px;
  list-style: none;
  color: #797979;
  background-color: transparent;
  text-decoration: none;
}

.footerContent a:hover {
  color: #ffa500;
  text-decoration: underline;
}  

#copyright {
  border-top: 1px solid #D6DDB9;
  font-size: 0.7em;
  padding: 10px 0 10px 0;
  color: #797979;
}

#copyright a {
  color: #393939;
  text-decoration: none;
}

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