body {
	margin : 8px;
	padding : 0;
	background-color : #336699;
	color : #ffffcc;
}

h1 {
	margin : 0;
	padding : 0;
	width : 695px;
	height : 28px;
	background : url(../title.gif) no-repeat;
}

h1 span {
	position : absolute;
	left : -5000px;
	top : 0;
}

h1 a {
	position : relative;
	display : block;
	top : 0;
	left : 0;
	width : 260px;
	height : 28px;
	text-decoration : none;
}

p.footer {
	margin-top : 16px;
	margin-bottom : 0;
	width : 699px;
	text-align : center;
	font : 13px Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}

p#topfooter {
	margin-top : 36px;
}

p a {
	color : #99ffff;
}

p a:visited {
	color : #cccccc;
}

p a:active {
	color : #cc3300;
}

/* CSS Sprite Image Maps */
#sitemap {width: 698px;  height: 478px; background: url(../homebase.gif) no-repeat; 
	margin : 0; padding: 0; position: relative;}
#sitemap ul {display : inline; margin : 0; padding : 0;}
#sitemap li {margin: 0; padding: 0; list-style: none; position : absolute;}
#sitemap li span { position : absolute; left : -5000px; top : 0;}
#sitemap a {display : block; text-decoration : none;}

/* Step 1: Plan "Image Map" */
#plan_start {width : 90px;	height : 60px;	top : 0;	left : 0;}
#plan_start a {height : 60px;}
#plan_define {width : 55px; height : 60px; top : 0; left : 90px;}
#plan_define a {height : 60px;}
#plan_brainstorm {width : 55px; height : 50px; top : 5px;	left : 150px;}
#plan_brainstorm a {height : 50px;}
#plan_already {width : 65px;	height : 40px;	top : 45px;	left : 185px;}
#plan_already a {height : 40px;}
#plan_group {width : 57px;	height : 47px;	top : 85px;	left : 183px;}
#plan_group a {height : 47px;}
#plan_keywords {width : 73px;	height : 42px;	top : 107px; left : 110px;}
#plan_keywords a {height : 42px;}
#plan_strategy {width : 50px;	height : 50px;	top : 125px; left : 70px;}
#plan_strategy a {height : 50px;}
#plan_tools {width : 75px;	height : 40px;	top : 195px; left : 65px;}
#plan_tools a {height : 40px;}

/* Step 2: Search "Image Map" */
#search_start {width : 140px; height : 40px; top : 245px; left : 105px;}
#search_start a {height : 40px;}
#search_catalog {width : 80px; height : 25px; top : 295px; left : 80px;}
#search_catalog a {height : 25px;}
#search_kyvl {width : 70px; height : 40px; top : 295px; left : 170px;}
#search_kyvl a {height : 40px;}
#search_encyclopedia {width : 85px; height : 17px; top : 360px; left : 120px;}
#search_encyclopedia a {height : 17px;}
#search_toc {width : 60px; height : 25px; top : 387px; left : 105px;}
#search_toc a {height : 25px;}
#search_magazine {width : 65px; height : 20px; top : 428px; left : 173px;}
#search_magazine a {height : 20px;}
#search_dictionary {width : 65px; height : 17px; top : 450px; left : 80px;}
#search_dictionary a {height : 17px;}
#search_web {width : 75px; height : 70px; top : 165px; left : 230px;}
#search_web a {height : 70px;}
#search_cantfind {width : 69px; height : 100px; top : 370px; left : 0;}
#search_cantfind a {height : 100px;}

/* Step 3: Take Notes "Image Map" */
#notes_start {width : 80px; height : 43px; top : 0px; left : 265px;}
#notes_start a {height : 43px;}
#notes_kwl {width : 45px; height : 45px; top : 15px; left : 370px;}
#notes_kwl a {height : 45px;}
#notes_factfinder {width : 45px; height : 45px; top : 55px; left : 335px;}
#notes_factfinder a {height : 45px;}
#notes_datasheets {width : 45px; height : 45px; top : 100px; left : 330px;}
#notes_datasheets a {height : 45px;}
#notes_clustering {width : 50px; height : 40px; top : 145px; left : 360px;}
#notes_clustering a {height : 40px;}
#notes_biblio {width : 50px; height : 40px; top : 145px; left : 415px;}
#notes_biblio a {height : 40px;}
#notes_venn {width : 60px; height : 40px; top : 105px; left : 445px;}
#notes_venn a {height : 40px;}
#notes_card {width : 45px; height : 45px; top : 60px; left : 460px;}
#notes_card a {height : 45px;}
#notes_print {width : 50px; height : 45px; top : 15px; left : 420px;}
#notes_print a {height : 45px;}

/* Step 4: Use the Information "Image Map" */
#info_start {width : 150px; height : 40px; top : 220px; left : 375px;}
#info_start a {height : 40px;}
#info_scan {width : 74px; height : 66px; top : 266px; left : 324px;}
#info_scan a {height : 66px;}
#info_fingers {width : 74px; height : 66px; top : 266px; left : 401px;}
#info_fingers a {height : 66px;}
#info_forreal {width : 74px; height : 66px; top : 266px; left : 475px;}
#info_forreal a {height : 66px;}
#info_words {width : 74px; height : 66px; top : 335px; left : 475px;}
#info_words a {height : 66px;}
#info_organize {width : 74px; height : 66px; top : 335px; left : 401px;}
#info_organize a {height : 66px;}
#info_compare {width : 74px; height : 66px; top : 335px; left : 324px;}
#info_compare a {height : 66px;}
#info_order {width : 74px; height : 66px; top : 406px; left : 324px;}
#info_order a {height : 66px;}
#info_conclusion {width : 74px; height : 66px; top : 406px; left : 401px;}
#info_conclusion a {height : 66px;}

/* Step 5: Share, Step 6: Evaluate, Glossary, and Return to Portal "Image Maps" */
#share {width : 100px; height : 130px; top : 200px; left : 570px;}
#share a {height : 130px;}
#evaluate {width : 140px; height : 60px; top : 80px; left : 540px;}
#evaluate a {height : 60px;}
#glossary {width : 140px; height : 57px; top : 0; left : 540px;}
#glossary a {height : 57px;}
#return {width : 55px; height : 60px; top : 200px; left : 0;}
#return a {height : 60px;}