body
{
	background: #3b352e url( ../_graphics/background.png ) repeat;
	font: normal 62.5% "Lucida Grande", Arial, sans-serif;
	color: #666666;
	
	/* IE Fix - Center everything, specifically the design holder, then re-align the font with style.css */
	text-align: center;
}


#designHolder
{
	width: 951px;
	margin: 0 auto;
}


/****************************************** VERTICAL TITLE BAR */
#verticalTitleBar
{
	float: left;
	margin-bottom: 20px;
	
	color: white;
	font-size: 1.3em;
	
	width: 267px;
	background: url( ../_graphics/title_repeater.png ) repeat-y;
}

#verticalTitleBar #top
{
	height: 599px;
	background: url( ../_graphics/title_top.jpg ) no-repeat;
}

#verticalTitleBar #bottom
{
	height: 20px;
	background: url( ../_graphics/title_bottom.jpg ) no-repeat;
}

#openDetails
{
	font-size: 1.3em;
	font-weight: bold;
	
	position: relative;
	top: 535px;
	left: 5px;
}


/****************************************** MAIN INFORMATION HOLDER */
#mainInformationHolder
{
	float: right;
	position: relative;
	
	margin-bottom: 20px;
	font-size: 1.3em;

	width: 684px;
	background: url( ../_graphics/content_repeater.png ) repeat-y;
}

#mainInformationHolder #top
{
	height: 99px;
	background: url( ../_graphics/top_horizontal.jpg ) no-repeat;
}

#mainInformationHolder #content
{
	width: 498px;
	margin-left: 14px;
}


#mainInformationHolder #bodyConnector
{
	position: absolute;
	top: 99px;
	left: 0;
	
	width: 13px;
	height: 63px;
	background: url( ../_graphics/title_bodyConnector.jpg ) no-repeat;
}


#mainInformationHolder #sideMenu
{
	float: right;
	overflow: hidden;
	
	width: 166px;
	background: url( ../_graphics/sideMenu_repeater.png ) repeat-y;
}

#mainInformationHolder #sideMenu #bottom
{
	height: 27px;
	background: url( ../_graphics/sideMenu_bottom.jpg ) no-repeat;
}


#mainInformationHolder #bottom
{
	height: 18px;
	background: url( ../_graphics/content_bottom.png ) no-repeat;
}