/*
     This stylesheet is for establishing basic page layout.
*/

@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center;
}
html {
	overflow-y: scroll;
}

/* this establishes the background image to be aligned with the container div in case of browser issues */
.oneColFixCtrHdr #background {
	margin: 0px;
	padding: 0px;
	width: auto;
}

.oneColFixCtrHdr #container {
	width: 800px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(img/bg_contentArea.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
.oneColFixCtrHdr #header {
	height: 50px;
	margin: 0px;
	padding-left: 50px;
	text-align: left;
	position: relative;
}
.oneColFixCtrHdr #footer p {
	margin: 0; 
}

/* layout styles for 2 column w/ sidebar on RIGHT */
.oneColFixCtrHdr #mainContentLeft {
	margin-right: 270px;
	margin-left: 50px;
	padding-left: 20px;
	padding-right: 10px;
	float: none;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.oneColFixCtrHdr #container #sidebarRight {
	width: 200px;
	float: right;
	margin-right: 50px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

/* layout styles for 2 column w/ sidebar on LEFT */
.oneColFixCtrHdr #mainContentRight {
	margin-right: 50px;
	margin-left: 270px;
	padding-left: 10px;
	padding-right: 20px;
	float: none;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: right;
}
.oneColFixCtrHdr #container #sidebarLeft {
	width: 200px;
	float: left;
	margin-left: 50px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

/* layout styles for Video page, 2 column w/ sidebar on LEFT */
.oneColFixCtrHdr #videoRight {
	margin-right: 50px;
	margin-left: 260px;
	padding-left: 0px;
	padding-right: 10px;
	float: none;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: right;
}
.oneColFixCtrHdr #container #videoListLeft {
	width: 190px;
	float: left;
	margin-left: 50px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

/* Main menu styles */
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	padding: 0px;
	height: 50px;
	vertical-align: bottom;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	width: auto;
	/*float: left;*/
	display: inline;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}