body {
	background-image: url('../Images/GenericNav/MetalBack_Page.png');
	background-repeat: repeat-y;
}

.MenuBack {
	background-image: url("../Images/GenericNav/MetalBack.png");
	background-color: #CCCCCC;
}

#PrintLogo {
	display:none;
}

#Logo {
	position:absolute;
	background-color:white;
	border-bottom-style:solid;   /* cdr*/ 
	border-bottom-width:1px;     /* cdr*/ 
	border-bottom-color:black;   /* cdr*/ 
	top:0px;
	left:0px;
	height:42px;
	width:201x;
	z-index:15;
}
#Logo img {
	margin:0;
}
#LogoTheImage {
	width:201px;
	height:42px;
	margin:0;
	padding:0;
}

#LogoEdge {
	position:absolute;
	top:0px;
	left:200px;
	width:22px;
	height:42px;
	z-index:20;
}

#LogoEdgeImage {
	width:22px;
	height:42px;
	background-image:url('../Images/GenericNav/SlantyEdgeLeft.gif');
	background-position:right top;
}

#TopBar {
	height:45px;
	width:100%;
	text-align:right;
	position:absolute;
	top:0;
	left:0;
	border-top-style:solid;
	border-top-color:black;
	border-top-width:1px;
	min-width:450px;
}

#TopEndUpperImage {
	width:212px;
	height:45px;
	background-image:url('../Images/GenericNav/TopBarImage.png');
}

#TopEndLowerImage {
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:white;
	width:28px;
	height:18px;
	background-image:url('../Images/GenericNav/TopBarEndBottom.gif');
}

#TopMenuContainer {
	position:absolute;
	top:46px;
	left:0;
	height:16px;
	width:100%;
	vertical-align:top;
	z-index:15;
	min-width:450px;
}

#TopMenu {
/*	font-weight:bold;*/
	text-align:right;
	width:100%;
}
#TopMenu a {
	font-size:0.9em;
	color:black;
	text-decoration:none;
	vertical-align:top;
}
#TopMenu a:hover {
	color:#FF6666;
	text-decoration:underline;
}

#FlagDiv {
	position:absolute;
	left:90%;
	top:10px;
	z-index:20;
}

#PreLeftMenu {
	text-align:right;
	width:178px;
	clear:both;
	float:left;
	display:block;
	position:absolute;
	top:42px;
	left:0px;
	z-index:30;
	border-left-style:solid;
	border-left-color:black;
	border-left-width:1px;
	border-top-style:solid;
	border-top-color:black;
	border-top-width:1px;
}
#PreLeftMenu table {
	margin-top:19px;
	margin-left:1px;
}
#PreLeftMenuSpacer {/* This is for Opera, which isn't aligning my image to the right, the bastard.  It still leaves a bit of grey space around the image, but it's a mighty improvement*/
	width:153px;
	height:1px;
}

#PreLeftMenuImage {
	width:24px;
	height:40px;
	background-image:url('../Images/GenericNav/SlantyEdgeRight.gif');
}

#LeftMenu {
	background-image: url('../Images/GenericNav/MetalBack_Page.png');
	width:166px;
	position:absolute;
	top:89px;
	left:0px;
	margin:0;
	padding:0;
	z-index:40;
}
#LeftMenu h1
{
	font-size:1em;
}
#LeftMenu h2 
{
	font-size:1em;
	background-image: url("../Images/GenericNav/GreyMenuBack2.gif");
	background-position: center center;
	background-repeat: no-repeat;
	color:white;
	font-weight:normal;
	margin-bottom:0;
	padding-left:0.75em;
	padding-bottom:0.5em;
	padding-top:.5em;
}
#LeftMenu h3 
{
	font-size:1em;
	background-image: url("../Images/GenericNav/GreyMenuBack2.gif");
	background-position: center center;
	background-repeat: no-repeat;
	color:white;
	font-weight:normal;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0.5em;
	padding-left:0.75em;
	padding-top:0.5em;
}
#LeftMenu input {
	font-size:10px;
}
#LeftMenu .GoButton {
	background-color:red;
	color:white;
	padding-left:.5em;
	padding-right:.5em;
}
#LeftMenu .MenuItem {
	background-image: url("../Images/GenericNav/GreyMenuBack2.gif");
	background-position: center center;
	background-repeat: no-repeat;
	color:white;
	padding-left:5px;
	padding-bottom:0.5em;
	padding-top:.5em;
	white-space:nowrap;
}
#LeftMenu .Menu a {
	color: white;
	text-decoration:none;
}
#LeftMenu .Menu a:hover {
	color:#FF6666;
	text-decoration:underline;
}
#LeftMenu .Menu ul {
	margin:0;
	padding:0;
}
#LeftMenu .Menu ul li {
	margin:0 0 0 .5em;
}
#LeftMenu ul {
	margin:0;
	padding-left:1px;
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
}
#LeftMenu .Menu li {
	list-style-type:none;
	list-style-position:outside;
	list-style-image:none;
}
#LeftMenu .SubMenu li {
	color:red;
	list-style-type:square;
	list-style-position:inside;
	list-style-image:url('../Images/GenericNav/bullet_black.gif');
	margin:.25em;
	padding:0;
}
#LeftMenu .SubMenu a {
	color:black;
	text-decoration:none;
}
#LeftMenu .SubMenu a:hover {
	color:#FF6666;
	text-decoration:underline;
}
#LeftMenu .Menu {
	display:inline;
}
#LeftMenu .Menu > li:first-child {
	margin-top:0em;
}
#LeftMenu .Menu li {
	margin-top:1em;
}

#PrintPage {
	padding-top:5em;
	text-align:center;
}
#PrintPageTheImage {
	width:22px;
	height:17px;
	display:inline;
	float:none;
}

#LSUser {
	position:absolute;
	z-index:80;
	left:35%;
	top:10px;
	border-color:black;
	border-width:1px;
	border-style:dashed;
	background-color:white;
}

#ContentPane {
	position:absolute;
	left:0;
	top:0;
	right:0;
	margin:0;
	font-size:10px;
	padding:0;
/*	width:100%;*/
}

/*	This div is inside the ContentPane	*/
#Content {
	margin-left:180px;
	margin-top:70px;
	margin-bottom:0;
	margin-right:30px;
	min-height:35em;
	/*width:100%; This breaks the page for Mozilla.  Not having this here means the pages break in IE unless you make sure a div width:100% is outside every other block level element with width:100%;*/
}

#ContentWidthFix {
	width:100%;
}

/*	This div is inside the ContentPane div	*/
#Footer {
	border-top-width:1px;
	border-top-style:solid;
	border-top:color:black;
	margin-top:10em;
	margin-left:180px;
	margin-right:30px;
	padding-top:0.5em;
	text-align:center;
	clear:both;
}