/* @group tags */

a {
	color: #ABF5C5;
}

a, #footer a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #abf5c5;
}

a:active {
	
}

a:visited {
	color: #C4DEE6;
	border-bottom: 1px dotted #C4DEE6;
}

a.noborder {
	border: none;
}

h2, h3, h4, h6, .home h3 {
	font-family: "Trebuchet MS", Trebuchet, "Phetsarath OT", sans-serif;
}

h2 a, h3 a, h4 a, h5 a {
	border: none;
	display: block;
}

h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited {
	border: none;
}

h1 {
	margin: 0;
	line-height: 18px;
}

h2 {
	color: #cad7e0;
	font-size: 25.5px;
	margin-bottom: 20px;
}

#contents h2 {
	width: 500px;
}

.contents_title {
	margin-bottom: 20px;
	line-height: 25.5px;
}

.contents_title h2, .contents_title h3 {
	display: inline;
}

.contents_title h3 {
	display: inline;
	margin-left: 5px;
}

h3 {
	color: #cad7e0;
	font-size: 24px;
	margin-bottom: 9px;
	margin-top: 10px;
	color: #ffffff;
	font-size: 20px;
}

h4, h4 a:visited {
	font-size: 18px;
	margin-bottom: 11px;
	position: relative;
	z-index: 10;
}

h4 a {
	background: url(img/arrow.gif) no-repeat right 2px;
	padding-top: 7px;
	padding-bottom: 3px;
	padding-right: 29px;
}

h4 {
	width: 100%;
	color: #CAD7E0;
}

h3 a:hover {
	background-image: url(img/arrow_hover.gif);
}

h5 {
	font-weight: bold;
	color: #cad7e0;
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 7px;
}

a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	color: #e8fdf0;
	border-bottom-color: #bfd5f1;
}

ul {
	list-style-type: none;
	margin-left: 0;
}

/* @end */

/* @group form */

form label {
	display: block;
	margin-top: 20px;
}

form label span {
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
}

form .submit {
	font: bold 12px Verdana, sans-serif;
	color: #abf5c5;
	background-color: #292f33;
	border: 1px solid #687273;
	padding: 4px 14px 4px 7px;
}

form .submit:hover {
	background-color: #435750;
}

form textarea {
	width: 480px;
	height: 180px;
}

form .text {
	width: 480px;
}

form .errors {
	margin-bottom: 12px;
	border: 2px solid #ddd;
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 19px;
}

form .errors p {
	margin-bottom: 10px;
	margin-top: 10px;
	list-style-type: disc;
	display: list-item;
	margin-left: 20px;
}

/* @end */

/* @group classes */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

nowrap {
	white-space: nowrap;
}

.hide {
	display: none;
}

.flash1 {
	width: 730px;
	margin-bottom: 10px;
}

.caption {
	font: 11px/15px Arial, sans-serif;
	color: black;
}

.accessible {
	visibility: hidden;
	margin-left: -9999px;
}

.u {
	text-decoration: underline;
}

.top_page {
	display: block;
	text-align: right;
}

.ufs_adapting .top_page {
	border-bottom-style: none;
	text-decoration: underline;
	color: #0000c0;
}

.ufs_adapting .top_page:hover {
	color: #004578;
}

.top_container {
	text-align: right;
}

.top_container .top_page {
	display: inline;
}

/* @end */

/* @group layout */

body {
	color: #cad7e0;
	background: #212629 url(img/body_background.gif) repeat-y right 0;
	font: 12px/18px Verdana, sans-serif;
}

#container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/* @group left column */

#nav_container {
	float: left;
	width: 243px;
	background-color: #212629;
	position: relative;
	padding-left: 7px;
}

#nav_container .raven {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

/* @group logo */

#logo {
	z-index: 100;
	position: relative;
}

#logo a {
	font-size: 11px;
	border-bottom-style: none;
}

#logo img {
	margin-top: 11px;
	z-index: 100;
}

#logo p {
	line-height: 16px;
	margin: 0;
}

#logo p a {
	color: #cad7e0;
}

/* @end */

/* @group nav */

#nav, #nav2 {
	position: relative;
	z-index: 10;
}

#nav {
	margin-top: 94px;
	margin-bottom: 15px;
	margin-right: 0;
}

#nav h2, #nav2 h2 {
	margin: 0;
	display: inline;
}

#nav a:hover, #nav2 a:hover {
	color: #bfd5f1;
}

#nav h2 a {
	color: #c0f8d4;
}

#nav a, #nav2 a {
	font: 18px "Trebuchet MS", Trebuchet, "Phetsarath OT", sans-serif;
	text-decoration: none;
	border: none;
	padding-left: 21px;
}

#nav a {
	background: url(img/nav_arrow_closed.gif) no-repeat left 7px;
}

#nav2 a {
	font-size: 14px;
}

#nav ul {
	margin-bottom: 13px;
	margin-left: 57px;
	margin-top: 3px;
}

#nav ul a {
	font: 12px Verdana, sans-serif;
	margin-top: -1px;
	background-image: none;
	padding-left: 0;
}

#nav ul li.selected {
	list-style-type: disc;
	list-style-position: outside;
	color: #abbdfc;
}

#nav a.selected {
	background: url(img/nav_arrow_open.gif) no-repeat 2px 5px;
}

#nav ul a.selected {
	color: #abbdfc;
	background-image: none;
}

#nav2 a.selected {
	color: #abbdfc;
}

/*

 @end */

/*

 @end */

/* @group right column */

#contents {
	float: left;
	width: 730px;
	position: relative;
	background-color: #292f33;
	padding-left: 20px;
	min-height: 820px;
	height: auto !important;
	height: 820px;
}

/* @group header */

#header {
	width: 730px;
	overflow: hidden;
	margin-bottom: -5px;
}

#header .vmc {
	display: block;
	float: right;
	margin-top: 10px;
}

#header .lang {
	float: right;
	display: block;
	font: 11px Verdana, sans-serif;
	border: 1px solid #687273;
	margin-top: 11px;
	margin-right: 30px;
	padding: 4px 9px 3px;
	color: #abf5c5;
}

#header a.lang:hover {
	background-color: #435750;
}

/* @end */

/* @group footer */

#footer {
	border-top: 1px solid #595e61;
	border-bottom: 1px solid #595e61;
	padding-top: 6px;
	padding-bottom: 7px;
	padding-left: 24px;
	overflow: hidden;
	width: 726px;
	margin: 50px 0 10px -20px;
}

#footer li {
	display: inline;
	float: left;
	margin-right: 4px;
	margin-bottom: 0;
}

#footer li:before {
	content: "| ";
}

#footer li.copyright:before {
	content: "";
}

#footer li.copyright {
	margin-left: 24px;
}

#footer li:first-child:before {
	content: "";
}

#footer a, #footer a:visited {
	border: none;
}

/* @end */

/* @end */

/* @end */

/* @group pages */

/* @group splash */

body.splash {
	background-color: #292f33;
}

#splash {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	background: url(img/splash_background.jpg) no-repeat 56px top;
	padding-top: 23px;
}

#splash .vmc {
	margin-left: 113px;
}

#splash .en {
	float: left;
	width: 260px;
	text-align: right;
}

#splash .fr {
	float: right;
	width: 260px;
}

#splash .en .lang {
	float: right;
}

#splash .fr img.title {
	margin-top: 238px;
}

#splash .en img.title {
	margin-bottom: 7px;
	margin-top: 215px;
}

#splash p {
	clear: both;
}

#splash .small_text {
	font-size: 11px;
	margin-bottom: 4px;
}

.enter {
	margin: 0 0 30px;
}

.enter p {
	margin: 0 0 5px;
}

#splash .enter p a {
	background: url(img/splash_arrow.gif) no-repeat left top;
	padding-left: 34px;
	display: inline-block;
	margin-top: 8px;
	border-bottom-style: none;
}

#splash .enter p .low_bw_en {
	width: 120px;
}

#splash a {
	color: #abf5c5;
}

#splash a:hover {
	color: #bfd5f1;
}

/* @end */

/* @group home */

.home {
	background: url(img/home_raven_right.jpg) no-repeat left top;
}

.home .raven {
	position: absolute;
	top: 0;
	left: -284px;
	z-index: 0;
}

.home .intro {
	width: 425px;
	margin-left: 264px;
	margin-top: 74px;
	z-index: 10;
}

.home .sections {
	overflow: hidden;
	width: 722px;
	margin-left: 8px;
	margin-top: 79px;
	margin-bottom: 40px;
}

.home .section {
	height: 310px;
	background-color: #22272a;
	float: left;
	margin-right: 18px;
	margin-bottom: 14px;
	width: 310px;
	padding-top: 11px;
	padding-left: 29px;
}

.home .section a {
	border-bottom-style: none;
}

.home .section h3 a {
	background-image: none;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 0;
}

.home .section img {
	display: block;
	margin-bottom: 15px;
}

.home .section p {
	margin-right: 29px;
}

.home .sections .classroom img {
	margin-bottom: 8px;
}

.home .sections .art img {
	margin-bottom: 3px;
}

/* @end */

/* @group unfinished story - animation */

.ufs_animation .animation_flash {
	width: 730px;
	margin-bottom: 30px;
}

.ufs_animation .animation_flash .animation_transcript {
	background-color: #212629;
	padding: 20px 30px 50px;
	width: 500px;
}

.ufs_animation .endings {
	border-top: 1px solid #595e61;
	padding-top: 10px;
	overflow: hidden;
}

.ufs_animation .endings .browse {
	width: 381px;
	float: left;
	border-right: 1px solid #595e61;
	padding-right: 13px;
	padding-left: 4px;
	margin-bottom: 10px;
}

.ufs_animation .endings .browse img {
	margin-left: 12px;
}

.ufs_animation .endings .submit {
	padding-left: 23px;
	width: 291px;
	float: left;
	padding-right: 13px;
}

.ufs_animation .adapting {
	border-top: 1px solid #595e61;
	padding-top: 10px;
	padding-right: 13px;
	overflow: hidden;
	padding-left: 4px;
	width: 713px;
}

.ufs_animation .adapting img {
	float: right;
	margin-right: 33px;
	margin-left: 18px;
}

.ufs_animation .classroom {
	border-top: 1px solid #595e61;
	padding-top: 10px;
	padding-right: 13px;
	overflow: hidden;
	padding-left: 4px;
	width: 713px;
	margin-top: 24px;
}

.ufs_animation .classroom img {
	float: right;
	margin-left: 18px;
	margin-top: -36px;
	margin-right: 12px;
}

/* @end */

/* @group unfinished story - browse endings */

.ufs_browse .endings {
	border-top: 1px solid #595e61;
	padding-top: 10px;
	overflow: hidden;
	width: 730px;
}

.ufs_browse .endings .replay {
	width: 381px;
	float: left;
	border-right: 1px solid #595e61;
	padding-right: 13px;
	padding-left: 4px;
	margin-bottom: 10px;
}

.ufs_browse .endings .replay img {
	position: relative;
	float: right;
	left: -24px;
	top: -34px;
	z-index: 1;
}

.ufs_browse .endings .submit {
	padding-left: 23px;
	width: 291px;
	float: left;
	padding-right: 13px;
}

.ending_view {
	overflow: auto;
}

.story_ending_list {
	margin-top: 27px;
	font-size: 11px;
	overflow: hidden;
	margin-bottom: 25px;
	height: 473px;
}

.story_ending_list ul {
	width: 390px;
	height: 377px;
	overflow: auto;
	float: left;
}

.story_ending_list ul li {
	overflow: hidden;
	padding-top: 12px;
	padding-bottom: 11px;
	border-top: 1px solid #595e61;
	width: 372px;
}

.story_ending_list ul li .thumbnail {
	float: left;
	width: 84px;
	margin-right: 10px;
	text-align: left;
}

.story_ending_list ul li .thumbnail a {
	border-style: none;
}

.story_ending_list ul li .thumbnail img {
	border: 2px solid #737677;
	max-width: 80px;
}

.story_ending_list ul li .thumbnail .image img {
	width: 76px;
	height: 76px;
}

.story_ending_list ul li .info {
	width: 276px;
	float: right;
}

/* @end */

/* @group unfinished story - compare */

.compare {
	background-color: #fdfdfd;
	padding-left: 24px;
	padding-right: 26px;
	width: 676px;
	overflow: hidden;
	margin-bottom: 27px;
	padding-bottom: 19px;
}

#contents .compare h2 {
	font-size: 48px;
	color: #c0c2c3;
	text-align: center;
	border-bottom: 1px solid #c0c2c3;
	margin-top: 14px;
	padding-bottom: 12px;
	margin-bottom: 16px;
	width: auto;
}

.compare h3 {
	color: #212629;
	margin-top: 0px;
	margin-bottom: 8px;
	line-height: 24px;
	font-size: 24px;
}

.compare {
	color: #212629;
}

.compare .story1 {
	width: 307px;
	float: left;
	padding-right: 30px;
}

.compare .story2 {
	width: 311px;
	float: left;
	border-left: 1px solid #c0c2c3;
	padding-left: 26px;
}

.compare .info {
	border-bottom: 1px solid #c0c2c3;
	margin-bottom: 23px;
	padding-bottom: 15px;
}

.compare .info p {
	margin-bottom: 0px;
}

.compare .story1, .compare .story2 {
	padding-bottom: 21px;
}

.compare .story1 .info {
	padding-left: 9px;
}

.compare .contents {
	border-bottom: 1px solid #c0c2c3;
	margin-bottom: 21px;
}

.compare .center {
	margin-bottom: 16px;
	font-size: 10px;
}

.compare .quote {
	font-size: 10px;
	line-height: normal;
}

.compare .quote_author {
	font-size: 10px;
	float: right;
	line-height: normal;
}

/* @end */

/* @group unfinished story - submit ending */

.ufs_submit .tabs li a {
	padding-left: 10px;
	padding-right: 10px;
}

.submit_ending {
	background-color: #ffffff;
	margin-top: 0px;
	color: #000000;
	overflow: hidden;
	width: 461px;
	padding-left: 23px;
	padding-right: 30px;
	padding-bottom: 10px;
}

.submit_ending .nav {
	float: right;
	overflow: hidden;
	width: 200px;
	text-align: right;
	padding-top: 5px;
	margin-top: 0;
}

.submit_ending .nav div {
	float: right;
	overflow: hidden;
	border: 1px solid #e0e0e0;
	border-right-style: none;
	margin-left: 10px;
	margin-top: -5px;
}

.submit_ending .nav span {
	float: left;
	display: block;
	width: 24px;
	border-right: 1px solid #e0e0e0;
	text-align: center;
	color: black;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 6px;
	height: 17px;
}

.submit_ending .nav span.selected {
	background-color: #cbf9db;
}

.submit_ending form {
	clear: both;
	margin-bottom: 50px;
	padding-right: 73px;
}

.submit_ending form .fields {
	width: 313px;
	float: right;
}

.submit_ending form select {
	width: 313px;
}

.submit_ending form .submit {
	background-color: #a2e7bb;
	color: #292f33;
	border-color: #b9b7b7;
	padding-right: 7px;
	float: right;
}

.upload form .fields {
	float: none;
	margin-left: 28px;
	width: auto;
}

.upload form .fields .text, .upload form .fields textarea {
	width: 313px;
}

.upload .upload_message {
	visibility: hidden;
	margin-left: 106px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 0;
}

.upload .show {
	visibility: visible;
	height: auto;
	margin-top: 60px;
	margin-bottom: 100px;
}

.submit_ending .thanks {
	margin-left: 106px;
	margin-top: 60px;
	margin-bottom: 100px;
}

.submit_ending h4 {
	color: #95a4a6;
	font-size: 72px;
}

.guidelines ul {
	margin-left: 23px;
	margin-top: 35px;
}

.guidelines li {
	display: list-item;
	list-style-type: disc;
	margin-bottom: 15px;
}

/* @end */

/* @group art- gallery */

.guided {
	border-top: 1px solid #595e61;
	padding-top: 10px;
	overflow: hidden;
	margin-top: 30px;
	padding-left: 13px;
}

.guided .links {
	margin-right: 0;
	overflow: hidden;
	width: 717px;
	margin-top: 28px;
}

.guided .links li {
	width: 185px;
	float: left;
	margin-right: 67px;
	border-right: 1px solid #595e61;
}

.guided .links .beyond_haida {
	margin-right: 0;
	border-right-style: none;
}

.guided .links h4 {
	margin-bottom: 0;
	background-position: 0px top;
	background-repeat: no-repeat;
}

.guided .links .pre_haida h4 {
	background-image: url(../images/art_guided_journey_pre_haida_thumbnail.gif);
}

.guided .links .haida h4 {
	background-image: url(../images/art_guided_journey_haida_thumbnail.gif);
}

.guided .links .beyond_haida h4 {
	background-image: url(../images/art_guided_journey_beyond_haida_thumbnail.gif);
}

.guided .links li h4 a {
	display: block;
	border: none;
	font: 18px "Trebuchet MS", Trebuchet, "Phetsarath OT", sans-serif;
	margin-bottom: 0;
	padding-left: 87px;
	padding-top: 36px;
	background: url(img/arrow.gif) no-repeat 87px top;
	height: 51px;
}

.guided .links li h4 a:hover {
	background-image: url(img/arrow_hover.gif);
}

/* @end */

/* @group art - guided journey */

.guided_journey {
	
}

.tabs {
	display: block;
	overflow: hidden;
	width: 712px;
	margin: 0;
}

.tabs li {
	display: inline;
}

.tabs li a, .tabs li a:hover, .tabs li a:visited {
	color: #34393a;
	display: block;
	width: 147px;
	height: 30px;
	border-right: 1px solid #292f33;
	border-bottom: 1px solid #292f33;
	float: left;
	text-align: center;
	font: 18px "Trebuchet MS", Trebuchet, "Phetsarath OT", sans-serif;
	padding-top: 7px;
	background: #eaebeb url(img/tab_shadow.gif) repeat-x 0 bottom;
}

.container .contents_title .tabs li a:visited {
	color: #34393a;	
	background: #eaebeb url(img/tab_shadow.gif) repeat-x 0 bottom;
}

.tabs li a.selected:visited {
	background-image: none;
	background-color: #ffffff;
	border-bottom-color: #ffffff;
}

.essay {
	background-color: #ffffff;
	margin-top: 0px;
	color: #000000;
	padding: 14px 42px 23px 31px;
	overflow: hidden;
	width: 657px;
}

.essay h3 {
	color: #595957;
	font-size: 72px;
	display: block;
	line-height: normal;
	margin-bottom: 1px;
	margin-top: 1px;
}

.essay h3 span {
	font-size: 24px;
}

.essay .by {
	font-style: italic;
}

.controls {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 268px;
	margin-bottom: 23px;
	width: 389px;
	overflow: hidden;
	margin-top: 2px;
	clear: both;
}

.controls a {
	color: #0000c0;
}

.controls a:hover {
	color: #004578;
}

.controls a.print {
	display: block;
	border-left: 1px solid #e0e0e0;
	padding-right: 22px;
	float: right;
	font-size: 10px;
	line-height: normal;
	background: url(img/print.gif) no-repeat right center;
	padding-left: 6px;
	border-bottom-style: none;
	padding-top: 1px;
}

.controls p {
	margin: 0 11px 0 0;
	float: left;
	height: 22px;
	padding-top: 5px;
}

.controls ul {
	margin: 0;
}

.controls ul li {
	display: inline;
}

.controls ul li a {
	border: none;
	float: left;
	display: block;
	width: 21px;
	border-right: 1px solid #e0e0e0;
	padding-top: 5px;
	height: 24px;
	text-align: center;
	color: black;
	font-weight: bold;
}

.controls ul li a.selected {
	background-color: #cbf9db;
}

.essay .pictures {
	width: 243px;
	float: left;
	margin-right: 24px;
	margin-top: 2px;
}

.extra_images {
	clear: both;
}

.essay .pictures .caption {
	margin-bottom: 38px;
}

.essay .text_contents {
	width: 387px;
	float: left;
	margin-bottom: 43px;
}

.essay .text_contents a {
	color: #0000c0;
}

.essay .text_contents a:hover {
	color: #004578;
}

.extra_images {
	width: 657px;
	overflow: hidden;
}

.extra_images .column1 {
	float: left;
	width: 243px;
	margin-right: 86px;
}

.extra_images .column2 {
	float: left;
	width: 243px;
}

/* @end */

/* @group who - photo biography */

.other_pages {
	border-top: 1px solid #595e61;
	padding-top: 10px;
	overflow: hidden;
	width: 730px;
}

.other_pages .perspectives {
	width: 381px;
	float: left;
	border-right: 1px solid #595e61;
	padding-right: 13px;
	padding-left: 4px;
	margin-bottom: 10px;
}

.other_pages .own_words {
	padding-left: 23px;
	width: 291px;
	float: left;
	padding-right: 13px;
}

.life_story {
	border-top: 1px solid #595E61;
	padding-left: 4px;
	padding-right: 13px;
	padding-top: 10px;
	width: 713px;
}

/* @end */

/* @group who - life story */

.tabs2 {
	display: block;
	overflow: hidden;
	width: 712px;
	margin: 0;
}

.tabs2 li {
	float: left;
	background: #eaebeb url(img/tab_shadow.gif) repeat-x 0 bottom;
}

.tabs2 li a, .tabs2 li a:visited {
	display: block;
	height: 28px;
	border-right: 1px solid #292f33;
	border-bottom: 1px solid #292f33;
	float: left;
	text-align: center;
	padding-top: 9px;
	padding-left: 33px;
	padding-right: 15px;
	color: black;
	background: transparent url(img/tabs2_bg.gif) no-repeat 13px 12px;
}

.tabs2 li a.selected, .tabs2 li a.selected:visited {
	border-bottom-color: #ffffff;
	background-image: url(img/tabs2_selected.gif);
	background-color: #ffffff;
}

/* @end */

/* @group who - perspectives */

.who_perspectives_flash ul li, .who_in_his_own_words_flash ul li {
	margin-bottom: 20px;
	width: 500px;
}

.media_list {
	margin-top: 27px;
	overflow: hidden;
	margin-bottom: 25px;
	height: 490px;
}

.media_list ul {
	width: 390px;
	height: 436px;
	overflow: auto;
	float: left;
	font-size: 11px;
}

.media_list ul li {
	overflow: hidden;
	padding-top: 12px;
	padding-bottom: 11px;
	border-top: 1px solid #595e61;
	width: 372px;
}

.media_list ul li .thumbnail {
	float: left;
	width: 84px;
	margin-right: 10px;
	text-align: left;
}

.media_list ul li .thumbnail a {
	border-style: none;
}

.media_list ul li .thumbnail img {
	border: 2px solid #737677;
}

.media_list ul li .info {
	width: 276px;
	float: right;
}

/* @end */

/* @group sitemap */

.site_map ul.section li {
	margin-left: 10px;
}

.site_map ul li a {
	border-style: none;
}

.site_map h2.sm {
	font-size: 18px;
	margin-bottom: 10px;
}

/* @end */

/* @group credits */

.credits_contents p {
	width: 486px;
}

.credits_contents h3 {
	color: white;
	margin-top: 40px;
}

.credits_contents h4 {
	color: #cad7e0;
}

.credits_contents p {
	width: 712px;
}

dl {
	overflow: hidden;
	width: 600px;
	margin-bottom: 7px;
	margin-left: 46px;
}

dl dt {
	display: block;
	width: 250px;
	float: left;
	font-weight: normal;
	font-style: normal;
	background: url(img/dot.gif) repeat-x 0 13px;
}

dl dt span {
	display: inline-block;
	padding-right: 5px;
	background-color: #292F33;
}

dl dd {
	display: block;
	width: 300px;
	float: left;
	margin-left: 0;
}

/* @end */

/* @group contact */

.contact p {
	width: 490px;
}

.contact legend {
	font-weight: bold;
}

.contact_form .submit {
	margin-right: 10px;
}

.contact .antispam {
	display: none;
}

/* @end */

/* @end */

/* @group photo list */

.photo_list {
	
}

.photo_list .xml_file {
	display: none;
}

.photo_list .nav_container {
	overflow: hidden;
	width: 730px;
	margin-bottom: 18px;
}

.photo_list .nav_container ul {
	overflow: hidden;
	width: 730px;
	margin-right: 0;
	float: left;
	margin-bottom: 0;
}

.photo_list .nav_container ul li {
	float: left;
	border-bottom: 1px solid #595e61;
	padding-bottom: 4px;
	width: 174px;
	padding-right: 8px;
	white-space: nowrap;
}

.photo_list .nav_container ul > li:first-child a, .photo_list ul > li:first-child a:visited {
	margin-left: 0px;
}

.photo_list .nav_container  ul li a {
	
}

.photo_list .nav_container  ul li a, .photo_list .nav_container ul li a:visited {
	display: block;
	background-color: #3b4247;
	font-size: 14px;
	font-family: "Trebuchet MS", Trebuchet, "Phetsarath OT", sans-serif;
	border-style: none;
	padding: 7px 8px 7px 14px;
	margin-right: 0;
	min-width: 97px;
	text-align: center;
	margin-left: 8px;
}

.photo_list .nav_container  ul li a:hover {
	
}

.photo_list .nav_container  ul li.selected {
	border: 1px solid #595e61;
	border-bottom-style: none;
	padding-right: 0;
}

.photo_list .void2 {
	float: left;
	height: 32px;
	border-bottom: 1px solid #595e61;
	padding-bottom: 4px;
	padding-right: 8px;
}

.who_photo_bio_flash .void2 {
	width: 0px;
	display: none;
}

.who_photo_bio_flash .nav_container ul {
	width: 730px;
}

.art_gallery_flash .nav_container ul {
	width: 730px;
}

.art_gallery_flash .nav_container ul li {
	width: 237px;
}

.art_gallery_flash .void2 {
	width: 0px;
	display: none;
}

.art_gallery_flash object {
	margin-bottom: 21px;
}

.photo_list ul li.selected a, .photo_list ul li.selected a:visited {
	background-color: #292f33;
	color: white;
	padding-left: 6px;
}

.photo_list ul li a:visited {
	color: white;
}

.photo_list .thumbnail_list {
	margin-top: 34px;
	margin-bottom: 10px;
}

.photo_list .thumbnail_list ul {
	overflow: hidden;
	width: 712px;
}

.photo_list .thumbnail_list ul li {
	display: inline;
	float: left;
}

.photo_list .thumbnail_list a {
	border-style: none;
}

.photo_list .thumbnail_list img {
	border: 1px solid #818d8f;
	margin-right: 28px;
	margin-bottom: 23px;
}

.photo_list .nav li + li a {
	margin-left: 0px;
}

.photo_list ul li.selected + li a {
	margin-left: 8px;
}

/* @end */

/* @group photo view */

.photo_view {
	overflow: hidden;
	width: 730px;
	margin-bottom: 10px;
}

.photo_view .close_link {
	overflow: hidden;
	width: 730px;
	margin-bottom: 16px;
}

.photo_view .close_link a {
	float: right;
	font-size: 11px;
	text-transform: uppercase;
	background: url(img/close.gif) no-repeat right top;
	padding-right: 30px;
	border-bottom-style: none;
	margin-right: 9px;
}

.photo_view .close_link a:hover {
	background-image: url(img/close_hover.gif);
}

.photo_view img {
	border: 1px solid #727c7e;
	margin-left: 0px;
	float: left;
	margin-right: 0;
	margin-bottom: 10px;
}

.photo_view p {
	
}

.photo_view div.right {
	float: left;
	margin-left: 20px;
	width: 280px;
}

.photo_view div.bottom {
	clear: both;
	width: 730px;
}

/* @end */

/* @group in_the_classroom */

.lesson_plan_overview {
	min-height: 500px;
	height: auto !important;
	height: 500px;
	position: relative;
	margin-top: 30px;
	padding-left: 216px;
	padding-top: 149px;
	width: 514px;
}

.lesson_plan_overview .pole {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.lesson_plan_overview .pole_info {
	position: absolute;
	top: 524px;
	left: 0;
	font-style: italic;
}

.lesson_plan_overview .pole_info b {
	font-weight: bold;
	font-style: normal;
}

.lesson_plan_overview .list {
	position: relative;
}

.lesson_plan_overview .item {
	border-top: 1px solid #595e61;
	margin-top: 18px;
	padding-top: 10px;
}

.lesson_plan_overview .item .description {
	margin-top: 20px;
}

.lesson_plan_overview .item h4 a {
	width: 323px;
}

.lesson_plan_overview .item h5 {
	margin-top: -7px;
}

.lesson_plan_overview .item .pdf {
	display: block;
	padding-left: 30px;
	border-bottom-style: none;
	background: url(img/pdf.gif) no-repeat left top;
	margin-left: 4px;
}

/* @end */

/* @group in_the_classroom view */

.in_the_classroom_view h2 {
	margin-bottom: 25px;
}

.lesson_plan {
	background-color: #ffffff;
	margin-top: 0px;
	color: #000000;
	overflow: hidden;
	width: 679px;
	padding: 14px 20px 23px 31px;
}

.lesson_plan h3 {
	color: #595957;
	font-size: 30px;
	display: block;
	line-height: normal;
	margin-bottom: 1px;
	margin-top: 20px;
}

.controls2 {
	margin-top: -22px;
	margin-bottom: 25px;
}

.controls2 .pdf, .controls2 .print {
	display: block;
	border-bottom-style: none;
	border-left: 1px solid #e0e0e0;
	padding-left: 40px;
	float: right;
	width: 120px;
	font-size: 10px;
	line-height: normal;
	background: url(img/print.gif) no-repeat 17px center;
	padding-top: 4px;
	padding-bottom: 8px;
	color: #0000c0;
}

.controls2 a:hover {
	color: #004578;
}

.controls2 .pdf:visited, .controls2 .print:visited {
	color: #0000c0;
}

.controls2 .pdf {
	background: url(img/pdf2.gif) no-repeat 11px 9px;
}

.lesson_plan .controls2 a {
	border-bottom-style: none;
}

.controls2 .print {
	background-image: url(img/print.gif);
}

.controls2 .line1, .controls2 .line2 {
	overflow: hidden;
	width: 679px;
}

.controls2 .line1 {
	border-bottom: 1px solid #e0e0e0;
}

.controls2 .line2 ul {
	overflow: hidden;
	margin-right: 0;
	width: 500px;
	margin-top: 0;
}

.controls2 .line2 ul li {
	display: block;
	float: left;
}

.controls2 .line2 ul li a {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	display: block;
	width: 120px;
	margin: 0;
	text-align: center;
	padding-bottom: 3px;
	padding-top: 2px;
}

.controls2 .line2 ul > li:first-child {
	border-left: 1px solid #e0e0e0;
}

.controls2 .line2 ul li a.selected {
	background-color: #cbf9db;
}

.lesson_plan_contents {
	width: 490px;
}

.lesson_plan_contents h3 {
	font: bold 14px Verdana, sans-serif;
	color: black;
	margin: 0 0 24px;
	padding: 0;
}

.lesson_plan_contents h4 {
	font: bold 12px Verdana, sans-serif;
	color: black;
	margin: 24px 0;
	padding: 0;
}

.lesson_plan_contents h5 {
	color: black;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}

.lesson_plan_contents p.quote {
	display: block;
	width: 420px;
	margin-left: 19px;
}

.lesson_plan_contents p.quote_by {
	font-size: 11px;
	margin-left: 44px;
	width: 395px;
}

.audio_transcript {
	margin-bottom: 30px;
	font-size: 11px;
}

.audio_transcript p a {
	font-size: 11px;
	border-bottom-style: none;
	background: url(img/right_arrow.gif) no-repeat left 4px;
	padding-left: 12px;
}

.audio_transcript p a.open {
	background: url(img/down_arrow.gif) no-repeat left 6px;
}

.audio_transcript p {
	margin-bottom: 10px;
}

.audio_transcript_contents {
	background-color: silver;
	padding: 10px 5px 20px 10px;
}

p.audio {
	margin-bottom: 0;
}

.lesson_plan_contents a {
	color: #0000c0;
	border-bottom-color: #0000c0;
	border-bottom-style: none;
}

.lesson_plan_contents a:hover {
	color: #004578;
}

.lesson_plan_contents a:visited {
	color: #551a8b;
}

.lesson_plan_contents table {
	border-top: 2px solid black;
	border-left: 2px solid black;
	width: 100%;
}

.lesson_plan_contents table tr td {
	border-right: 2px solid black;
	border-bottom: 2px solid black;
}

.lesson_plan_contents table.table1 tbody tr td {
	height: 300px;
}

.lesson_plan_contents table .half {
	width: 50%;
}

.lesson_plan_contents ul li {
	margin-left: 30px;
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 8px;
}

.lesson_plan_contents ol li {
	margin-left: 30px;
	list-style-position: outside;
	margin-bottom: 10px;
}

.audio_flash {
	margin-top: 5px;
	margin-bottom: 5px;
}

.audio_player .info {
	font-size: 11px;
}

/* @end */

/* @group inline_popup */

.inline_popup {
	background-color: #292F33;
	width: 575px;
	height: 440px;
	position: absolute;
	top: 0;
	left: 50px;
	display: none;
	padding-top: 15px;
	padding-bottom: 10px;
	border: 10px solid #384043;
	overflow: hidden;
	padding-left: 62px;
}

.inline_popup .close_container {
	position: relative;
	text-align: right;
	margin-bottom: 20px;
}

.essay .text_contents .close_container a {
	color: #ABF5C5;
}

.essay .text_contents .close_container a:hover {
	color: #BFD5F1;
}

a.close {
	background: transparent url(img/close.gif) no-repeat scroll right top;
	border-bottom-style: none;
	font-size: 11px;
	margin-right: 17px;
	padding-right: 30px;
	text-transform: uppercase;
	padding-bottom: 4px;
}

.inline_video_container {
	font-size: 11px;
	padding-left: 57px;
	background: url(img/play_video.gif) no-repeat 0 0;
}

.inline_video, .inline_video:visited {
	width: 315px;
	position: relative;
	text-decoration: none;
	border: none;
	color: #0000c0;
	font-weight: bold;
	padding-bottom: 11px;
	font-size: 12px;
}

.inline_video span {
	text-decoration: none;
	border: none;
	color: #0000c0;
	font-weight: normal;
	font-style: normal;
}

.inline_video span.normal, .inline_video span.normal:visited {
	color: black;
}

/* @end */

/* @group view ending */

.type_text {
	color: black;
	background-color: white;
	padding-top: 30px;
	padding-bottom: 38px;
	position: relative;
	min-height: 174px;
}

.type_text .contents {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 1;
	padding-left: 30px;
	padding-right: 30px;
}

.type_text .contents .raven {
	position: absolute;
	top: -30px;
	left: 10px;
	z-index: -1;
}

.type_text .contents .images img {
	max-width: 670px;
	margin-bottom: 30px;
}

.type_image img {
	max-width: 730px;
}

/* @end */

/* @group mini_nav */

.mini_nav {
	margin-top: 5px;
	margin-bottom: 12px;
	border-bottom: 1px solid #595E61;
	padding-bottom: 10px;
}

.mini_nav a.close {
	font-size: 11px;
	text-transform: uppercase;
	background: url(img/close.gif) no-repeat right top;
	padding-right: 30px;
	border-bottom-style: none;
	margin-left: 160px;
}

.mini_nav a.close:hover {
	background-image: url(img/close_hover.gif);
}

/* @end */

/* @group transcript */

.transcript {
	background-color: white;
	padding: 40px 225px 80px 32px;
	color: black;
	position: relative;
}

.transcript h4 {
	color: black;
	font-weight: bold;
	line-height: 22px;
}

.transcript h4 span {
	font-weight: normal;
}

.transcript .activate_flash_view_video {
	position: absolute;
	top: 40px;
	right: 43px;
	width: 144px;
}

body .transcript .activate_flash_view_video em {
	font-size: 11px;
	line-height: 1.3;
}

body .transcript .activate_flash_view_video a {
	color: #0000C0;
	border-bottom-color: #0000C0;
	display: inline-block;
	margin-bottom: 2px;
}

/* @end */