/* Layout is divided into 3 rows - 
Header is 1st row  and is 100% width of the  browser window 
2nd row (content area) is divided into 3 columns - left - center - right
Content Area  is the same width as the header (100%) and footer depending on browser window width
left and right columns are fixed width
center column will expand and contract based on browser window wdith
Footer is the 3rd row  and is 100% width of the browser window
*/

body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
}

#Header {
	clear: both;
	width: auto;
}
/* sets the width of the Content Row to match header width*/
#contentarea {
	
	width: 100%;
}
#contentrowdisplay {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #BBBBBB;
	border-left-color: #BBBBBB;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBBBBB;
}
/* sets the 3 columns to display the full width of the browser window within the  content area itself or the center column*/
#threecolumndisplay {
	width: 100%;
}
/* End*/
/* sets the width of the categories display within the center column itself*/
#categories {
	width: 100%;
}
/* sets the width of the categories display within the center column itself as a group above #categories does not*/
.categorydisplaywidth {
	width: 70%;
}
/*END*/
/* center column width*/
.centercolumnwidth {
	width: 700px;
}
/* End*/

/* left column width*/
.leftcolumnwidth {
	width: 1%;
}
/* End*/
/* right column width*/
.rightcolumnwidth {
	width: 1%;
}


#footer {
	width: 100%;
	clear: both;
}