html, body {
	margin:0px; /* FF hack: or we'll have double scrollbar showing on the browser */
	overflow:hidden; /* hide browser's main scrollbar */
}
#main_container {
	width:100%;
	/*background-color:#FFFFFF;  DO NOT REMOVE THIS; or you'll have issue w/ the scrollbar, when the mouse pointer is on a white space */
	height:100%;	/* this will make sure that the height will extend at the bottom */
	overflow:auto;	/* will have a scrollbar at our content containier */
	position:absolute; /* container div must be absolute, for our fixed bar to work */
}
#main_container .content_wrapper {
	margin-left:auto;
	margin-right:auto;
	width:95%;
}



#nav_menu_wrapper { /* this will ba used as a wrapper for the nav_menu so we can center it (nav_menu). especially for IE */
	height:28px; /* fix bar's height */
	width:99%; /* use 100% of width */
	z-index:100;
	/* the code below will PUT the bar at the bottom */	
	bottom:0px;
	position:absolute;
	/* hide scrollbar for this wrapper */
	overflow:hidden;
}
#nav_menu_wrapper .nav_menu { /* the menu itself */
	height:28px; 
	width:965px; 
	/* center this div */
	margin-left:auto;
	margin-right:auto;
}


.bar_bg {
	background-image:url(images/bar_bg.jpg);
	/*text-align:center;*/
}
#bar_left_corner{
	width:4px;
	height:28px;
	background-image:url(images/barCorner_left.png);
}
#bar_right_corner{
	width:4px;
	height:28px;
	background-image:url(images/barCorner_right.png);
}
#bar_logo {
	width:51px;
	height:28px;
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	display:inline-block;
}
#bar_logo:hover {
	background-image:url(images/logo_hover.jpg);
}
.border_left {
	border-left:#7b4711 1px solid;
}