/********************************* PAGE STRUCTURE *********************************/

	body {
		background-color: #CCCCCC;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	#container {
		position: relative;
		width: 100%;
		min-height: 100%;
		height: 100%;
		text-align: center;	/* Forces correct centering behavior in Internet Explorer */
	}
	
	html, body {
		height: 100%;
		min-height: 100%;
	}
	
	* html #container {
		height: 100%;
		min-height: 100%;
	}
	
		#root {
			position: relative;
			background-color: white;
			background-image: url('../images/root_bg.gif');
			top: 0px;
			left: 0px;
			width: 750px;
			margin: 0px auto 0px auto;	/* "auto" forces correct centering behavior in FireFox */
		}

/********************************* HEADER *********************************/
			
			#header {
				position: relative;
				clear: both;
				top: 0px;
				left: 0px;
				width: 750px;
				height: 86px;
				padding: 0px;
				margin: 0px;
				background-image: url('../images/header_bg2.gif');
				background-repeat: no-repeat;
			}
			
				img#header-logo {
					position: relative;
					top: 0px;
					left: 0px;
					float: left;
				}

/********************************* NAVIGATION *********************************/

			#nav {
				position: relative;
				float: left;
				top: 30px;
				width: 149px;
				text-align: left;
				font-weight: bold;
				margin: 0;
				padding: 0;
			}
			
				#nav ul {
					margin-left: 0px;
					padding-left: 0px;
					list-style-type: none;
				}
					#nav ul li {
						height: 24px;		/* necessary for links to display correctly! */
						padding-left: 6px;
						background-image: url('../images/button.gif');
						background-position: left top;
						background-repeat: no-repeat;
					}
						#nav ul li a {
							position: relative;
							height: 18px;	/* affects the "outline" shown by browser when the link is clicked */
							width: 139px;	/* affects the "outline" shown by browser when the link is clicked */
							top: 4px;
							display: block;	
							text-decoration: none;
							color: white;
						}
							#nav ul li a:hover {
								color: yellow;
							}
						


/********************************* PAGE BODY *********************************/
			
			#page_title {
				position: relative;
				float: left;
				/*top: -20px;*/
			}	
					
			#page_body {
				position: relative;
				float: left;
				left: 28px;
				width: 520px;
				min-height: 400px;
				/** height: 400px;*/
				padding: 10px 0px 10px 0px;
				text-align: left; 
				line-height: 1.75em; /*border: 1px solid blue;*/
			}
			
			.short_page {
				height: 400px;
			}
			
			.learn_more {
				position: relative;
				width: 250px;
				height: 100px;
				margin: 40px 0px 0px 0px;
				padding: 8px 0px 0px 4px;
				float: left;
				background-image: url('../images/rounded_rect.gif');
				background-position: top left;
				background-repeat: no-repeat;
				text-align: left; 
				line-height: 1.25em;
			}
				.learn_more img {
					float: left;
					padding: 0px 10px;
				}
				
			#manage {
				height: 340px;
				background-image: url('../images/iStock_000000261349XSmall.jpg');
				background-repeat: no-repeat;
				background-position: 0px 0px;
			}
			
			#sandbag_1 {
				float: left; width: 200px; height: 200px;
			}
			
			#sandbag_2 {
				float: left; width: 240px; height: 160px;
			}


/********************************* FOOTER *********************************/
			
			#footer {
				position: relative;
				clear: both;
				/*bottom: 0px;*/
				width: 750px;
				background-image: url('../images/footer_bg.gif');
				background-repeat: no-repeat;
				background-position: bottom;
				height: 86px;
				text-align: center;
			}
				
				#footer a:link, #footer a:visited {
					/*color: #0033CC; (using default link color here) */
				}
				
				#footer a:hover {
					color: white;
				}
				
				#copyright_footer {
					position: absolute;
					float: left;
					left: 0px;
					width: 100%;
					bottom: 6px;
					text-align: center;
				}			

/********************************* MISC ELEMENTS *********************************/								
				
	img {
		border: none;
	} 
	
	.clear {
		clear: both;
	}
	
	
/********************************* TEXT / LINK FORMATTING *********************************/

	a {
		color: #031163;
	}
	
	.orange_text {
		color: #FC9100;
	}
	
	.red_text {
		color: #B40000;
	}
	
	.blue_text {
		color: #031163;
	}
		
	.text-xs {
		font-size: 10px;
	}
	
	.text-sm {
		font-size: 12px;
	}
	
	.text-med {
		font-size: 14px;
	}
		
	.text-lg {
		font-size: 16px;
	}
	
	.text-xl {
		font-size: 18px;
	}
	
	.text-xxl {
		font-size: 24px;
	}
	
	.text-xxxl {
		font-size: 28px;
		font-weight: bold;
	}
	
	.error {
		font-weight: bold;
		color: red;
	}
	
	
/********************************* THE END *********************************/