/*
==================================================================================
=ABOUT
==================================================================================
*/

#are-you-ready-home {
	background: black url(../images/ui/bg-are-you-ready-home.jpg) repeat-x center top;
}

#are-you-ready-home #content-inner {
	min-height: 700px;
}

#are-you-ready-home h2 {
	background: none;
	padding: 8px 10px;
	margin: 0;
	background-color: #9a9a9a;
	color: white;
	font-size: 2em;
}

#are-you-ready-home h3 {
	background: none;
	padding: 4px 10px;
	margin: 0;
	background-color: #9a9a9a;
	color: white;
	font-size: 2em;
	font-family: Impact, arial, sans-serif;
}

div.key-wrap { 
	width: 220px;
	border-right: 5px solid #696969;
	border-bottom: 5px solid #696969;
	position: absolute;
	left: 30px;
	top: 60px;
}

div.key {
	background: #fff;
	margin-left: -5px;
	margin-top: -5px;
	border: 2px solid #868686;
	padding: 2px 2px 0 2px;
}

#are-you-ready-home .key p {
	padding: 0;
	margin: 15px 10px;
	font-size: 1.2em;
}

#are-you-ready-home .key p.bottom {
	background-color: #9a9a9a;
	padding: 4px 10px;
	margin: 2px 0;
	color: white;
}

#are-you-ready-home div#map {
	position: absolute;
	top: 200px;
	right: 68px;
}

#are-you-ready-home div#map ul {
	position: relative;
	width: 218px;
	height: 230px;

}

#are-you-ready-home div#map ul li a {
	display: block;
}

#are-you-ready-home div#map ul li#item1 a {
	position: absolute;
	top: 0;
	left: 0;
	height: 66px;
	width: 178px;
	text-indent: -999em;
}

#are-you-ready-home div#map ul li#item1 a:hover {
	background: url(../images/ui/are-you-ready-map-2.jpg) no-repeat 0 0;
}

#are-you-ready-home div#map ul li#item2 a {
	position: absolute;
	top: 130px;
	left: 0;
	height: 40px;
	width: 178px;
	text-indent: -999em;
}

#are-you-ready-home div#map ul li#item2 a:hover {
	background: url(../images/ui/are-you-ready-map-2.jpg) no-repeat 0 -130px;
}

#are-you-ready-home div#map ul li#item3 a {
	position: absolute;
	top: 180px;
	left: 70px;
	height: 40px;
	width: 150px;
	text-indent: -999em;
}

#are-you-ready-home div#map ul li#item3 a:hover {
	background: url(../images/ui/are-you-ready-map-2.jpg) no-repeat -70px -180px;
}


/*
==================================================================================
=ARE YOU READY
==================================================================================
*/

#are-you-ready {
	background: black url(../images/ui/bg-are-you-ready-main.jpg) repeat-x center top;
}

#are-you-ready div#content {
	background: transparent url(../images/ui/pad-middle.jpg) repeat-y 1px 0;
}

#are-you-ready div#content-inner {
	padding: 10px 250px 0 70px;
	background: transparent url(../images/ui/pad-top-2.jpg) no-repeat -29px -33px;
	margin-bottom: 423px;
}

#are-you-ready div#content-footer {
	background: transparent url(../images/ui/notepad-bottom-main.jpg) no-repeat 0 0;
	height: 27px;
	position:absolute;
	bottom: -37px;
	right: 200px;
	width: 430px;
}

#are-you-ready h2 {
	margin-top: 60px;
}

#are-you-ready #pad {
	padding-right: 25px;
}

#are-you-ready div#video {
	background: transparent url(../images/ui/polaroids.jpg) no-repeat -6px 15px;	
	height: 439px;
	width: 443px;
	position: absolute;
	bottom:-439px;
	left: -52px;
}

#are-you-ready div#video div#swf {
	position: absolute;
	bottom: 125px;
	left: 60px;
}

#are-you-ready div#video span.nav {
	position: absolute;
	bottom:420px; 
	left:57px;
}

#are-you-ready #notebook {
	position: absolute;
	top: 80px;
	right: 20px;
	width:210px;
	padding: 0 20px;
	background: transparent url(../images/ui/small-notebook-middle.jpg) repeat-y -2px 0;	
}

#are-you-ready #notebook ul#checklist {
	width: 220px;
	height: 300px;
	background: url(../images/ui/checklist.gif) no-repeat -20px 0;
	text-indent: -999em;
}

#are-you-ready #notebook .footer {
	position: absolute;
	height: 39px;
	width: 251px;
	right: 3px;
	background: url(../images/ui/ready-list-footer.png) no-repeat 0 0;
	z-index: 3;
}

#are-you-ready div#notebook div#post-it {
	position: absolute;
	bottom: -190px;
	left: 70px;
	width: 202px;
	height: 191px;
	background: url(../images/ui/ready-post-it-list.jpg) no-repeat top left;
}

#are-you-ready div#notebook div#post-it ul {
	position: relative;
	width: 202px;
	height: 191px;
	margin: 0;
	padding: 0
}

#are-you-ready div#notebook div#post-it ul li.item1 a {
	position: absolute;
	top:15px;
	left:0;
	height: 30px;
	width: 202px;
	background: url(../images/ui/ready-post-it-list.jpg) 0 -15px;
	display: block;
	text-indent: -999em;
}

#are-you-ready div#notebook div#post-it ul li.item1 a:hover {
	background: url(../images/ui/ready-post-it-list.jpg) 0 -206px;
}

#are-you-ready div#notebook div#post-it ul li.item2 a {
	position: absolute;
	top:45px;
	left:0;
	height: 30px;
	width: 202px;
	background: url(../images/ui/ready-post-it-list.jpg) 0 -45px;
	display: block;
	text-indent: -999em;
}

#are-you-ready div#notebook div#post-it ul li.item2 a:hover {
	background: url(../images/ui/ready-post-it-list.jpg) 0 -236px;
}

#are-you-ready div#notebook div#post-it ul li.item3 a {
	position: absolute;
	top:75px;
	left:0;
	height: 30px;
	width: 202px;
	background: url(../images/ui/ready-post-it-list.jpg) 0 -75px;
	display: block;
	text-indent: -999em;
}

#are-you-ready div#notebook div#post-it ul li.item3 a:hover {
	background: url(../images/ui/ready-post-it-list.jpg) 0 -266px;
}

#are-you-ready div#notebook div#post-it ul li.item4 a {
	position: absolute;
	top:105px;
	left:0;
	height: 30px;
	width: 202px;
	background: url(../images/ui/ready-post-it-list.jpg) 0 -105px;
	display: block;
	text-indent: -999em;
}

#are-you-ready div#notebook div#post-it ul li.item4 a:hover {
	background: url(../images/ui/ready-post-it-list.jpg) 0 -296px;
}



#are-you-ready img#powell {
	position: absolute;
	top:0;
	left: -120px;
}

#are-you-ready #footer {
	padding-top: 40px;
}


/*
==================================================================================
=CHAPTER 3 TERTIARY NAVIGATION
==================================================================================
*/


div#menu h1 span.chapter {
	color: #728d46;
}

div#menu h1 span.title {
	font-family: Impact, arial, sans-serif;
	font-size: 2.3em;
}

div#menu ul li {
	background: transparent url(..images/ui/menu-chapter-3.jpg) top left;	
}

div#menu ul li a.selected {
	background: #8ca390 url(../images/ui/menu-chapter-3-select.jpg) no-repeat top left;
}

div#menu ul li a {
	background: transparent url(../images/ui/menu-chapter-3.jpg) top left;	
}

div#menu ul li a:hover {
	background: #8ca390 url(../images/ui/menu-chapter-3-select.jpg) no-repeat top left;
	color: #fff;
}

div#menu ul li ul {
	margin-top: 2px;
	font-size: 0.8em;
}

div#menu ul li ul li a {
	padding-left: 20px;
}


/*
===============================================
=TYPOGRAPHY
===============================================
*/

h2 {
	background: transparent url(../images/ui/ch-2-header.png) no-repeat left center;
}

h3 {
	background: transparent url(../images/ui/ch-2-line-long.png) no-repeat left center;
}

.column h3 {
	background: transparent url(../images/ui/ch-2-line-short.png) no-repeat left center;
}

h4 {
	font-size: 1.2em;
	font-family: arial, sans-serif;
	background: transparent url(../images/ui/ch-2-line-long.png) no-repeat left center;
	padding: 1em;
	margin-left: -10px;
}

.column h4 {
	background: transparent url(../images/ui/ch-2-line-short.png) no-repeat left center;
}

div#content ul.marker-lines li,
a.marker {
	background: transparent url(../images/ui/ch-2-link.png) no-repeat left center;

}

div#content ul.marker-star li,
div#content ol.marker-star li {
	background: transparent url(../images/ui/ch-2-star.png) no-repeat top left;
}

div#content ol.marker-lines li {
	background: transparent url(../images/ui/ch-2-line-short.png) no-repeat left center;
}

p.question,
p.marker {
	background: transparent url(../images/ui/ch-2-line-long.png) no-repeat left center;
}


a#links-videos {
	position: absolute;
	left: 205px;
	top: 354px;
	width: 79px;
	height: 80px;
	background-image: url(../images/content/links.gif);
}