html { overflow: -moz-scrollbars-vertical; }
body, html {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	min-width: 980px; /* Doesn't work in IE */
	background: #FFFFFF url(../../images/background2.gif) repeat-y center;
}
.clear { clear: both; }

#container {
	min-height: 100%;
	width: 980px;
	margin: 0 auto;
	text-align: center;
}
* html #container {
  height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

/* HEADER */
#header {
	height: 310px;
	position: relative;
	text-align: center;
	background-image: url(../../images/header.gif);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	background-position: center;
}

/* HEADER */
#login_header {
	height: 310px;
	position: relative;
	text-align: center;
	background-image: url(../../images/header-login.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 980px;
		background-position: center;
}

/* HEADER */
#default_header {
	height: 210px;
	position: relative;
	text-align: center;
	background-image: url(../../images/header-default.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	background-position: center;
}

/* CONTENT AND COLUMNS */
.outer {
	text-align: right;
	padding-bottom: 50px;
	margin-left: 25px;
	margin-right: 25px;
}
.inner {
	width: 100%;
	padding-bottom: 50px; /*** Padding-bottom value is the same value as the total height of the footer ***/
}

/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
	float: left;
	width: 100%; /*** Same length as .outer padding-left but with negative value ***/
}
#content {
	width: 705px;
	position: relative;
	float: right;
	text-align: left;
}
.content_wrap {
	text-align: left;
	width: 625px;
}

/* LEFT COLUMN */
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, div.left is carried over into the proper position. ***/
#left {
	float: left;
	width: 200px;
	position: relative; /*** IE needs this ***/
	text-align: left;
}

/* RIGHT COLUMN (not used) */
#right {
	float: right;
	width: 200px;
	padding: 0px;
	position: relative; /*** IE needs this  ***/
	margin-right: 0px; /** This negative margin-right value is the same as the right column width (width + padding). ***/
	position: relative; /*** IE needs this  ***/
}

/* FOOTER */
#footer {
	/*** The drawback with this solution is that the height of the footer can't have a flexible height.
	If you add so much content to the footer that it extends 45px, you will get a vertical scrollbar
	and the content will overflow the footer if you don't set overflow to hidden ***/
	height: 50px;
	background-color: #666666;
	text-align:left;
	width: 930px;
	margin: -50px auto 0px;
	padding: 15px 25px 0px;
}