@charset "utf-8";
#nav {
	line-height: 32px;
}
body {
	background: #4E5869;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4;
}

/* ~~ Element/tag selectors ~~ */
ul, dl {
	padding: 50;
	margin: 50;
	list-style-position: inside;
	color: #8B94C9;
}

ol {
	padding: 50;
	margin: 50;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 2;
}

a img { 
	border: none;
}

p {
	margin-top: 0px;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 1.5;
	color: #000;
}

a:link {
	color:#000;
	text-decoration: underline;
}
a:visited {
	color: #639;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 100%;
	max-width: 1224px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	background: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	background: #EEEEEE;
	height: 150px;
	align-content: center;
}

.sidebar1 {
	float: left;
	width: 15%;
	background: #003399;
	padding-bottom: 2500px;
}

.content {
	padding: 0px 0;
	width: 100%;
	float: left;
}

.content2 {
	padding: 0px 0;
	width: 55%;
	float: left;
}

.sidebar2 {
	float: left;
	width: 35%;
	background: #FFF;
	padding: 10px 0;
	margin-top: 40px;
}


/* ~~ The footer ~~ */
.footer {
	padding: 50px 0;
	background: #B4C2D9;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}



#MenuBar  {
	background-color: #B4C2D9;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	font-style: normal;
	padding: 0;
	border-color: #000000 #000000 #000000 #000000;
	border-width: 0px;
	border-style: solid none solid none;
}
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar 
in this section. These have very low specificity, so be careful not to accidentally override them. */

.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
	display:none;
}
.MenuBarLeftShrink {
	float: left; /* shrink to content, as well as float the MenuBar */
	width: auto;
}
.MenuBarRightShrink {
	float: right; /* shrink to content, as well as float the MenuBar */
	width: auto;
}
.MenuBarFixedLeft {
	float: left;
	width: 1224px;
}
.MenuBarFixedCentered {
	float: none;
	width: 1224px;
	margin-left:auto;
	margin-right:auto;
}
.MenuBarFixedCentered br {
	clear:both;
	display:block;
}
.MenuBarFixedCentered .SubMenu br {
	display:none;
}
.MenuBarFullwidth {
	float: left;
	width: 100%;
}

/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar  .MenuItemContainer {
	padding: 0px 0px 0px 0px; 
	margin: 0; 	
}
#MenuBar  .MenuItem {
	padding: 0px 10px 0px 0px; 
	background-color:transparent;	
	border-width:0px;
	border-color: #6666cc #6666cc #330099 #330099; 
	border-style: solid solid solid solid;
}
#MenuBar  .MenuItemFirst {
	border-style: solid solid solid solid;
}
#MenuBar .MenuItemLast {
	border-style: solid solid solid solid;
}

#MenuBar  .MenuItem  .MenuItemLabel{
	text-align: center;
	line-height: 1.4em;
	color: #000000;
	background-color: transparent;
	padding: 5px 15px 5px 25px;
	width: 88px;	 
}
.SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{
	width:1em; /* Equivalent to min-width in modern browsers */
}

/* First level submenu items */
#MenuBar .SubMenu  .MenuItem {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	font-style: normal;
	background-color:#3366cc;
	padding:0px 2px 0px 0px;
	border-width:1px;
	border-color: #cc99ff #ccccff #cccccc #cccccc; 
	/* Border styles are overriden by first and last items */
	border-style: solid none none none;
}
#MenuBar  .SubMenu .MenuItemFirst {
	border-style: none none none none;
}
#MenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{
	padding-top: 6px; 
}
#MenuBar .SubMenu .MenuItemLast {
	border-style: solid none none none;
}
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
	padding-bottom: 6px; 
}
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
	text-align:left;
	line-height:1em;	
	background-color:transparent;
	color:#ffffff;
	padding: 6px 12px 6px 5px; 
	width: 119px;
	 
}

/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
	background-color: #003399;
	border-color: #000033 #000033 #6666cc #6666cc; 
}

#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
	background-color: transparent; /* consider exposing this prop separately*/
	color: #ccccff;
}
#MenuBar .MenuItemHover .MenuItemLabel{
	background-color: transparent;
	color: #ccccff;
}
#MenuBar .SubMenu .MenuItemHover {
	background-color: #003399; 
	border-color: #cc99ff #ccccff #cccccc #cccccc; 
}

#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
	background-color: transparent; 
	color: #ccccff;
}
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
	background-color: transparent;
	min-width:0%;  /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
	border-color: #ffffff #ffffff #ffffff #ffffff; 
	border-width:0px;
	border-style: none none none none;
}
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
	top: 100%;	/* 100% is at the bottom of parent menuItemContainer */
	left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem, 
					and your personal taste.
					0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0 
					on MenuItemContainer and MenuItem on the parent
					menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align 
					the dropdown with the left of the menu item label.*/
	z-index:10;
}
#MenuBar.MenuBarVertical .SubMenuVisible {
	top: 0px;	
	left:100%;
	min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
}
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar .MenuLevel1 .SubMenuVisible {
	background-color: transparent;
	min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
	top: 0px;	
	left:100%; 
.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
	background-color: transparent; /* consider exposing this prop separately*/
	color: #ccccff;
}
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
	background-color: transparent; /* consider exposing this prop separately*/
	color: #ccccff;
}
.SpryIsIE6 #MenuBar .SubMenu .SubMenu  /* IE6 selector  */{
	margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
}

	
/* EndOAWidget_Instance_2141544 */