@charset "utf-8";
/* Page infrastructure */
body {
  color:#000;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  background-color: #BFBDA2;
}
#wrapper {
  margin:0 auto;
  width:960px;
  background: #F7F5E1;
  border-left:#757251 solid 1px;
  border-right:#757251 solid 1px;
  position:relative;
}
#maincontent {
  margin:0 0 0 250px;
}
#sidebar {
  width:250px;
  float:left;
}
#sidebar iframe {
  margin-left: 65px;
}
#footer {
  margin:25px auto 0 20px;
  padding-bottom:25px;
  clear:both;
  text-align:left;
}
/* Basic text styles */
cite {
  font-weight:bold;
  color:#004F4F;
}
h1, h2, h3 {
  color:#004F4F;
}
h1 {
  text-align:center;
  font-size:48px;
  margin: 0;
  padding: 0.3em 0;
}
h2, h3 {
  border-bottom:3px solid;
  padding-bottom:2px;
  margin:0 20px 0.5em 20px;
  padding-top:10px;
}
p {
  margin:0 20px 0.7em 50px;
  line-height:1.3;
  font-size:90%;
  text-align:justify;
}
ol {
  font-size:90%;
}
ol, ul {
    margin-left:70px;
    margin-right:20px;
}
#appendix {
  list-style-type:none;
}
iframe {
  display:block;
  margin-bottom:25px;
}
/* Link styles */
a {
  font-weight:bold;
  text-decoration:none;
  padding:0 1px;
}
a:link {
  color:#046380;
}
a:visited {
  color:#0581A5;
}
a:hover {
  background-color:#046380;
  color:#EFECCA;
}
.demo {
  /* deliberately blank */
}

#skipNav a {
  position:absolute;
  left:-10000px;
  top:0;
  width:1px;
  height:1px;
  overflow:hidden;
}
#skipNav a:focus {
  position:absolute;
  left:10px;
  width:auto;
  height:auto;
}
/* Image styles */
.floatleft {
  float: left;
  margin: 3px 8px 3px 0;
}
.illustration {
  border:1px solid #008080;
}
.centered {
  text-align:center;
}
/* reference styles */
code, .codeBlock {
  font-family:"Lucida Console", Monaco, monospace;
  color:#008080;
}
.codeBlock {
  margin-left:100px;
  margin-right:70px;
  white-space:pre;
  background-color:#FFF;
  padding:10px;
  border:#008080 solid 1px;
  text-align:left;
}
dl {
  margin:0 auto 1em 50px;
  width:640px;
}
dt {
  font-weight:bold;
  float:left;
  width:150px;
  margin:0;
}
dd {
  float:left;
  width:490px;
  margin:0;
}
dl, li {
  line-height:1.4;
  font-size:14px;
}

/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

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

 LAYOUT INFORMATION: describes box model, positioning, z-order

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

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
  margin: 15px 15px 20px 5px;
  padding: 0;
  list-style-type: none;
  font-size: 85%;
  cursor: default;
  width: 230px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
  position: relative;
  text-align: left;
  cursor: pointer;
  width: 230px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
  margin: -5% 0 0 95%;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
  position: absolute;
  z-index: 1020;
  cursor: default;
  width: 230px;
  left: -1000em;
  top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
  width: 230px;
}

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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

/* Outermost menu container has borders on all sides */
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
  display: block;
  cursor: pointer;
  background-color: #004F4F;
  padding: 0.5em 0.75em;
  color: #FFF;
  text-decoration: none;
  border:2px solid;
  border-top-color:#5C8E8E;
  border-left-color:#5D8F8F;
  border-right-color:#002A2A;
  border-bottom-color:#002A2A;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus,
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
  background-color: #3F7A7A;
  color: #FFF;
  border:2px solid;
  border-top-color:#3F5F5F;
  border-left-color:#3F5F5F;
  border-right-color:#87ACAC;
  border-bottom-color:#89AEAE;
}

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

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

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

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu,
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(../SpryAssets/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

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

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

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

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}