@charset "UTF-8";
/* CSS Document */
html, body {
height: 100%;
}
body {
	margin: 0;
	padding:0;
	text-align:center;
	background:url(images/header-tile.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	line-height:14px;
}
p a, ul a{
	color:#007ca5;
}
p a:hover, ul a:hover{
	text-decoration:none;
}

.home{
	background:url(images/home-title.gif) no-repeat;	
}
.background{
	background:url(images/background-title.gif) no-repeat;	
}
.story{
	background:url(images/story-title.gif) no-repeat;	
}
.plans{
	background:url(images/plans-title.gif) no-repeat;	
}
.next{
	background:url(images/next-title.gif) no-repeat;
}
.left{
	float:left;
}
.right{
	float:right;
}
.rgap{
	padding-right:6px;
}
.tgap{
	padding-top:10px;
}
	
#container {
	margin:auto;
	width:742px;
	text-align:left;
	padding:0;
	
}
	#container #header{
		height:207px;
	}
		#container #header .logo{
			padding:24px 0 15px 12px;
		}
		#container #header #nav{
			text-transform:uppercase;
			font-size:12px;
			font-weight:bold;
			padding-top:16px;
			margin:0;
		}
			#container #header #nav ul{
				list-style-type:none;
				padding:0 0 0 45px;
				margin:0;
			}

			#container #header #nav ul li{
				float:left;
				padding-right:48px;
			}
			#container #header #nav ul li a{
				color:#666;
				text-decoration:none;
			}
			#container #header #nav ul li a:hover, #container #header #nav ul li a.selected {
				text-decoration:underline;
			}
		
	#container #backgroundcontent{
		padding-top:15px;
		padding-left:18px;
	}
	#container #homecontent{
	
	}		
	#container #homecontent .left{
		padding-top:15px;
		padding-left:18px;
		width:360px;
	}
	#container #homecontent .left .panel{
		background:#007ca5;
		color:#FFF;
		padding:20px;
	}
	#container #homecontent .left .panel a{
	
		color:#FFF;
	
	}
	#container #homecontent .right, #container #storycontent .right, #container #planscontent .right, #container #nextcontent .right{
		padding-top:15px;
	}
	#container .home-images{
		padding-top:28px;
		clear:both;
	}
	
	
	#container #storycontent .left{
		padding-top:15px;
		padding-left:18px;
		width:390px;
	}
	
		#container #storycontent .left ul, #container #nextcontent ul{
			padding-left:0;
			margin-left:2em;
			list-style-image:url(images/pdf.gif);
			font-weight:bold;
		}
		#container #storycontent .left ul li, #container #nextcontent ul li{
			padding:3px 0;
		}
		#container #storycontent .left ul li a, #container #nextcontent ul li a{
			color:#007ca5;
			
		}
		#container #storycontent ul li a:hover, #container #nextcontent ul li a:hover{
			text-decoration:none;
		}
		
	#container #storycontent .right{
		width:300px;
	}
	
	
	#container #planscontent .left{
		padding-top:15px;
		padding-left:18px;
		width:305px;
	}	
	#container #planscontent .left ul{
			padding-left:0;
			margin-left:1em;
			font-weight:bold;
		}
	#container #planscontent .right{
		width:390px;
	}
	
	
	#container #nextcontent .left{
		padding-top:15px;
		padding-left:18px;
		width:420px;
	}
	#container #nextcontent .downloads{
		clear:both;
		padding-left:18px;
		border-top: 1px solid #999999;
	}
	#container #nextcontent .column{
		width:210px;
		float:left;
	}
	
	
	#footer{
		clear:both;
		background:url(images/footer-bg.gif) repeat-x #333;
		margin-top:20px;
	
		
	}
	#footer .fcontainer{
		color:#007ca5;
		font-weight:bold;
		padding-top:15px;
		width:742px;
		text-align:left;
		margin:auto;
	}