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

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	margin:						0px;
	padding:					0px;
	border: none;
	background-color:			#000000;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background: none;
	padding: 0.5em 0.75em;
	color: #999999;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background: none;
	color: #FFFFFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background: none;
	color: #999999;
}

/* 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.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: none;
	}
}
/*  main */		
	#container {
		position:			relative;
		width:				980px;
		margin-left:		auto;
		margin-right:		auto;
		padding:			0px;
		text-align:			center;
		z-index:			10;
	}
	#container #title {
		position : absolute;
		left: 				30px;
		top:				505px;
		line-height:		30px;
		font-size:			30px;
		height:				50px;
		width:				300px;
		background-repeat: 	no-repeat;
		magin:				0;
		padding:			0;
		z-index:			10;
		text-align:			left;
	}
	#container #title-print {
		position : absolute;
		left: 				30px;
		top:				505px;
		height:				0px;
		width:				0px;
		background-repeat: 	no-repeat;
		magin:				0;
		padding:			0;
		z-index:			-10;
		text-align:			left;
		overflow:			hidden;
	}
	#container #header {
		width:				980px;
		height:				28px;
		background-color:	#000000;
		margin:				0px;
	}
	#container #main {
		width:					980px;
		height:					700px;
		min-height:				700px;
		margin:					0px;
		padding:				0px;
		text-align:				left;
		color:					#FFFFFF;
		overflow-y: 			visible;	
	}
	*>#container #main {
		height:					auto;
	}
	#container #main-bg {
		position:				absolute;
		top:					0px;
		left:					0px;
		width:					980px;
		height:					100%;
		background-color:		#000000;
		z-index:				0;
		-moz-opacity: 0.8;
		opacity: 0.8;
		filter: alpha(opacity=80); 
		overflow:				hidden;
	}

	#container #main #content{
		width:					590px;
		position:				relative;
		margin-top:				50px;
		margin-left:			350px;
		margin-right:			100px;		
		margin-bottom:			100px;		
		padding:				0px;
		height:					auto;
	}
	#content a, #content  a:hover {
		text-decoration:		none;
	}
	#content .content-title {
		font-size:				20px;
		margin-top:				22px;
		margin-bottom:			20px;
	}
	#content .content-title a, #content .content-title a:hover {
		font-size:				20px;
	}
	#content .content-text,	#content .content-image  {
		width:					580px;
		height:					auto;
		margin-top:				20px;
		margin-bottom:			40px;
	}
	#content .content-nav {
		position:				absolute;
		top:					40px;
		right:					0px;
		text-align:				right;
	}
	#content .content-nav a{
		width:	10px;
		height:	10px;
	}

	#content #thumbnail {
		margin: 0px;
		padding :0px;
	}
	#content #thumbnail img{
		margin: 0 16px 16px 0;
		padding :0px;
	}

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

li.listnode {
	width : 400px;
	margin: -20px 0px 0px 50px;
	padding: 0;
}
li.listhead {
	width : 50px;
	height : 20px;
	margin: 0;
	padding: 0;
}

.ptxt1 {
	font-size : 12px;
	white-space: nowrap;
}

p.quotes {
	margin:		0 40px 0 40px;
}
#footer {
}

.pkg:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html .pkg { 
	display: inline-block; 
	}
/* no ie mac \*/
* html .pkg { 
	height: 1%; 
	}
.pkg {
	display: block; 
	}body
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			12px;
	color: 				#E7EDE8;
	background: #3D3F40;
	background-size:  1052px 692px;
	background-repeat : repeat-y;
	background-attachment: fixed;
	line-height: 		1.4em;
	margin:				0px;
	padding:			0px;	
	text-align:			center;
}
a :active, a:link, a:visited{
	font-size: 			12px;
	color: 				#B3B8B6; 
	text-decoration: 	none; 
}
a:hover {
	color:				#FFFFFF;
	text-decoration: 	underline; 
}

/* index */
#index {
	height:				100%;
	width:				100%;
	color:				#000000;
	margin:				0px;
	padding:			0px;
	text-align:			center;
}
	#index #index-container {
		position:			relative;
		width:				980px;
		margin-left:		auto;
		margin-right:		auto;
		padding:			0px;
		text-align:			center;
		z-index:			10;
	}
	#index #title {
		position : absolute;
		left: 				30px;
		top:				477px;
		line-height:		30px;
		font-size:			30px;
		height:				50px;
		width:				300px;
		z-index:			10;
		font-size:			0px;
		text-align:			left;
	}
	#index #header {
		width:				100%;
		height:				28px;
		background-color:	#000000;
		margin:				0px;
	}
	#index #menu {
		width:				980px;
		height:				25px;
		margin-left:		auto;
		margin-right:		auto;
		color:				#FFFFFF;
	}
/*  menu */
#menu {
		position:			relative;
		height: 			28px;
		width:				980px;
		z-index:			10;
}
#menu a :active, #menu a:link, #menu a:visited, .submenu a :active, .submenu a:link, .submenu a:visited{
	font-size: 				10px;
	color: 					#AAAAAA; 
	text-decoration: 		none; 
}
#menu a:hover, .submenu a:hover {
	color:					#FFFFFF;
	text-decoration: 		none; 
}
#MenuBar-l,#MenuBar-r {
	margin:		0 10px 0 25px;
}
#MenuBar-r {
	position: absolute;
	top:	0px;
	right:	0px;
	text-align: right;
}
#MenuBar-l li,#MenuBar-r li {
	height:		25px;
	margin:		8px 5px 0 0;
}
#MenuBar-l li {
}
#MenuBar-r li {
}
#MenuBar-l ul,#MenuBar-r ul {
	margin:		0 0 5px 0;
	width: 		300px;
}
#MenuBar-l ul li, #MenuBar-r ul li{
	margin:		5px 0 5px 0;
	width: 		300px;
	height:		25px;
}

@charset "UTF-8";

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

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

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

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* 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 a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 8em;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-100em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -100em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	top: 33px;
	left: auto;
}
*>ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
	top: 20px;
}

/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 8.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	margin:						0px;
	padding:					0px;
	border: none;
	background-color:			#000000;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background: none;
	padding: 0.5em 0.75em;
	color: #999999;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background: none;
	color: #FFFFFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background: none;
	color: #999999;
}

/* 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.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: none;
	}
}
/*  main */		
	#container {
		position:			relative;
		width:				980px;
		margin-left:		auto;
		margin-right:		auto;
		padding:			0px;
		text-align:			center;
		z-index:			10;
	}
	#container #title {
		position : absolute;
		left: 				30px;
		top:				505px;
		line-height:		30px;
		font-size:			30px;
		height:				50px;
		width:				300px;
		background-repeat: 	no-repeat;
		magin:				0;
		padding:			0;
		z-index:			10;
		text-align:			left;
	}
	#container #title-print {
		position : absolute;
		left: 				30px;
		top:				505px;
		height:				0px;
		width:				0px;
		background-repeat: 	no-repeat;
		magin:				0;
		padding:			0;
		z-index:			-10;
		text-align:			left;
		overflow:			hidden;
	}
	#container #header {
		width:				980px;
		height:				28px;
		background-color:	#000000;
		margin:				0px;
	}
	#container #main {
		width:					980px;
		height:					700px;
		min-height:				700px;
		margin:					0px;
		padding:				0px;
		text-align:				left;
		color:					#FFFFFF;
		overflow-y: 			visible;	
	}
	*>#container #main {
		height:					auto;
	}
	#container #main-bg {
		position:				absolute;
		top:					0px;
		left:					0px;
		width:					980px;
		height:					100%;
		background-color:		#000000;
		z-index:				0;
		-moz-opacity: 0.8;
		opacity: 0.8;
		filter: alpha(opacity=80); 
		overflow:				hidden;
	}

	#container #main #content{
		width:					590px;
		position:				relative;
		margin-top:				50px;
		margin-left:			350px;
		margin-right:			100px;		
		margin-bottom:			100px;		
		padding:				0px;
		height:					auto;
	}
	#content a, #content  a:hover {
		text-decoration:		none;
	}
	#content .content-title {
		font-size:				20px;
		margin-top:				22px;
		margin-bottom:			20px;
	}
	#content .content-title a, #content .content-title a:hover {
		font-size:				20px;
	}
	#content .content-text,	#content .content-image  {
		width:					580px;
		height:					auto;
		margin-top:				20px;
		margin-bottom:			40px;
	}
	#content .content-nav {
		position:				absolute;
		top:					40px;
		right:					0px;
		text-align:				right;
	}
	#content .content-nav a{
		width:	10px;
		height:	10px;
	}

	#content #thumbnail {
		margin: 0px;
		padding :0px;
	}
	#content #thumbnail img{
		margin: 0 16px 16px 0;
		padding :0px;
	}

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

li.listnode {
	width : 400px;
	margin: -20px 0px 0px 50px;
	padding: 0;
}
li.listhead {
	width : 50px;
	height : 20px;
	margin: 0;
	padding: 0;
}

.ptxt1 {
	font-size : 12px;
	white-space: nowrap;
}

p.quotes {
	margin:		0 40px 0 40px;
}
#footer {
}

.pkg:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html .pkg { 
	display: inline-block; 
	}
/* no ie mac \*/
* html .pkg { 
	height: 1%; 
	}
.pkg {
	display: block; 
	}