ignore
{
}

html
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 0;
	padding: 0;
}

li
{
	margin: 4px 0px 4px 0px;
}

#leftSideBar, #rightSideBar
{
	padding: 0px 10px 10px 10px; /* Padding must match for #leftSideBar & #rightSideBar */
}

#reference
{
	padding: 10px;
}

#feature, div.sideBarDetail, #footerLinks, #footerCopyright
{
	padding: 5px;
}

.modalPopup
{
	padding: 15px;
}

h3.AccordionHeader
{
	margin: 5px 0px 0px 0px;
}

/* Sizes */

#container, #pageHeader, #footer
{
	width: 1027px; /* PageHeader.jpg.width */
}

#leftSideBar
{
	/* ActualWidth = 150 */
	width: 130px; /* leftSideBar.ActualWidth - leftSideBar.padding.left - #leftSideBar.padding.right */
}

#rightSideBar
{
	/* ActualWidth = 220 */
	width: 200px; /* rightSideBar.ActualWidth - #rightSideBar.padding.left - #rightSideBar.padding.right */
}

#mainContent
{
	width: 657px; /* container.width - leftSideBar.ActualWidth - rightSideBar.ActualWidth - 	   mainContent.padding.left - #mainContent.padding.right */
}

#reference
{
	width: 637px; /* container.width - leftSideBar.ActualWidth - rightSideBar.ActualWidth - 	   #reference.padding.left - #reference.padding.right */
}

#pageHeader
{
	height: 216px;
}

#leftSideBar, #rightSideBar
{
	height: 561px; /* mainContent.height - leftSideBar.padding.top - leftSideBar.padding.bottom 	   + reference.height - reference.padding.top - reference.padding.bottom + 1 (?) = 561 	*/
}

#mainContent
{
	height: 500px;
}

#feature
{
	height: 480px;
}

#reference
{
	height: 50px;
}

/* Floats */

#pageHeader, #leftSideBar, #mainContent, #reference, #footer
{
	float: left;
}

#rightSideBar
{
	float: right;
}

/* Borders */
#mainContent, #feature, #featureContent, div.sideBarDetail
{
	border-bottom: dashed 1px #aaaaaa;
}

#featureContent
{
	border-top: dashed 1px #aaaaaa;
}


/* Other */
#container
{
	margin: 0 auto;
	position: relative;
}

table.layout td
{
	vertical-align: top;
}