/**************** General **********************/
body {
	text-align:	center;
	margin-left:	auto;
	margin-right:	auto;
	width:		1000px;
}

#frame {
	text-align:	justify;
	margin-left:	auto;
	margin-right:	auto;
	width:		1000px;
	z-index:	0;
}

#spacers {
	position:	relative;
	top:		auto;
	left:		0px;
	width:		1000px;
	height:		28px;
}

#container {
	position:		relative;
	width:			1000px;
	height:			825px;
	top:			0px;
	left:			0px;
	background-color:	#f0f0f0;
}

/**************** Header **********************/
#header {
	position:	relative;
	height:		150px;
}

#logo {
	position:	absolute;
	width:		200px;
	left:		0px;
	top:		0px;
}

#banner {
	position:	absolute;
	left:		250px;
	top:		0px;
}

#logo2 {
	position:	absolute;
	left:		850px;
	top:		0px;
}

#imgFrame{
	position:	absolute;
	top:		40px;	
	left:		350px;	
	width:		380px;
	height:		285px;
	padding:	0px;
	margin:		0px;
}

#imgBody {
	top:		20px;
	left:		200px;
	width:		380px;
	height:		285px;
}

#menuSpacer {
	position:		relative;
	margin-left:		0px;
	margin-top:		0px;
	margin-right:		0px;
	margin-bottom:		0px;
	height:			28px;
	width:			200px;
	left:			0px;
	top:			0px;
	float:			left;
	background-color:	#ff6300;	
}

#titleSpacer {
	position:		relative;
	text-align:		right;
	float:			right;
	height:			28px;
	width:			800px;
	margin-left:		auto;
	margin-top:		0px;
	margin-right:		0px;
	margin-bottom:		0px;
	background-color:	#ff6300;
	top:			0px;
	left:			auto;
	
}

#main {
	position:	relative;
	width:		760px;
	height:		825px;
	top:		0px;
	margin-left:	auto;
	margin-right:	auto;
	left:		0px;
	float:		right;

}
/**************** Content coding *****************/
div#content {
	float:		right;
	position:	absolute;
	border-style:	none;
	text-align:	left;
	width:		740px;
	padding-top:	10px;
	padding-bottom:	10px;
	padding-left:	10px;
	padding-right:	10px;
	margin-left:	auto;
	margin-right:	auto;
	font-size:	16px;
	font-family:	arial, helvetica, sans-serif;
}

div#content table#chart 
{
	padding-top:	10px;
	padding-bottom:	10px;
	padding-left:	10px;
	padding-right:	10px;
	position:	static;
}


div#content table#chart td#info,
div#content table#chart td#heading
{
	vertical-align:	top;
	margin-top:	10px;
	margin-bottom:	10px;
	margin-left:	10px;
	margin-right:	10px;
}

div#content table#chart td#info
{
	width:	40em;	
}

div#content table#chart td#heading
{
	width:	8em;
	font-size:	18px;	
}


/* FAQ */
div#content table#faq 
{
	padding-top:	10px;
	padding-bottom:	10px;
	padding-left:	10px;
	padding-right:	10px;
	position:	static;
}


div#content table#faq td#info,
div#content table#faq td#heading
{
	vertical-align:	top;
	margin-top:	10px;
	margin-bottom:	10px;
	margin-left:	10px;
	margin-right:	10px;
}

div#content table#faq td#info
{
	
}

div#content table#faq td#heading
{
	font-size:	18px;	
	font:		bold;
}

div#content li#items
{
  margin: 20px 20px;
}


/*  End FAQ */


div.hoverItems:hover
{
	background-color:	#0000ff;
	color:			#ffffff;
	font:			bold;
}

div.hoverItems
{
	background-color:	#353535;
	color:			#000000;
}

/**************** menu coding *****************/
#menu {
	position: 	relative;
	float:		left;
	top:		0px;
	width: 		240px;
	height: 	825px;
	background: 	#353535;
	margin-left: 	auto;
	text-align: 	left;
}

#menu ul {
	list-style: none;
	margin:	0px;
	padding:0px;
}

#menu a, #menu h2 {
	vertical-align:	middle;
	font: bold 16px/20px arial, helvetica, sans-serif;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0;
	padding-left: 10px;
	padding-top: 3px;
	height: 2em;
}

#menu h2 {
	background: #0000ff;
	color: #666666;
	text-transform: uppercase;
}

#menu a {
	color: #ffffff;
	background: #353535;
	text-decoration: none;
}

#menu a:hover {
	background: #ff6300;
	color: #ffffff;
}


#menu li {
	position: relative;
}

#menu ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
}

#menu ul ul, 
#menu ul li:hover ul 
{display: none;}

#menu ul li:hover ul 
{display: block;}