/*
 * Body Area
 *
 * Auto margins (centering for non-IE), white background, left aligned text (for IE), 5px padding
 * 900 pixels wide. Font size a little smaller than normal.
 *
 *********************************************************************************************************************************/

DIV.body
{
    margin-top: 0px;
	margin-left: 250px;
    margin-right: 21px;
    /* Background-Color: #FFF; */
    /* text-align:left; */
}
 
/*
 * The next declarations actually the scrolling area for the main menu
 *
 * .scroll_menu: container for the menu. It is 900px wide, no padding, expanded margins, 90px high, and hidden overflow (so the
 *               wide image underneath is clipped). The position is relative.
 * .scroller:    The actual menu image. The image is as wide as necessary (currently 1200px). Its position is relative, and it is
 *               set to 0px left. (This is offset by a script to simulate movement).
 * .scroll_left, .scroll_right
 *               These are the "glowing" arrows on the left and right sides of the menu. They appear only as necessary (determined
 *               by script), and are absolutely positioned to be in the correct place.
 *
 *********************************************************************************************************************************/
  
.scroll_menu
{
	/* Value below (width) defines how wide the image block will appear */
	/* width:900px !important; */
	width:504px !important;
	padding:0px !important;
	margin-left:-5px !important;
	margin-right:-5px !important;
	height:105px !important;
	line-height:105px !important;
	overflow: hidden !important;
	overflow-y:hidden !important;
	overflow-x:hidden !important;
	position:relative;
}

.scroller
{
	background-image: url(/includes/homepage_scroll/images/menuimage.jpg);
	position:relative;
	left:0px;
	width:504px;
}

.scroll_left
{
	background-image: url(/includes/homepage_scroll/images/menuleft.gif);
	position:absolute;
	float:left;
	left:-2px;
	top:0px;
	width:50px;
}
.scroll_right
{
	background-image: url(/includes/homepage_scroll/images/menuright.gif);
	position:absolute;
	float:left;
	/* Value below (left) defines how many pixels from the left the right scroller arrow will appear */
	/* left:855px; */
	left:460px;
	top:0px;
	width:50px;
}