@charset "utf-8";
/* CSS Document */

/* 
 ******************************************************************************************************************************************************
 ******************************************************************************************************************************************************
 * panels.css contains style rules that are necessary to create panels, which give the appearance of a container with rounded corners.
 ******************************************************************************************************************************************************
 ******************************************************************************************************************************************************
 */

/* 
 ******************************************************************************************************************************************************
 * The following selectors will define generic panel layouts.
 ******************************************************************************************************************************************************
 */

/* This is the selector for the panel container. The container does not 
 * contribute anything visually.  It is merely used as a foundation for content.
 */
div.panel
{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline; /* IE inline styling */
	*margin: 1px; /* IE does not display spaces between inline DIV blocks */
}

/* Generic panel top and bottom rows */
div.panel tr.top,
div.panel tr.bottom
{
	height: 10px;
}

/* Generic panel left and right columns */
div.panel tr.top td.left,
div.panel tr.top td.right,
div.panel tr.heading td.left,
div.panel tr.heading td.right,
div.panel tr.content td.left,
div.panel tr.content td.right,
div.panel tr.bottom td.left,
div.panel tr.bottom td.right
{
	width: 10px;
}

/* Generic panel heading cell */
div.panel tr.heading td.middle
{
	height: 26px;
	/* margin-top: 10px; /* This line has no effect on doorways.  I think they are for panels with borders only.  Test it out later....*/
}

/* Generic panel heading and content cells */
div.panel tr.heading td.middle,
div.panel tr.content td.middle
{
	background: none;
	/*vertical-align: top;*/
}

/* Generic panel content cell */
div.panel tr.content td.middle
{
	padding: 0;
}

/* Generic panel heading cell heading text */
div.panel tr.heading td.middle h3
{
	margin-top: 0;
	text-align: center;
	text-decoration: underline;
	font-weight: bold;
	color: #808285; /* 60% Black */
}

/* 
 ******************************************************************************************************************************************************
 * The following selectors sets the generic panel border design.
 ******************************************************************************************************************************************************
 */

/* Generic panel top left corner border */
div.panel tr.top td.left
{
	background: url(../images/panel/panel_01.gif) top left no-repeat;
}

/* Generic panel top edge border */
div.panel tr.top td.middle
{
	background: url(../images/panel/panel_02.gif) top repeat-x;
}

/* Generic panel top right corner border */
div.panel tr.top td.right
{
	background: url(../images/panel/panel_03.gif) top right no-repeat;
}

/* Generic panel left edge border */
div.panel tr.heading td.left,
div.panel tr.content td.left
{
	background: url(../images/panel/panel_04.gif) left repeat-y;
}

/* Generic panel right edge border */
div.panel tr.heading td.right,
div.panel tr.content td.right
{
	background: url(../images/panel/panel_06.gif) right repeat-y;
}

/* Generic panel bottom left corner border */
div.panel tr.bottom td.left
{
	background: url(../images/panel/panel_07.gif) bottom left no-repeat;
}

/* Generic panel bottom edge border */
div.panel tr.bottom td.middle
{
	background: url(../images/panel/panel_08.gif) bottom repeat-x;
}

/* Generic panel bottom right corner border */
div.panel tr.bottom td.right
{
	background: url(../images/panel/panel_09.gif) bottom right no-repeat;
}

/* 
 ******************************************************************************************************************************************************
 * The following selectors will be used for 3-up panel layouts.
 ******************************************************************************************************************************************************
 */

/* This is the selector for the 3x3 table that resides inside the panel
 * container.  The outer cells are used to construct the container's border
 * and the center cell houses the section titles and images.
 */
div.panel table.dw_link3,
div.panel table.panel3
{
	width: 190px;
	background: url(../images/panel/bg_10k_1x100.gif) repeat-x;
}

/* This is the selector for the link anchor that occupies the entirety of the center cell.
 */
div.panel table.dw_link3 tr.content td.middle a,
div.panel table.panel3 tr.content td.middle a
{
	display: block;
	position: relative;
	width: 170px;
	height: 150px;
}

/* This is the selector for the section heading that appears inside the central cell.
 */
div.panel table.dw_link3 div.dw_title,
div.panel table.panel3 div.dw_title
{
	position: absolute;
	width: 170px;
	top: 0px;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
}


/* 
 ******************************************************************************************************************************************************
 * The following selectors will be used for 1-up panel layouts.
 ******************************************************************************************************************************************************
 */

/* This is the selector for the 3x3 table that resides inside the panel
 * container.  The outer cells are used to construct the container's border
 * and the center cell houses the section titles and images.
 */
div.panel table.dw_link1,
div.panel table.panel1
{
	/* *width: 580px; /* IE min-width */
	/* min-width: 580px; */
	background: url(../images/panel/bg_10k_1x100.gif) repeat-x;
	margin-bottom: 10px;
}

/* This is the selector for the link anchor that occupies the entirety of the center cell.
 */
/*
div.panel table.dw_link1 tr.content td.middle a,
div.panel table.panel1 tr.content td.middle a
{
	display: block;
	position: relative;
	width: 170px;
	height: 150px;
}
*/

/* This is the selector for the section heading that appears inside the central cell.
 */
div.panel table.dw_link1 div.dw_title,
div.panel table.panel1 div.title
{
	position: relative;
	/* width: 540px; */
	top: 0px;
	padding-top: 4px;
	padding-left: 10px;
	cursor: auto;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}

div.panel table.panel1 tr.content td.middle
{
	width: auto; /* DEBUG: Originally 560px */
}

div.panel table.panel1 ul
{
	margin: 0;
	padding-left: 24px;
	list-style-type: square;
}

div.panel table.panel1 ul li
{
	color: #F09383; /* 50% PMS186 */
}

/* 
 ******************************************************************************************************************************************************
 * The following selectors will be used for 2-up panel layouts.
 ******************************************************************************************************************************************************
 */