/*
  "suit_layout.css" is the template for "suit_config/suit_layout_default.css."
  As a "bin" file, you should not edit this. Keep it around for reference, or
  in case you botch "suit_layout_default.css" and need to start from scratch.
*/


/*
  Settings for standard dom objects.
  This is to get predictable results by overriding browsers defaults that are known to cause problems.
*/

div, img, fieldset, legend, body
{
  margin: 0;
  padding: 0;
  border: 0;
}

input, textarea, button, table
{
  margin: 0;
  font-size: 1em; /* This ensures that any font-sizes applied to ancestor elements will apply to these elements as well. (Table for IE 5.5).
  
  Browsers apply their own font-sizes to these elements. Since inherited property values have no specificity, each browser's
  values override those applied to ancestor elements in a style sheet (e.g. without this rule, a rule of body {font-size: .84em}
  would be ignored within input and textarea elements). Some browsers apply a font-family style to textarea (IE & Firefox as of
  2006/04). This rule also allows overrides of the browsers' font-family settings for textarea. */
}

textarea {min-height: 65px} /* Provides sufficient height in Safari to ensure  ability to draw a vertical scrollbar. */


/*
  Settings for SUIT blocks
*/

#hi1, #hi2, #mid, #lo1, #lo2,.container
{
  position: relative;
  top: 0px;
  left: 0px;
  padding-top: 1px; /* container must have top margin, border, or padding to prevent collapse (i.e. contained top margin is expressed on "container") of margins of enclosed blocks. */
  zoom: 1;
}


#hi1, #hi2, #mid, #lo1, #lo2,.container
{
  display: inline-block; /* This is here to fix clearing in IE Mac & must be removed for other browsers below. */
}

#hi1:after, #hi2:after, #mid:after, #lo1:after, #lo2:after,.container:after
{
  content: ".";
  display: block;
  height: 0;
  line-height: 0px;
  clear: both;
  visibility: hidden;
}
/* IE-Mac hack removal \*/ #hi1, #hi2, #mid, #lo1, #lo2,.container{display: block;} /* End hide from IE-mac */


#hi1  {padding-top: 0;}

#hi2, #mid {margin: 0 2.5%;}

#mid {}

#mid #nav1 {}

	/* "Menu" classes are used by suitX's internal DHTML for generating the navigation panel. */

#mid #nav1 .MenuCategory {}
#mid #nav1 .MenuItem {}
#mid #nav1 .MenuItemIndent {}
#mid #nav1 .MenuLink {}

#mid #nav2 {}
#mid #nav3 {}
#mid #nav4 {}
#mid #content {}

#lo1 {}
 

#lo2 {margin-top: 1em;}