/* -------------------------------------------------------------- 
	
	layout.css	
	* Lays out the main page structure and design.
	
-------------------------------------------------------------- */

	html {
		height: 100%;
		overflow-y:scroll;
	}

	body {
		height: 100%;
		background: #071C51 url(../img/layout/bg-body.gif) top left repeat-x;
		/* text-align: center; */
		color: #000;
		}

		#envelope {
			position: relative;
			margin: 0 auto;
			width: 965px;
			height: auto;
			min-height: 100%;
				_height: 100%;
			background: #ffffff url(../img/layout/bg-envelope.gif) top left repeat-x;
			text-align: left;
			}

			#logo {
				position: absolute;
				top: 0;
				left: 0;
				}
				
				#logo a {
					display: block;
					width: 168px; 
					height: 69px;
					background: url(../img/logo-sandri.png) top left no-repeat;
				}

				#logo span {
					display: none;
				}

			#constants {
				position: absolute;
				top: 39px;
				right: 0;
				} /* see navigation.css for styling */
				
			#levelOneNavigation {
				position: absolute;
				top: 69px;
				left: 0;
				} /* see navigation.css for styling */
				
			#sublevelNavigation {
				float: left;
				padding-left: 13px;
				width: 197px;
				text-transform: uppercase;
				} /* see navigation.css for styling */
				
			.content {
				padding: 263px 32px 32px 234px;
                height: auto;
                min-height: 600px;
                _height: 600px;
				
				
				} /* see content-design.css for styling */


				#contentArea { }

				#focusAreas { }

			#footer {
				padding-left: 234px;
				padding-bottom: 24px;
				font-size: 1.2em;
				clear: both;
				} /* see footer.css for styling */

			#art {
				position: absolute;
				top: 132px;
				left: 0;
				width: 965px;
				height: 107px;
				overflow: hidden;
			}

			#flash { }