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

html {
	height: 100%;
	}

	body {
		height: 100%;
		background: #fdf0dc url(../img/layout/bg-envelope.png) top center repeat-y;
		text-align: center;
		}

		#envelope {
			position: relative;
			margin: 0 auto;
			padding: 114px 16px 12px 16px;
			width: 1000px;
			min-height: 100%;
			height: auto;
			   _height: 100%;
			text-align: left;
			}


			#logo {
				position: absolute;
				top: 0;
				left: 16px;
				width: 268px;
				height: 215px;
				background: url(../img/logo-egpaf.gif) top left no-repeat;
				}
				
				#logo a {
					display: block;
					width:268px;
					height:215px;
				}

				#logo span {
					display: none;
				}


			#constants {
				position: absolute;
				top: 0;
				right: 226px;
				padding: 0 1px 0 15px;
				width: 508px;
				height: 28px;
				line-height: 28px;
				border: 1px solid #f9d094;
				}/* For further styling refer to navigation.css */
			
	
			.search {
				position: absolute;
				top: 0;
				right: 16px;
				padding: 6px 0 6px 12px;
				width: 198px;
				height: 17px;
				line-height: 17px;
				border-bottom: 1px solid #f9d094;
				}
				
				.search fieldset {
					padding: 0;
					border: none;
					}
					
					.search label {
						display: none;
					}

					.search input { border:transparent;}
					
						.search input.searchField {
							float: left;
							margin-right: 5px;
							padding: 2px 1px 2px 4px;
							width: 148px;
							border: none;
							font-family: arial;
							font-weight: bold;
							color: #959595;
							font-size:10px;
							}
							
							.search input.searchField:focus {
								background: #757575;
								color: #fff;
								
							}

						.search input.searchButton {
							float: left;
							width:auto;
						}

			#levelOneNavigation {
				position: absolute;
				top: 70px;
				left: 273px;
				}/* For further styling refer to navigation.css */
			

			#sublevelNavigation {
				float: left;
				padding-top: 95px;
				padding-left: 27px;
				width: 241px;
				}/* For further styling refer to navigation.css */
							
				.mapCallout {
					margin-bottom: 14px;
					padding: 10px 14px 15px 15px;
					width: 188px;
					border: 1px solid #f9d8a8;
					background: #fdf5e9;
					}/* For further styling refer to content-design.css */
					
				.promo {
					margin-bottom: 14px;
					padding-top: 14px;
					width: 219px;
					/*border-top: 1px solid #f9d094;*/
					}/* For further styling refer to content-design.css */
						

			.content {
				float: left;
				width: 732px;
				}

				#contentArea {
					float: left;
					padding-right: 22px;
					width: 500px;
					font-size: 1.3em;
					}/* For content design and styling refer to content-design.css */
					
					#contentArea ul.breadCrumbs {
						padding: 0;
						list-style: none;
						height: 43px;
						color: #a0a0a0;
						font-size: 10px;
						}
	
						ul.breadCrumbs li { 
							float: left; 
							}
		
						ul.breadCrumbs a {
							text-decoration: none !important;
							color: #959595 !important;
							}
							
							ul.breadCrumbs a:hover, li#breadcrumbActive a, li.breadcrumbActive a {
								color: #c9873b !important;
								}
		
						ul.breadCrumbs span { 
							padding: 0 6px 0 3px;
							}
						
						#contentArea .maps
						{
							/* background-color:#99CCFF; */
						}


				#focusAreas {
					float: left;
					padding-top: 35px;
					width: 186px;
				}/* For further styling refer to content-design.css */

			#footer {
				clear: both;
				padding: 24px 26px 24px 27px;
				color: #999;
				}/* For further styling refer to footer.css */
					
	
			#art { }

			#flash { }





/*******************************************************************************************

TITLE: the genius development framework

VERSION: 1.0.0
URI: http://www.geniusswitchstudio.com/
AUTHOR: Christian Alexander Seeber, Principal + User Experience Architect
COPYRIGHT: 2009 genius switch studio llc

DESCRIPTION: HTML/CSS/JS Framework or Repository created by genius switch studio
in order to streamline all builds. HTML Structure is always the same, 
CSS Structure is always the same, jQuery drives everything. 

**********************************************************************************************/