/*

*/

body {
	background-image:url(../graphics/background-repeatx.jpg);
	background-repeat:repeat-x;
	background-color:#ffffff;
	color:#ffffff;}

body {
	font-family:Arial;
	font-weight:bold;
	font-size:0.9em;}

.div_ie_spacer {
	clear:both;
	overflow:hidden;
	height:1px;}

#wrapper {
	text-align:center;}
#container {
	margin:29px auto auto auto;
	text-align:left;
	width:731px;}

#brief {
	width:587px;
	float:left;}
#brief h1 {
	height:59px;
	padding:0px;
	margin:0px;
	line-height:100%;}
#brief h1 span {
	display:none;}
#content {
	min-height:230px;
	text-align:left;
	margin:10px 260px 10px 20px;}
#content_full {
	min-height:230px;
	text-align:left;
	margin:10px 35px 10px 20px;}
#content_alt {
	min-height:230px;
	text-align:left;
	margin:10px 20px 10px 220px;}
#content_full a, #content a { color:#ffffff; }

#content ul {
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style:none;}
#content li {
	padding-left:10px;
	background-image: url(../graphics/icon_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;}
#content li { margin: 0 0 10px 0; }

.tabstop_right_50 {
	padding-right:50px;}
.tabstop_right_75 {
	padding-right:75px;}


/*
################################################################################
#		Left / Right Navigation - Images
################################################################################
*/

#navigation ul li.home { background-image:url(../graphics/left_nav/nav_home.gif); background-repeat:no-repeat;}
#navigation ul li.home_on { background-image:url(../graphics/left_nav/nav_home_on.gif); background-repeat:no-repeat;}

#navigation ul li.lesson1 { background-image:url(../graphics/left_nav/nav_lesson1.gif); background-repeat:no-repeat;}
#navigation ul li.lesson1_on { background-image:url(../graphics/left_nav/nav_lesson1_on.gif); background-repeat:no-repeat;}

#navigation ul li.lesson2 { background-image:url(../graphics/left_nav/nav_lesson2.gif); background-repeat:no-repeat;}
#navigation ul li.lesson2_on { background-image:url(../graphics/left_nav/nav_lesson2_on.gif); background-repeat:no-repeat;}

#navigation ul li.lesson3 { background-image:url(../graphics/left_nav/nav_lesson3.gif); background-repeat:no-repeat;}
#navigation ul li.lesson3_on { background-image:url(../graphics/left_nav/nav_lesson3_on.gif); background-repeat:no-repeat;}

#navigation ul li.help { background-image:url(../graphics/left_nav/nav_help.gif); background-repeat:no-repeat;}
#navigation ul li.help_on { background-image:url(../graphics/left_nav/nav_help_on.gif); background-repeat:no-repeat;}

/*
################################################################################
#		Left / Right Navigation
################################################################################
*/
#navigation {
	width:144px;
	float:left;}
#navigation ul {
	border:0px solid #000;
	padding:0px;
	margin:0px;
	list-style:none;}
#navigation ul li {}
#navigation ul li a {
	text-decoration:none;}
#navigation ul li a span {
	visibility:hidden;}

#navigation ul li.home { height:98px; width:144px;}
#navigation ul li.home a { display:block; height:98px; width:100%;}
#navigation ul li.home_on { height:98px; width:144px;}
#navigation ul li.home_on a { display:block; height:98px; width:100%;}

#navigation ul li.lesson1 { height:70px; width:144px;}
#navigation ul li.lesson1 a { display:block; height:70px; width:100%;}
#navigation ul li.lesson1_on { height:70px; width:144px;}
#navigation ul li.lesson1_on a { display:block; height:70px; width:100%;}

#navigation ul li.lesson2 { height:69px; width:144px;}
#navigation ul li.lesson2 a { display:block; height:69px; width:144px;}
#navigation ul li.lesson2_on { height:69px; width:144px;}
#navigation ul li.lesson2_on a { display:block; height:69px; width:144px;}

#navigation ul li.lesson3 { height:71px; width:144px;}
#navigation ul li.lesson3 a { display:block; height:71px; width:144px;}
#navigation ul li.lesson3_on { height:71px; width:144px;}
#navigation ul li.lesson3_on a { display:block; height:71px; width:144px;}

#navigation ul li.help { height:87px; width:144px;}
#navigation ul li.help a { display:block; height:87px; width:144px;}
#navigation ul li.help_on { height:87px; width:144px;}
#navigation ul li.help_on a { display:block; height:87px; width:144px;}

/*
################################################################################
#		Lessons Navigation
################################################################################
*/
#lessons {
	clear:both;
	height:107px;
	overflow:hidden;}
#lessons ul {
	padding:0px;
	margin:0px;
	list-style:none;}
#lessons ul li {
	padding:0px;
	margin:0px;
	float:left;
	list-style:none;}
#lessons ul li a span {
	display:none;}

#lessons ul li.nav1 { height:107px; width:125px; }
#lessons ul li.nav1 a { height:107px; width:125px; display:block; }
#lessons ul li.nav1_on { height:107px; width:125px; }
#lessons ul li.nav1_on a { height:107px; width:125px; display:block; }

#lessons ul li.nav2 { height:107px; width:120px; }
#lessons ul li.nav2 a { height:107px; width:120px; display:block; }
#lessons ul li.nav2_on { height:107px; width:120px; }
#lessons ul li.nav2_on a { height:107px; width:120px; display:block; }

#lessons ul li.nav3 { height:107px; width:116px; }
#lessons ul li.nav3 a { height:107px; width:116px; display:block; }
#lessons ul li.nav3_on { height:107px; width:116px; }
#lessons ul li.nav3_on a { height:107px; width:116px; display:block; }

#lessons ul li.nav4 { height:107px; width:111px; }
#lessons ul li.nav4 a { height:107px; width:111px; display:block; }
#lessons ul li.nav4_on { height:107px; width:111px; }
#lessons ul li.nav4_on a { height:107px; width:111px; display:block; }

#lessons ul li.nav5 { height:107px; width:114px; }
#lessons ul li.nav5 a { height:107px; width:114px; display:block; }
#lessons ul li.nav5_on { height:107px; width:114px; }
#lessons ul li.nav5_on a { height:107px; width:114px; display:block; }

/*
################################################################################
#		Footer
################################################################################
*/

#home_footer {
	clear:both;
	height:57px;
	overflow:hidden;}
#home_footer a.coolplanet {
	display:block;
	float:left;
	height:57px;
	width:200px}
#home_footer a.oxfam {
	display:block;
	float:left;
	height:57px;
	width:188px}
#home_footer a.completecontrol {
	display:block;
	float:left;
	height:57px;
	width:190px}
#home_footer a span {
	visibility:hidden;}

/*
################################################################################
#		Misc Buttons
################################################################################
*/

#brief_area_left { float:right; width:380px; }
#brief_area_left p { margin:10px 25px 10px 15px; }
#brief_area_right { float:left; width:200px; }
#brief_area_right { text-align:center; }

#misc_buttons_align_container {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-image:url(../graphics/misc_body/misc_align_menus_left.gif);
	background-repeat:no-repeat;
	height:87px;
	width:177px;}

#misc_buttons_align_container a.part_1 {
	float:left;
	width:86px;
	height:87px;}
#misc_buttons_align_container a.part_1 span { visibility:hidden; }
#misc_buttons_align_container a.part_2 {
	float:left;
	width:91px;
	height:87px;}
#misc_buttons_align_container a.part_2 span { visibility:hidden; }

#misc_buttons_popup_container_active {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-image:url(../graphics/misc_body/misc_java_open_yes.gif);
	background-repeat:no-repeat;
	height:101px;
	width:177px;}
#misc_buttons_popup_container_active a.part_1 { float:left; width:86px; height:101px; }
#misc_buttons_popup_container_active a.part_1 span { visibility:hidden; }
#misc_buttons_popup_container_active a.part_2 { float:left; width:91px; height:101px; }
#misc_buttons_popup_container_active a.part_2 span { visibility:hidden; }

#misc_buttons_popup_container_disabled {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-image:url(../graphics/misc_body/misc_java_open_no.gif);
	background-repeat:no-repeat;
	height:101px;
	width:177px;}
#misc_buttons_popup_container_disabled a.part_1 { float:left; width:86px; height:101px; }
#misc_buttons_popup_container_disabled a.part_1 span { visibility:hidden; }
#misc_buttons_popup_container_disabled a.part_2 { float:left; width:91px; height:101px; }
#misc_buttons_popup_container_disabled a.part_2 span { visibility:hidden; }


a.btnLaunch {
	float:left;
	height:63px;
	width:145px;}
a.btnLaunch span {
	visibility:hidden;}
a.btnNotes {
	float:left;
	height:63px;
	width:145px;}
a.btnNotes span {
	visibility:hidden;}
a.btnLaunchPDF {
	float:left;
	height:63px;
	width:145px;}
a.btnLaunchPDF span {
	visibility:hidden;}
a.btnGetFlash {
	float:left;
	height:63px;
	width:241px;}
a.btnGetFlash span {
	visibility:hidden;}

/*
################################################################################
#		Misc Section Backgrounds
################################################################################
*/

#brief_home_pic_index {
	background-image:url(../graphics/left_body/home/pic_holeymoley.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#brief_home_pic_blanker {
	background-image:url(../graphics/left_body/home/pic_blanker.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#brief_lesson1_pic_alien {
	background-image:url(../graphics/left_body/lesson1/pic_alien.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#brief_lesson1_pic_blanker {
	background-image:url(../graphics/left_body/lesson1/pic_blanker.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#brief_lesson2_pic_nigela {
	background-image:url(../graphics/left_body/lesson2/pic_nigela.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#brief_lesson2_pic_chathost {
	background-image:url(../graphics/left_body/lesson2/pic_chathost.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#brief_lesson2_pic_helen {
	background-image:url(../graphics/left_body/lesson2/pic_helen.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#brief_lesson2_pic_maps {
	background-image:url(../graphics/left_body/lesson2/pic_maps.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#brief_lesson2_pic_blanker {
	background-image:url(../graphics/left_body/lesson2/pic_blanker.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#brief_lesson3_pic_pirate {
	background-image:url(../graphics/left_body/lesson3/pic_pirate.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#brief_lesson3_pic_blanker {
	background-image:url(../graphics/left_body/lesson3/pic_blanker.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#brief_lesson3_pic_pirate_bob {
	background-image:url(../graphics/left_body/lesson3/pic_pirate_bob.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#brief_help_pic_blanker {
	background-image:url(../graphics/left_body/help/pic_blanker.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#brief_help_pic_barrel {
	background-image:url(../graphics/left_body/help/pic_barrel.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}