/* @group layout */

.container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, sans-serif;
}

form textarea {
	width: 960px;
}

#header .header1 {
	width: 960px;
	overflow: hidden;
	margin-top: 1px;
}

/* @group header */

#header .header1 h1 {
	width: 423px;
	float: left;
	margin: 26px 0 0 60px;
	display: inline;
	font-size: 2px;
	line-height: 0;
}

#header .header1 .nav1 {
	width: 462px;
	float: left;
	text-align: right;
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
	margin-top: 27px;
	margin-bottom: 2px;
}

#header .header1 .nav1 li {
	line-height: 12px;
}

#header .header1 .nav1 a {
	text-transform: uppercase;
}

#header .header1 .nav1 a.selected {
	color: #666666;	
}

#header .nav2 {
	width: 960px;
	overflow: hidden;
	list-style-type: none;
}

#header .nav2 li {
	float: left;
	margin-right: 7px;
}

#header .nav2 li.last {
	margin-right: 0;
}

#header .nav2 li a {
	float: left;
	display: block;
	background-color: #c6161d;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	padding-right: 14px;
	padding-left: 14px;
	text-align: center;
}

#header .nav2 li a:hover {
	background-color: #666666;
}

#header .nav2 li.selected a {
	background-color: black;
}





/* @end */

#contents {
	margin-top: 24px;
	overflow: hidden;
	width: 960px;
}

/* @group nav3 */

.nav3 {
	list-style-type: none;
	font-size: 12px;
	margin-left: 11px;
	width: 131px;
	float: left;
	display: inline;
}

.nav3 li {
	margin-bottom: 24px;
}

.nav3 li a {
	color: #c6161d;
	text-decoration: none;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 0;
	width: 131px;
}

.nav3 li a:hover {
	color: #666666;
}

.nav3 li.selected a {
	color: #666666;
}

/* @end */

/* @group contents */

.contents_main {
	float: left;
	width: 600px;
	color: #333333;
	font-size: 12px;
	overflow: hidden;
	padding-left: 23px;
	margin-left: 7px;
}

.contents_main .main_text {
	width: 386px;
	float: left;
	line-height: 20px;
	margin-top: 8px;
}

.contents_main .main_text2 {
	width: 369px;
	float: left;
	line-height: 20px;
}

.contents_main .caption {
	width: 199px;
	float: left;
	margin-left: 15px;
	font-size: 11px;
	color: #666666;
	line-height: 14px;
	margin-top: 11px;
}

.contents_main .caption p {
	margin-bottom: 5px;
}

/* @end */

/* @group learning_material */

.learning_material {
	float: left;
	width: 149px;
	margin-left: 15px;
	padding-left: 14px;
	padding-right: 9px;
}

.learning_material h3 {
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 6px;
}

.learning_material h4 {
	font-size: 12px;
	margin: 0 0 -10px;
	font-weight: bold;
}

.learning_material p a {
	display: block;
}

.lesson .learning_material {
	border-left-style: none;
}



.learning_material p {
	font-size: 12px;
	margin-top: 30px;
}

.learning_material p a.selected {
	color: #666666;
}

.learning_material p a:hover {
	color: #666666;
}

.learning_material a .pdf {
	padding-left: 20px;
	background: url(../images/icon_pdf.gif) no-repeat 0px 0px;
	display: inline-block;
	font-size: 11px;
}

.learning_material .complete {
	padding-top: 30px;
}

/* @end */

/* @group media */

.media {
	width: 210px;
	float: left;
	margin-left: 20px;
	display: inline;
}

.media div {
	color: #666666;
	font-size: 11px;
	margin-bottom: 40px;
}

.media div a {
	font-size: 10px;
	display: inline-block;
}

a i {
	background: url(../images/icon_enlarge_photo.png) no-repeat left top;
	width: 29px;
	height: 29px;
	position: absolute;
	bottom: 6px;
	right: 6px;
}

a:hover i {
	background: url(../images/icon_enlarge_photo_ro.png) no-repeat left top;
}

a i.vid {
	background-image: url(../images/icon_enlarge_video.png);
	bottom: 0px;
 }

a:hover i.vid {
	background-image: url(../images/icon_enlarge_video_ro.png);
 }

.media div p {
	margin-bottom: 3px;
}

.media p a, #lightbox-image-details-caption a {
	text-decoration: underline;
	color:#666666;
}

.media p a {
	font-size: 11px;	
}

/* @end */

/* @end */

/* @group tags */

h2 {
	color: #666666;
	font-size: 24px;
	font-weight: bold;
}

a {
	-moz-outline-style: none;
	text-decoration: none;
	color: #cd0000;
}

a:hover {
	color: #666666;
}

p {
	margin-bottom: 14px;
}



/* @end */

/* @group classes */

.clear {
	clear: both;
}

.show {
	position: relative;
	zoom: 1;
}



/* @end */

/* @group home */

.home {
	background: url(../images/intro/bg.jpg) no-repeat right 90px;
}

.home .contents_main {
	margin: 0;
	padding: 0 0 0 60px;
	width: 900px;
}

.home h2 {
	font-size: 30px;
	font-weight: bold;
	color: black;
}

.home .intro_text {
	width: 420px;
	margin-bottom: 22px;
}

.home .videos {
	width: 960px;
	overflow: hidden;
}

.home .videos p {
	width: 240px;
	float: left;
	margin-left: 65px;
}

.home .videos p.first {
	margin-left: 0;
}

.home .videos a.show {
	font-weight: bold;
}

.home .videos a.image {
	width: 240px;
	height: 161px;
	display: block;
	margin-bottom: 5px;
}



/* @end */

/* @group lesson */

.lesson .contents_main {
	min-height: 475px;
	width: 575px;
	margin-right: 25px;
	position: relative;
}

.lesson .contents_main h3 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 14px;
	margin-top: 24px;
}

.lesson .contents_main ul {
	margin-left: 15px;
}

.lesson .contents_main ul li {
	margin-bottom: 5px;
}

.lesson .print {
	position: absolute;
	top: 0;
	right: 5px;
	text-transform: uppercase;
	color: #c6161d;
	font-weight: bold;
}

.lesson .print:hover {
	color: #666666;
}


/* @end */

/* @group the_nazi_state */

.the_nazi_state .learning_material h3,
.the_nazi_state .learning_material h4,
.the_nazi_state .learning_material p a,
.the_nazi_state .lesson .contents_main h2 {
	color: #8c4a2c;
}

.the_nazi_state .learning_material p a:hover,
.the_nazi_state .learning_material p a.selected {
	color: #666666;
}

.the_nazi_state .learning_material,
.the_nazi_state .lesson .contents_main {
	border-left: 1px solid #8c4a2c;
}

.the_nazi_state .lesson .learning_material {
	border-left-style: none;
}

.the_nazi_state .learning_material .complete {
	border-top: 1px solid #8c4a2c;
}

/* @end */

/* @group the_boycott_debate */

.the_boycott_debate .learning_material h3,
.the_boycott_debate .learning_material h4,
.the_boycott_debate .learning_material p a,
.the_boycott_debate .lesson .contents_main h2 {
	color: #744375;
}

.the_boycott_debate .learning_material p a:hover,
.the_boycott_debate .learning_material p a.selected {
	color: #666666;
}

.the_boycott_debate .learning_material,
.the_boycott_debate .lesson .contents_main {
	border-left: 1px solid #744375;
}

.the_boycott_debate .lesson .learning_material {
	border-left-style: none;
}

.the_boycott_debate .learning_material .complete {
	border-top: 1px solid #744375;
}

/* @end */

/* @group canadian_athletes */

.canadian_athletes .learning_material h3,
.canadian_athletes .learning_material h4,
.canadian_athletes .learning_material p a,
.canadian_athletes .lesson .contents_main h2 {
	color: #435275;
}

.canadian_athletes .learning_material p a:hover,
.canadian_athletes .learning_material p a.selected {
	color: #666666;
}

.canadian_athletes .learning_material,
.canadian_athletes .lesson .contents_main {
	border-left: 1px solid #435275;
}

.canadian_athletes .lesson .learning_material {
	border-left-style: none;
}

.canadian_athletes .learning_material .complete {
	border-top: 1px solid #435275;
}

/* @end */

/* @group the_1936_games */

.the_1936_games .learning_material h3,
.the_1936_games .learning_material h4,
.the_1936_games .learning_material p a,
.the_1936_games .lesson .contents_main h2 {
	color: #b66701;
}

.the_1936_games .learning_material p a:hover,
.the_1936_games .learning_material p a.selected {
	color: #666666;
}

.the_1936_games .learning_material,
.the_1936_games .lesson .contents_main {
	border-left: 1px solid #b66701;
}

.the_1936_games .lesson .learning_material {
	border-left-style: none;
}

.the_1936_games .learning_material .complete {
	border-top: 1px solid #b66701;
}

/* @end */

/* @group bodies_and_pageantry */

.bodies_and_pageantry .learning_material h3,
.bodies_and_pageantry .learning_material h4,
.bodies_and_pageantry .learning_material p a,
.bodies_and_pageantry .lesson .contents_main h2 {
	color: #57712d;
}

.bodies_and_pageantry .learning_material p a:hover,
.bodies_and_pageantry .learning_material p a.selected {
	color: #666666;
}

.bodies_and_pageantry .learning_material,
.bodies_and_pageantry .lesson .contents_main {
	border-left: 1px solid #57712d;
}

.bodies_and_pageantry .lesson .learning_material {
	border-left-style: none;
}

.learning_material .complete {
	border-top: 1px solid #57712d;
}

/* @end */

/* @group jquery-ui */

.ui-tabs .ui-tabs-hide {
     display: none;
}

#tabs {
	clear: both;
}

#tabs ul {
	list-style-type: none;
	overflow: hidden;
	width: 600px;
	margin-bottom: 14px;
	font-family: "Trebuchet MS";
}

#tabs ul li {
	float: left;
	border: 1px solid #666666;
	padding: 0;
	display: inline;
}

#tabs ul li a {
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
	padding: 1px 7px 2px;
}

#tabs ul li.ui-tabs-selected {
	color: #333333;
	border-bottom: 1px solid white;
}

#tabs ul li.ui-tabs-selected a {
	color: #333333;
}

#tabs ul .space {
	float: left;
	width: 8px;
	height: 22px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #666666;
}


/* @end */

/* @group sponsors_and_credits */

.sponsors_and_credits .contents_main {
	margin-left: 149px;
	width: 620px;
}

.sponsors_and_credits .contents_main p {
}

.sponsors_and_credits .contents_main h3 {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 36px;
}

.sponsors {
	overflow: hidden;
	width: 620px;
	margin-top: 36px;
}

.sponsors .left, .sponsors .right {
	float: left;
}

.sponsors .left {
	width: 320px;
}

.sponsors p {
	font-size: 11px;
	margin-bottom: 36px;
}



/* @end */