BODY
{
	margin: 10px;
}
#outer_wrapper
{
/*because "min-width" is not supported by IE, these pages use a script from PVII*/
	min-width: 980px;
/*this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer*/
	width: 100%;
}
#globalsearch
{
	height: 30px;
/*this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2)*/
	width: 100%;
/*the above declaration creates an horizontal scroll bar in IE, this is to get rid of it*/
	margin: 0 -1px;
}
#header
{
	border: 1px solid #AF0000;
	background: #D00000 url(../images/patterns/headerBgPattern.gif) repeat-x left top;
/*min-height:54px;*/
	height: 54px;
/*this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2)*/
	width: 100%;
/*the above declaration creates an horizontal scroll bar in IE, this is to get rid of it*/
	margin: 0 -1px;
}
#subheader
{
	border-left: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
	background: #F0C700 url(../images/patterns/subNavBgPattern.jpg) repeat-x left top;
/*min-height:32px;*/
	height: 32px;
/*this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2)*/
	width: 100%;
/*the above declaration creates an horizontal scroll bar in IE, this is to get rid of it*/
	margin: 0 -1px;
}
#breadcrumb
{
	background: #DEDEDE url(../images/patterns/breadcrumbBgPattern.gif) repeat-x left top;
/*min-height:30px;*/
	height: 30px;
/*this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2)*/
	width: 100%;
/*the above declaration creates an horizontal scroll bar in IE, this is to get rid of it*/
	margin: 8px 0;
	position: relative;
}
#container
{
	float: left;
	width: 100%;
/*IE doubles the margins on floats, this takes care of the problem*/
	display: inline;
	margin-left: -135px;
}
#left
{
	float: left;
	width: 135px;
/*IE doubles the margins on floats, this takes care of the problem*/
	display: inline;
	margin-left: 135px;
}
#main
{
/*the width from #left + the negative margin from #container*/
	margin-left: 280px;
	margin-right: 10px;
}
/*good to know: if #sidebar is to be shorter than #main, then there is no need for this rule*/
#sidebar
{
/*this is to keep the content of #sidebar to the right of #main even if the content of "main is shorter*/
	padding-left: 100%;
/*this is to "bring back" the #sidebar that has been moved out of the viewport because of the padding value*/
	margin-left: -135px;
}
#sidebar P
{
/*this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix)*/
/*	position:relative; */
}
#footer
{
/*see #outer_wrapper*/
	width: 100%;
/*this is to clear #container*/
	clear: both;
}
/*this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4*/
.clearing
{
	height: 0;
	clear: both;
}