@charset "UTF-8";


body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	background-color: #4A483A;
	color: #FFF;
	margin: 0px;
	height: 100%;
}
a:link {
	text-decoration: none;
	color: #f9981d;
}
h1 {
	font-size: inherit;
	margin-top: 0px;
}
#Map {
	padding=left: 15em;
	z-index: 6000;
	left: 40em;
	top: 8.17em;
	position: relative;
}

#MainContent {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	position: absolute;
	left: 20em;
	top: 7.5em;
	width: 308px;
	padding-top: 0.5em; /* align with menu bar text padding in ul.MenuBarVertical a */
}
#MainContent li {
	margin-bottom: 0.5em;
}
#LeftBar {
	width: 7em;
	left: 0px;
	background-color: #000;
	position: fixed;
	height: 100%;
	top: 0px;
	z-index: -1;
}
#TitleArea {
	position:absolute;
	top:0px;
	left:20em;
}
#TopAccent {
	height:1.2em;
	background-color: #f9981d;
	width: 100%;
}
#logoDiv {
	color: #FFF;
	font-size: x-large;
	text-decoration: none;
}
#subLogo {
	color: #93D300;
	font-style: italic;
	font-size: medium;
	text-align: left;
	padding-left: 5em;
}
#InfoLeft {
	position:absolute;
	left:287px;
	top:392px;
	width:3px;
	height:50px;
	color: #EDEDED;
	background-color: #98C000;
}
#InfoTop {
	position:absolute;
	left:167px;
	top:392px;
	width:120px;
	height:3px;
	color: #EDEDED;
	background-color: #98C000;
}
#Info {
	position:absolute;
	left:167px;
	top:400px;
	width:115px;
	height:60px;
	color: #FA0;
}

/* SpryMenuBarVertical.css overrides */

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

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

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

/* Remove the fixed width off the menu bar itself. We float
 * the menu bar so that the browser sizes its width just enough
 * to fit its content. Another option, would be not to float the
 * menu bar, which will allow it to expand horizontally to fill
 * what ever container it is in.
 */
ul.MenuBarVertical
{
	position: absolute;
	top: 7.5em;  /* to make it 10em, subtract the padding on ul.MenuBarVertical a in SpryMenuBarVertical.css*/
}

ul.MenuBarVertical li.MenuBreak { /* When first menu item's submenu is showing, move subsequent items down by the height of the submenus */
	top: 8em;
}

/* We want our menu items to expand to fill up its container,
 * so make sure it is a non-floated block element. 
 * Width is 5px wider than left bar, so dot will be visible to the right of text
 *
 * The bottom border property is used here as a hack around
 * an IE6 bug that causes white gaps to appear between positioned
 * elements when a class is programatically placed on one of them,
 * even if that class is not defined, or contains no CSS properties
 * that have any visual impact.
*/
ul.MenuBarVertical li {
	width: 6 em;
	text-align: right;
	display: block;
	float: none;
/*	border-bottom: solid 1px transparent;
*/}

/* Padding right pushes right-aligned text to left over vertical bar, leaving room for dot to display inside the menu item */
ul.MenuBarVertical a
{
	padding-right: 2.3em;
}

/* Remove any widths on sub menus. */
ul.MenuBarVertical ul
{
	width: auto;
}

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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

/* Outermost menu container has no borders on all sides */
ul.MenuBarVertical
{
	border: none;
	z-index: 2;
}
/* Menu items are transparent with white text */
ul.MenuBarVertical a
{
	background-color: transparent;
	background-image: none;
	color: #fff;
	border: none;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to not use Spry background image */
ul.MenuBarVertical a.MenuBarItemSubmenu, ul.MenuBarVertical ul.MenuBarItemSubmenu/*, ul.MenuBarSubmenu1Item*/
{
	background-image: none;
}
/* Menu items that are open with submenus are set to MenuBarItemHover to show dot */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisibled
{
	background-color: transparent;
	background-image: url(../demos/images/dot.png);
	background-repeat: no-repeat;
	background-position: 6.4em 50%;
	color: #F9981D;
}
/* Menu item on current page that is selected */
ul.MenuBarVertical a.MenuBarItemSelected
{
	color: #f9981d;
	background-color: transparent;
	background-image: url(../demos/images/dotgreen.png);
	background-repeat: no-repeat;
	background-position: 6.4em 50%;
	cursor: default;
}
/*******************************************************************************

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

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

/* Submenu containers have no borders on all sides */
ul.MenuBarVertical ul
{
	border: none;
	background-image: none;
}
/* We don't want the text in any of our sub menus to
 * wrap, so we need to turn on "nowrap". Force width narrower so don't overlap controls.
 */
ul.MenuBarVertical ul li 
{
	white-space: nowrap;
	width: auto;
}
/* SubMenu items are to the right of vertical bar, no background image */
/*ul.MenuBarSubmenu1Item a
*/
ul.MenuBarVertical ul li a
{
	background-image: none;
	text-align: left;
	padding-right: 0px;
/*float: left;
*/
}

ul.MenuBarVertical ul a.MenuBarItemHover, ul.MenuBarVertical ul a.MenuBarItemSubmenuHover, ul.MenuBarVertical ul a.MenuBarSubmenuVisible, ul.MenuBarVertical ul a.MenuBarSubmenuItemSelected
{
	background-image: none;
	color: #F9981D;
	border: none;
}

/* Submenu that is set to show with class designation MenuBarSubmenuOpen, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuOpen
{
	left: 0;
	border: none;
}
#MainContent p {
	line-height: 1.4em;
	margin-top: 0em;
}