/*
	Skin-specific tyles for two-pane subpage skin.

	author: Eric Byrnes
	modifications:
	07/20/05 - Initial release
*/   

/* ======================================== Content =========================================== */

/* The #skinContent section holds the main content */
div#skinContent
{
	background-color: #D7D7D7; /* light gray */
	clear: both;
	min-height: 400px;
	overflow: visible;
	padding: 0px;
	position: relative;
	width: 100%;
}
* html div#skinContent
{
	height: 400px;
}

/* The #skinContentTop section holds the top header content */
#skinContentTop
{
   margin: 10px;
	position: relative;
	vertical-align: top;
	width: 737px; /* width of div#skinPage-(2*margin of div#skinContentTop) */
}

/* The #skinContentTopPane section holds the top header content */
#skinContentTopPane
{
	background-color: #02385E; /* dark blue */
	padding: 5px 8px 5px 8px;
	position: relative;
}

/* Override the basic text styles so they appear correctly against dark background */
#skinContentTopPane *
{
	color: white;
}
#skinContentTopPane .Head
{
   color: #D1261F; /* dark red */
}

/* The #skinContentTopPane2 section holds top intro content */
#skinContentTopPane2
{
   clear: both;
   margin: 5px 10px 5px 10px;
	overflow: visible;
	position: relative;
	vertical-align: top;
	width: 737px; /* width of div#skinPage-(2*margin of div#skinContentTop) */
}

/* The #skinContentBottom section holds the main content */
#skinContentBottom
{
   margin: 0px 10px 10px 10px;
	overflow: visible;
	position: relative;
	vertical-align: top;
}

/* The #skinContentBottomLeft section holds the left-side content */
#skinContentBottomLeft
{
	background-color: white;
	margin: 0px;
	padding: 0px;
	position: relative;
	vertical-align: top;
	width: 521px;
}

/* The #skinContentLeftPane section holds the left content */
#skinContentLeftPane
{
   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	padding: 5px 8px 5px 8px;
	position: relative;
	vertical-align: top;
	width: 244px; /* width of #skinContentBottom -(2*padding of div#skinContentBottomLeft) */
}
/* IE only - correct mishandling of padding */
* html #skinContentLeftPane
{
   width: 260px;
}

/* Override font usage for subclasses in this area */
#skinContentLeftPane *
{
   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}

/* The #skinContentSep section holds the separator line */
#skinContentSep
{
	background-color: #02385E; /* dark blue */
	min-height: 390px;
	position: relative;
}
* html #skinContentSep
{
	height: 100%;
}

/* The #skinContentCenterPane section holds the center content */
#skinContentCenterPane
{
   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	padding: 5px 8px 5px 8px;
	position: relative;
	vertical-align: top;
	width: 244px; /* width of #skinContentTopPane-(2*padding of div#skinContentBottomLeft) */
}
/* IE only - correct mishandling of padding */
* html #skinContentCenterPane
{
   width: 260px;
}

/* Override font usage for subclasses in this area */
#skinContentCenterPane *
{
   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}

/* The #skinContentRightPane section holds the right-side content */
#skinContentRightPane
{
	background-color: transparent;
   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	padding: 5px 0px 5px 8px;
	position: relative;
	vertical-align: top;
	width: 208px; /* width of #skinContentTopPane-(2*padding of div#skinContentBottomLeft) */
}
/* IE only - correct mishandling of padding */
* html #skinContentRightPane
{
	width: 224px; /* width of #skinContentTopPane-(2*padding of div#skinContentBottomLeft) */
}

/* Override font usage for subclasses in this area */
#skinContentRightPane *
{
   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}