/* Top & Bottom Navigations */
@import url("top-bottom-navigation.css");
@import url("leftcolumn.css");

/* Page Specific CSS */
body
{
	background-color: #36104B;
	color: #FFF;
	margin: 0px 7px;
}

#outerWrapper
{
	width: 957px; /*952*/
	margin: 0px auto;
	padding: 0px 0px;
	border: 0px solid #cc0;
	background-image: url(../images/decoration/faux-col-left.gif);
	background-repeat: repeat-y;
}



/* --- Main body layout --- */




/* Right Col */
#rightColumn
{
	width: 759px;
	margin-left: 188px;
	/* Debug */
	/*border: 1px solid #00c;
	background-color: #aaa;*/
}

/* IE6 Hack - IE6 will ignore */
* > #rightColumn
{
	width: 759px;
	margin-left: 193px;
	/* Debug */
	/*border: 1px solid #00c;
	background-color: #aaa;*/
}

#rightColumn #titleBar
{
	width: 759px;
	height: 30px;
	background-image: url(../images/decoration/titlebar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #36104B;
	padding: 0px; /* 1px */
	border: 0px solid #fff;
}

#rightColumn #titleBar h1
{
	background-color: Transparent;
	color: #EF861B;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	/*padding: 7px 5px 5px 10px;*/
	margin: 0px;
	padding: 7px 5px 0px 5px;
	width: 561px;
	float: left;
}

#rightColumn #titleBar #backLink
{
	display: block;
	text-align: right;
	margin-left: auto;/*561px;*/
	width: auto;/*177px;*/
	padding: 7px 10px 7px 0px;
}

#rightColumn #titleBar #backLink a
{
	font-weight: bold;
	font-size: 11px;
	color: #ef861b;
	background-color: inherit;
	font-family: Arial;
	text-decoration: none;
	text-transform: uppercase;
	background-position: left 2px;
	background-image: url(/images/decoration/solid-left-arrow.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
}

#rightColumn #titleBar #backLink a:hover
{
	text-decoration: underline;
}

#rightColumn #mainImage, #rightColumn #mainDescription
{
	width: 570px;
	height: auto;
	float: left;
}

#rightColumn #mainImage img
{
	margin: 7px 0px;
}

#rightColumn #subImage
{
	width: 185px;
	height: 388px;
	margin-left: 570px;
	text-align: right;
	overflow: hidden;
}
/* IE6 Hack - IE 6 will ignore this css*/
* > #rightColumn #subImage
{
	width: 188px;
	height: 388px;
	margin-left: 570px;
	text-align: right;
}

#rightColumn #subImage img
{
	display: block;
	margin: 7px 0px 11px 2px;
}
/* IE6 Hack - IE 6 will ignore this css*/
* > #rightColumn #subImage img
{
	display: block;
	margin: 7px 0px 11px 6px;
}

#rightColumn #descriptionWrapper
{
	border: 0px solid #c00;
	background-color: #2a2a2a;
	color: inherit;
}

#rightColumn #mainDescription
{
	width: 556px;
	background-color: #2a2a2a;
	color: #fff;
	font-size: 11px;
	font-family: Arial;
	padding: 0px 7px;
	border: 0px solid #fff;
}

#rightColumn #mainDescription h2
{
	background-color: inherit;
	color: #EF861B;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 13px 0px;
}

#rightColumn #mainDescription p
{
	display: block;
	margin: 0px 0px 13px 0px;
}

#rightColumn #infoPane
{
	width: 150px;
	margin-left: 570px;
	margin-bottom: 0px; /* was 6px */
	text-align: right;
	background-color: #000;
	color: #FFF;
	text-align: left;
	padding: 11px 12px 5px 16px;
}

/* IE6 Hack - IE 6 will ignore this css*/
* > #rightColumn #infoPane
{
	width: 157px;
	margin-left: 570px;
	margin-bottom: 0px; /* was 6px */
	text-align: right;
	background-color: #000;
	color: #FFF;
	text-align: left;
	padding: 11px 16px 5px 16px;
}

#rightColumn #infoPane .label
{
	display: block;
	font-size: 9px;
	text-transform: uppercase;
	color: #ef861b;
	font-family: Arial;
	margin-top: 15px;
}

#rightColumn #infoPane .description
{
	display: block;
	font-size: 11px;
	color: #fff;
	font-family: Arial;
	margin-bottom: 15px;
}

#rightColumn #infoPane .description a{
text-decoration: none;
}

#rightColumn #infoPane .description a:hover{
text-decoration: underline;
}

/* Tables */
table.dataTable
{
	width: 100%;
}

table.dataTable tr td.heading
{
	font-size: 1.2em;
	font-weight: bold;
	color: #EF861B;
}

table.dataTable tr td.label
{
	padding: 5px 0px;
	font-weight: bold;
	vertical-align: top;
	width: 150px;
	color: #ccc;
	background-color: inherit;
}

table.dataTable tr td.data
{
	color: #aaa;
	background-color: inherit;
}

table.dataTable tr td hr.divide,
table.dataTable tr td hr.solid
{
	border: 0px solid #000;
	border-bottom: 1px dashed #ccc;
	height: 0px;
}

table.dataTable tr td hr.solid
{
	border-bottom: 1px solid #EF861B;
}