/*	MIT OpenCourseWare
	http://ocw.mit.edu/

	hfh_global.css - styles specific to the Highlights for High School site
	v1.42
	23 July 2008		*/



/* basic styles */

@media screen,projection {
body {
	font-size: 100.01%;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;

}
}

@media print{
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
}

@media all {
  /* initialization of all elements */
* { margin: 0; padding: 0; border: 0 } 

.skip {
display:block; 
position:absolute; 
top:-1000px; 
left:-1000px; 
font-size:1px;
}
:root .skip{
    display: none;
}
  
a img {
	border: 0;/* prevents linked images from displaying a border */
}
a:link,
#courseModule .courseDesc p.link_sol a {
	color:#680a12;
}
a:visited,
#courseModule .courseDesc p.link_sol a:visited {
	color:#ab4347;
}
a:hover,
#courseModule .courseDesc p.link_sol a:hover {
	color:#5151a6;
	text-decoration:underline;
}

form {
  margin:0px;
  padding:0px;

}
.float_right{
	float:right;
}
.float_left{
	float:left;
}
.errorcopy
{
color:red;
padding: 5px 0 5px 7px;
}

}
/* header section ends here */




/* container styles */
#container {
	margin: 0 auto;
	width: 950px;
	border: 1px solid #A2A191;
	border-width: 0 1px;
}

#hfh_main{
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align:left;
	overflow: hidden;
	_height: 1%;
	background: transparent url(../images/hfh_body_bg.gif) top left repeat-y;
}

#content_body {
	float:left;
	padding: 0 10px;
	margin: 0;
	width:733px;
	overflow:auto;
	_height: 1%;

}
html>/**/body #content_body
{
overflow: hidden;
}
#hfh_local_navigation{
	width: 196px;
	margin: 0px;           
	float:left;
	padding-bottom:30px;
	text-align:left;
	background-color: #fceec3;
	clear:both;
}
.hfh_leftNav_module {
	margin: 16px 10px 0;
	padding: 1px 0 5px;
	background: transparent url(../images/horizontal_dots.gif) top left repeat-x;	
}
#hfh_local_navigation .get_started h2, 
.hfh_leftNav_module h2{	
	margin: 5px 0 6px;
	_margin: 5px 0 3px;
	padding-left: 10px;
	font-size: .8em;
	font-weight: bold;	
	background: transparent url(../images/red-arrow.gif) 3px 6px no-repeat;
}
.hfh_leftNav_module h2.link{	
	background: transparent url(../images/red-arrow.gif) 3px 6px no-repeat;
}
.hfh_leftNav_module h2.selected{
	background: #f9e49a url(../images/red-arrow.gif) 3px 6px no-repeat;
}
.hfh_leftNav_module h2.highlight,
.hfh_leftNav_module div.selected
{
	background: #f9e49a;
}

.hfh_leftNav_module h2,
.hfh_leftNav_module h2 a{
	color:#B41F24;
	display:block;
	text-decoration: none;
}
.hfh_leftNav_module h3{
	margin: 5px 0 6px;
	_margin: 5px 0 3px;
	padding-left: 10px;
	font-size:.75em;
	color:#000;
	font-weight:normal;
	display:block;
	text-decoration: none;
	background: transparent url(../images/black-arrow.gif) 3px 6px no-repeat;
}
.hfh_leftNav_module h3 a:hover
{
display:block;
}
#content_body .hfh_main_heading 
{
	clear:both;
	float:left;
	font-size:1.6em;
	color:#B41F24;
	margin: 5px 0 20px 3px;
	_margin: 5px 0 20px 2px;
	font-weight: normal;
}
.hfh_leftNav_module h2.noarrow
{
background:none;
}
.hfh_leftNav_module h3 a{
	color:#000;
	text-decoration:none;
}
#callout .hfh_module a:hover{
color:#B41F24;
text-decoration:underline;
}
ul.listSubSection li
{
font-size:.7em;
margin-left:8px;
_margin-left:4px;
_padding-left:8px;
display:block;
}
.hfh_leftNav_module ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.hfh_leftNav_module li {
	font-size: .74em;
	padding-left: 10px;
	background: transparent url(../images/black-arrow.gif) 3px 8px no-repeat;
}
.hfh_leftNav_module li a{
	color:#000;
}
.hfh_leftNav_module li.selected{
	background: #f9e49a url(../images/red-arrow.gif) 3px 8px no-repeat;
}
html>/**/body .hfh_leftNav_module li.selected{
	background: #f9e49a url(../images/red-arrow.gif) 3px 5px no-repeat;
}
html>/**/body .hfh_leftNav_module li{
	margin-bottom:.4em;
	background-position: 3px 5px;	
}
.hfh_leftNav_module li a:link, 
.hfh_leftNav_module li a:visited{
	display: block;
	width: 165px;
	color:#000000;
	text-decoration: none;
}
.hfh_leftNav_module a:hover{ 
	background-color:#f9e49a;
	text-decoration: none;
}
/* local navigation links */

.hfh_nav_links{
	margin-left: 10px;
	padding: 1px 0 0;
}
.nav_links h2 {
	padding-left: 10px;
	margin: 5px 0 0;
	color:#B41F24;
	font-size: .8em;
	font-weight:bold;
	background: transparent url(../images/red-arrow.gif) 3px 6px no-repeat;
}
.nav_links h2 a {
	color: #B41F24;
	display: block;
	text-decoration: none;
}
.hfh_nav_links h3 {
	font-size:.74em;
	padding: 2px 0;
	font-weight: normal;
	position:relative;
}

.hfh_nav_links h3 a {
	display: block;
	color: #000;
	text-decoration: none;
}

.hfh_nav_links ul{
	display: none;	
	margin-bottom: 20px;
	padding: 0px; 
	list-style:none;
}


.hfh_nav_links li{
	color: #000;
	font-size: .7em;
	font-weight: normal;
	margin: 2px 0 0 10px;
	background: transparent url(../images/black-arrow.gif) 3px 7px no-repeat;
}
#hfh_local_navigation .hfh_nav_links ul li a{
	width:145px;
	text-decoration: none;
}

h2.selected,
.selected,
li.selected{
	background-color:#C9C6BB;
}
/* header styles */

.page_header {
	background-color: #EDECDF; 
	text-align: left;
	overflow: hidden;
	_height: 1%;
}
.page_header .logo {
	
	padding: 16px 0 13px 199px;
	margin: 0;
	background: transparent url(../images/home-top-img.jpg) top left no-repeat;
	float: left;
}

/* primary nav styles */

#primary_nav {
	background-color: #727266;
	overflow: hidden;
	_height: 1%;
}
#hfh_nav{
	float: left;
	width: 400px;
	margin: 0;
	padding: 0;
	list-style: none;
	margin: 0;
	overflow: hidden;
	_height: 1%;
}

#hfh_nav li {
	float: left;
	padding: 0;
	background: transparent url(../images/global-nav-pipe.gif) no-repeat 0 1px;
}

 #hfh_nav li.first {
	background: none;
}
#hfh_nav li a {
	display: block;
	color: #fff;
	font-size: 0.85em;
	font-weight: bold;
	text-decoration: none;	
	height: 21px;
	padding: 3px 15px 0;
	_width: 55px;
}

#hfh_nav  li a.about_ocw{
	_width: 95px;
	_padding: 3px 10px 0;
}

#hfh_nav li a:hover,
#hfh_nav li.active{
	background: #B41F24;	
}

/* secondary nav styles */
#secondary_nav {
	padding: 0;
	float: right;
	margin: 0 15px 0 0;
	overflow: hidden;
	_height: 1%;
	list-style: none;
}
#secondary_nav li {
	height: 21px;
	margin: 0;
	float: left;
	background: transparent url(../images/global-nav-pipe.gif) 0px 1px no-repeat;
	padding: 3px 20px 0;
}
#secondary_nav li.first {
	background: none;
}
#secondary_nav li a:link, #secondary_nav li a:visited {
	font-size: .7em;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#secondary_nav li a:hover {
	text-decoration: underline;
}
.searchform {
	width:auto;
	vertical-align:middle;
	height: 24px;
	float:right;
	margin:0px;
	padding:0px;
}
.searchform select {
	vertical-align:middle;
	margin-top: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	border: 1px solid #CCCCCC;
	color: #000;
}
.searchform input.search {
	vertical-align:middle;
	margin-top: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	padding: 1px 0 1px 5px;
	border: 1px solid #CCCCCC;
	color: #666666;
	width: 129px;
}
::root .searchform input.search { /* for safari */
	margin-top: 0px;
	padding: 0px 0 1px 5px;
}
.searchform input.but, .searchform input.hfh_but {
	border: none;
	vertical-align: middle;
	margin-top: 3px;
	margin-right:10px;
}
::root .searchform input.but { /* for safari */
	margin-top: 1px;
}
::root .searchform input.hfh_but{ /* for safari */
	margin-top: 1px;
}
.searchform a:link, .searchform a:visited {
	font-size: .6em;
	color:#fff;
	text-decoration:none;
	padding: 3px 10px 0 7px;
	margin: 7px 5px 0;
	vertical-align:middle;
	background: transparent url(../images/white-arrow.gif) no-repeat 0px 7px;
}
.searchform a:hover {
	text-decoration:underline;
}

/* content body classes */

.page_links {
	font-size: .6em;
	color: #000;
	text-align: right;
	margin: 3px 0;
	overflow: visible;
	height: 22px;
	_height: 1%;
}
.page_links ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}
.page_links li {
	padding: 5px 5px 5px 18px;
}
.page_links li a{
	color: #000;
	text-decoration:none;
}
.breadcrumb {
	float:left;
	text-align:left;
	width:606px;
	color: #000;
	padding: 4px 0 0 4px;
	overflow: hidden;
	_height: 1%;
}
html>/**/body .breadcrumb
{
width:610px;
}

.breadcrumb span{
	color:#B41F24;
}
.breadcrumb a:link, .breadcrumb a:visited {
	color: #000;
	text-decoration: none;
}
.breadcrumb a:hover {
	text-decoration:underline;
}
#switchbutton
{
	overflow: hidden;
	_height: 1%;
}
#switchbutton li {
	padding-left: 0;
}
#switchbutton li.hcbullet
{
	float:right;	
	background: transparent url(../images/black-arrow.gif) 0px 9px no-repeat;
	text-align: left;
	padding-left: 6px;
	margin-left: 13px;
}
#switchbutton li.email {
	display:block;
	float:right;
	background: transparent url(../images/black-email-ico.gif) 0px 7px no-repeat;
	text-align: left;
	padding-left: 19px; /* leave these two padding parameters separate*/
	padding-right: 0;
}
#switchbutton a:hover,
#switchbutton_wo_email a:hover
{
text-decoration:underline;
}




/* home content area */

#hfhHeroImg {
	background: #f9e49a url(../images/hfhHero.jpg) top left no-repeat;
	height: 161px;
}

.hero .info{
	float: right;
	width: 330px;
	_width: 320px;
	margin-bottom: 5px;
	font-size: .8em;
}
.bullet {
	background: transparent url(../images/black-arrow.gif) 0px 14px no-repeat;
	_background: transparent url(../images/black-arrow.gif) 0px 10px no-repeat;
	padding: 6px 0 0 6px;
	font-weight:normal;
	
}
a.bullet {
	background: transparent url(../images/black-arrow.gif) 0px 10px no-repeat;
/*	_background: transparent url(../images/black-arrow.gif) 0px 10px no-repeat;*/
	padding: 6px 0 0 6px;
	font-weight:normal;
	
}
ul.bullets li {
	list-style: none;
	background: transparent url(../images/black-arrow.gif) 8px 11px no-repeat;
	_background: transparent url(../images/black-arrow.gif) 7px 14px no-repeat;
	padding: 6px 0 0 15px;
}

#featuredResource .bullet,
#hfh_main_container .featureItems .bullet,
#callOut_featuredResource .bullet{
	background: transparent url(../images/black-arrow.gif) 0px 14px no-repeat;
	_background: transparent url(../images/black-arrow.gif) 0px 12px no-repeat;
	padding: 6px 0 0 6px;
	font-weight:normal;
}
::root #featuredResource .bullet
{
background: transparent url(../images/black-arrow.gif) 0px 6px no-repeat;
}

p.bullet {
	background: transparent url(../images/black-arrow.gif) 0px 10px no-repeat;
	_background: transparent url(../images/black-arrow.gif) 0px 10px no-repeat;
	padding: 6px 0 0 6px;
	font-weight:normal;
}
.module .abullet {
	background: transparent url(../images/black-arrow.gif) 0px 11px no-repeat;
	padding: 6px 0 0 6px;
	font-weight:normal;
}

.newsletter_hfh {
	width: 260px;
	text-align:left;
	padding: 0px;
	margin: 0 10px 0 2px;
	float:left;	
}
.newsletter_divider
{
padding: 10px 0 0 0;
background: transparent url(../images/horizontal_dots.gif) bottom left repeat-x;
}
.newsletter-rsi h2,
.newsletter_hfh h2 {
	color: #B41F24;
	font-size: .7em;
	font-weight: bold;
	padding: 0 0 10px 25px;
	background: transparent url(../images/newsletter-icon.gif) 0 1px no-repeat;
}
.newsletter-rsi p,
.newsletter_hfh p {
	color: #000;
	font-size: .7em;
	margin: 0 0 4px;
	padding: 0 0 0 25px;
}

.newsletter_hfh a:link {
	color: #680a12;
	text-decoration: none;
}
newsletter_hfh a:visited {
	color: #ab4347;
	text-decoration: none;
}
.newsletter a:hover {
	color:#5151a6;
	text-decoration:underline;
}





/* additional containers */

#main_content {
	float:left;
	width: 539px;
	margin: 0;
	padding: 0;
}

.donate_but {
	float:right;
	margin:14px 0 0 0;

	padding: 0px;
	display:inline;

}

#callout {
	float:right;
	width: 180px;
	overflow: hidden;
	_height: 1%;
	padding: 15px 0 25px 0;
}

#callout .hfh_module, #callout .hfh_engg_module {
	width:175px;
	padding: 25px 2px 10px;
	background: transparent url(../images/horizontal_dots_red.gif) bottom left repeat-x;
	overflow: hidden;
	_height: 1%;	
}
#callout .firstModImg{
	margin-top:20px;
	_margin-top:35px;
}
#callout .topFirstBorder{
	background: transparent url(../images/horizontal_dots_red.gif) top left repeat-x;
	margin-top:45px;
	_margin-top:55px;
}
#callout .imgNotes{
	color:#000;
	font-size:.7em;
}
#callout .firstModule{
	margin-top:10px;
	_margin-top:25px;
}
#callout .hfh_module img.highlighted {
	border:1px solid #797865;
}
#callout .hfh_module p
{
	font-size:.75em;
	color:#000;
}
.hfh_module a:link,
.hfh_module_first a:link,
#callout .hfh_module a:link,
#callout .hfh_module_first a:link {
	color:#680a12;
	text-decoration:none;
}
.hfh_module a:visited,
.hfh_module_first a:visited,
#callout .hfh_module a:visited,
#callout .hfh_module_first a:visited {
	color:#ab4347;
	text-decoration:none;
}
.hfh_module a:hover,
.hfh_module_first a:hover,
#callout .hfh_module a:hover,
#callout .hfh_module_first a:hover {
	color:#5151a6;
	text-decoration:underline;
}
#homeAddon {
	overflow: hidden;
	_height: 1%;	
	width:539px;
	margin-top:35px;	
}
#homeAddon .newsletterSignUp {
	width:280px;	
	overflow: hidden;
	_height: 1%;	
	float:left;
	padding:0 0 10px 0px;
	background: transparent url(../images/horizontal_dots_red.gif) bottom left repeat-x;
}

#homeAddon .newsletterSignUp h2, /***************** neeed to check again *****************/
#callout .newsletterSignUp h2 {
	color: #000;
	font-size: .7em;
	font-weight: bold;
}
#callout .newsletterSignUp h2 {
	margin-bottom:5px;
}
#homeAddon .newsletterSignUp p,
#callout .newsletterSignUp p {
	color: #000;
	font-size: .7em;
	margin: 0 0 4px;
	padding: 0;
}
#homeAddon .newsletterSignUp input {
	margin: 5px 1px 0 0;
	vertical-align: middle;
}
.newsletterSignUp input.txtbox {
	border: 1px solid #999999;
	font-size: .7em;
	padding: .1em;
}
#callout .newsletterSignUp{
	overflow: hidden;
	_height: 1%;	
	float:left;
}
#callout .newsletterSignUp input {
	float:right;
	margin:0 2px 3px 0;
}								/***************** till here *****************/
#callout .hfh_module_first{
	width:175px;
	padding: 0 2px 15px;
	background: transparent url(../images/horizontal_dots_red.gif) bottom left repeat-x;
	overflow: hidden;
	_height: 1%;	
}
#callout .hfh_module_first p{
	margin:0px;
	font-size: .75em;
	overflow: hidden;
	_height: 1%;	
}
#callout .hfh_module_first p.normal{
	margin-top:10px;
	font-size: .75em;
}
#callout .hfh_module_first p.teacher,
#callout .hfh_module_first p.student{
	margin:10px 0 0 0;
}
#callout .hfh_module_first p.author{
	margin-top:10px;
	font-size: .7em;
}
#callout .hfh_module_first p.author img{
	margin-right:10px;
	float:left;
	border:1px solid #797865;
}
#callout .module a{
	color: #000;
	font-size: .7em;
	text-decoration:none;
}
#callout .module .bullet {
	background: transparent url(../images/black-arrow.gif) 0px 14px no-repeat;
	_background: transparent url(../images/black-arrow.gif) 0px 15px no-repeat;
	padding: 10px 0 0 6px;
	font-weight:normal;
}
#callout .module a:hover{
	text-decoration: underline;
	color:#B41F24;
}
#courses, #hfhHome{
	margin: 0;
	padding: 5px 0 20px 0;
	_padding: 5px 0 10px 0;
	/*overflow: hidden;*/
	_height: 1%;	
}
#hfhHome a:link {
	color:#680a12;
	text-decoration:none;
}
#hfhHome a:visited {
	color:#ab4347;
	text-decoration:none;
}
#hfhHome a:hover,
#hfh_main_container a:hover {
	color:#5151a6;
	text-decoration:underline;
}
#hfhHomeIntro{
	background:#f9e49a;
	position:relative;
	border-top:1px solid #000;
	border-bottom:1px solid #f9e49a;
	margin-top:10px;
	_margin-top:15px;
}
.hfhIntroText{
	padding: 5px 10px 15px 0;
	background: #f9e49a url(../images/horizontal_dots.gif) top left repeat-x;
	/*border-top:1px solid #000;*/
}
.hfhIntroFoot{	
	overflow: hidden;
	_height: 1%;	
	font-size:.8em;
	padding: 5px 0 5px 0;
	font-weight:bold;
	background: #fceec3 url(../images/horizontal_dots.gif) top left repeat-x;
}
.resourcefootNote{
	float:left;
	padding-left:20px;
	width:270px;
}
.footNote{
	float:right;
	width:235px;
}
.hfhIntroFoot ul{
	display:inline;
	font-weight:normal;
}
.hfhIntroFoot ul li{	
	float:left;
	list-style:none;
	padding:2px 10px 0 15px;
	background: transparent url(../images/box-bullet.gif) 0px 5px no-repeat;
}
.hfhIntroFoot ul li a:link,
.hfhIntroFoot ul li a:visited{	
	color:#000;
}
#hfhHeroImg h2{
	font-size:1.5em;
	color:#B41F24;
	margin:0 0 10px 15px;
	padding-top: 10px;
	font-weight: normal;
	width:275px;
}
#hfhHeroImg h1{
	font-size:2.3em;
	color:#B41F24;
	margin-left:15px;
	width:275px;
	font-weight: normal;
	letter-spacing: .75px;
}
.hfhIntroText p{
	font-size:1em;
	line-height:22px;
	color:#000;
	margin: 10px 0 9px 15px;
}
#callOut_featuredResource{
	overflow:hidden;
	_height:1%;
	padding:10px 0 10px 0;
}
#featuredResource{
	float:right;
	width:235px;
	overflow:hidden;
	_height:1%;
	padding:0 0 10px 20px;
}
#featuredResource h2,
.featureItems h2,
#callOut_featuredResource h2{
	font-size:.8em;
	text-transform:uppercase;
	color:#B41F24;
	margin-bottom:3px;
}
#featuredResource h3,
.featureItems h3,
#callOut_featuredResource h3{
	font-size:.8em;
	color:#000;
}
#featuredResource p, 
#featuredResource span a,
.featureItems p,
.featureItems span a,
#callOut_featuredResource p, 
#callOut_featuredResource span a {
	padding-top:2px;
	font-size:.75em;
	color:#000;
}
.featureItems p{
	width:250px;
}
.featureItems img{
	border:1px solid #797865;
}
#courses h1 {
	font-size:1.6em;
	color:#B41F24;
	margin: 0 0 9px 0px;
	font-weight: normal;
}

#courses h3.term {
	margin: 0 0 10px 2px;
	font-size: 1.2em;
	font-weight: normal;
	color:#B41F24;
}

#courses h4 {
	font-size: .8em;
	margin: 0 0 5px 2px;
}
#courses .ptext {
	font-size: .75em;
	margin: 0 0 12px 2px;
}
#courses .ptext a:link,
#courses .ptext a:visited {
color:#000;

}
#courses .ptext a:hover {
color:#B41F24;
}
#courses .coursemainimg {
	margin-left: 2px;
	margin-bottom: 10px;
}
.specialfeatures {
	margin: 5px 0 12px 3px;
	_margin: 5px 0 15px 3px;
	list-style-type:none;

}
.specialfeatures li {
	padding-left:7px;
	background: transparent url(../images/black-arrow.gif) no-repeat 0px 5px;
	font-size: .75em;
	float: left; 
	width: 220px;
	margin:0 0 .3em 0;
}
.specialfeatures a:link, .specialfeatures a:visited {
	color:#000000;
}
.specialfeatures a:hover {
	color:#B41F24;
}

.department-set {
	margin: 0 10px 0 0;
	
}
.donate_btn {
	float: right;
	padding: 5px 2px 0 0;
	display:inline;
}

.department-set .dept {
	width:500px;
	padding-right:20px;
	font-size:.75em;
	float:left;	
}
.department-set .dept ul {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}
.department-set .dept li {
	margin-left:10px;
	padding-left: 20px;
	background: url(../images/black-arrow.gif) no-repeat 1em .5em;
}
.department-set .dept a:link,
.dept a:link {
	color: #680a12;
	line-height: 1.4em;
	text-decoration:none;
}
.department-set .dept a:visited,
.dept a:visited {
	color: #ab4347;
	line-height: 1.4em;
	text-decoration:none;
}
.department-set .dept a:hover,
.dept a:hover {
	color: #5151a6;
	line-height: 1.4em;
	text-decoration:underline;
}
.course_list {
	width: 500px;
	margin: 0 0 20px 18px;
	font-size:.75em;
}
.course_list a:link {
	color:#680a12;
	text-decoration:none;
}
.course_list a:visited {
	color:#ab4347;
	text-decoration:none;
}
.course_list a:hover {
	color:#5151a6;
	text-decoration:underline;
}
.top {
	color: #000;
	font-size: .9em;
}
.course_detail {
	background: #B4B1A2;
	border: 1px solid #797865;
	margin-bottom:5px;
}

/* these need cleaning up */
.table_head
{
	padding:2px 0 2px 0px;
	overflow: hidden;
	_height: 1%;	
	
}
.table_head div
{
	float: right;
	text-align:right;
	width: 260px;
}

.table_head h2
{
	float:left;
	font-size: 1em;
	font-weight:bold;
	color: #000;
	margin-bottom:2px;
}
.table_head div a:link, 
.table_head div a:visited
{

	color: #000;
	text-decoration:none;
}
.table_head div a:hover 
{

	color:#B41F24;
	text-decoration:underline;
}
.table_head div img
{	
	margin-right:5px;
	vertical-align:middle;
}

/* course table starts from here*/
.course_table {
	width: 498px; border-collapse: collapse; font-size: .9em;
}
.course_table th
{
	font-size:.9em;
	font-weight:bold;
	border: 2px solid #fff;
	border-width: 0 0 2px 0;
	margin:0px;
	padding: 4px;
}
.course_table th.course-num {
	width:90px;
	padding-left: 10px;
}
.course_table th.new
{
width:70px;
text-align:center;
}
.course_table th.title
{
width:220px;
}
.course_table th.term
{
width:120px;
}
.course_table .new-ico
{
	background-image: url(../images/new-icon.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align:center;
}
.course_table tr
{
margin:0px;
}
.course_table td
{
	vertical-align:top;
	padding: 4px;
}
.course_table td.td_bullet
{
		background-image:url(../images/black-arrow.gif);
	background-repeat:no-repeat;
	background-position: 4px 9px;
	padding-left:10px;
}
html>body .course_table td.td_bullet
{
	background-image:url(../images/black-arrow.gif);
	background-repeat:no-repeat;
	background-position: 5px 9px;
	padding-left:10px;
}
.course_table tr.row
{
background-color:#E2E1D9;
}
.course_table tr.alt-row
{
background-color:#fff;
}
.course_table td img
{
margin-right:5px;
}
.course_table a:link, .course_table a:visited
{
color:#000;
text-decoration:none;

}
.course_table a:hover
{
color:#B41F24;
text-decoration:underline;
}
/* end need cleaning styles */

.course_table td.first_bullet {
	background-image:url(../images/black-arrow.gif);
	background-repeat:no-repeat;
	background-position: 11px 9px;
	padding-left:17px;
}
::root .course_table td.first_bullet { /* for safari */
	background-position: 14px 9px;
	padding-left:20px;
}
::root .course_table th.title { /* for safari */
	width:250px;
	text-align: left;
}
::root .course_table th.term { /* for safari */
	width:80px;
	text-align: left;
}

/* hfh Engineering */
#hfh_main_container{
	float:left;
	width: 535px;
	margin: 0;
	padding: 0 0 0 5px;
}

#hfh_main_container #pageIntroText h1{
	font-size:1.6em;
	color:#B41F24;
	margin: 0 0 20px 0;
	font-weight: normal;
}
#hfh_main_container #pageIntroText h2,
#hfh_main_container .courses_sections h2 {
	font-size:1.1em;
	color:#B41F24;
	margin: 20px 0 0 0;
	font-weight: normal;
}
#hfh_main_container #pageIntroText h3{
	font-size:1.1em;
	color:#000;
	margin: 15px 0;
	font-weight: normal;
	width:525px;
}
#hfh_main_container #pageIntroText p{
	font-size:.8em;
	color:#000;
	margin-bottom:20px;
}

#pageIntroText p.bullet a:link {
	color:#680a12;
	text-decoration:none;
}
#pageIntroText p.bullet a:visited {
	color:#ab4347;
	text-decoration:none;
}
#pageIntroText p.bullet a:hover {
	color:#5151a6;
	text-decoration:underline;
}
#hfh_main_container #pageIntroText .subNoteDiv p{
	width:525px;
	font-size:.8em;
	color:#000;
}
#hfh_main_container #pageIntroText p.subNote{
	width:525px;
	font-size:.9em;
	color:#000;
}
#hfh_main_container #pageIntroText .subNoteDiv{
	margin-top:30px;
}
.subNoteDiv ul.subNoteSpecialLink {
margin-bottom:30px;
}
.subNoteDiv ul.subNoteSpecialLink li{	
	list-style:none;
	padding:2px 10px 0 15px;
	background: transparent url(../images/box-bullet.gif) 0px 7px no-repeat;
	_background: transparent url(../images/box-bullet.gif) 0px 5px no-repeat;
}
.subNoteDiv a.lnkUnderline{
	text-decoration:underline;
}
.subNoteDiv ul.subNoteSpecialLink li a:link,	
.subNoteDiv ul.subNoteSpecialLink li a:visited {
	font-size:.8em;
	text-decoration:none;
}
.subNoteDiv ul.subNoteSpecialLink li a:hover {	
	font-size:.8em;
	text-decoration:underline;
}
#pageIntroText .subNoteDiv p a:link, 
#pageIntroText p.subNote a:link {
	color:#680a12;
}
#pageIntroText .subNoteDiv p a:visited, 
#pageIntroText p.subNote a:visited {
	color:#ab4347;
}
#pageIntroText .subNoteDiv p a:hover, 
#pageIntroText p.subNote a:hover {
	color:#5151a6;
}

#courseModule{
	width:539px;
}

#courseModule .sets{
	margin:0 0 30px 0;
}
#courseModule h2{
	font-size:1.1em;
	color:#B41F24;
	margin: 20px 0 0 0;
	font-weight: normal;
}
#courseModule h2.headTitle,
#hfh_main_container #pageIntroText h2.headTitle{
	background: transparent url(../images/horizontal_dots_red.gif) top left repeat-x;
	padding-top:5px;
	margin-bottom:20px;
	width:530px;
}
#courseModule h2.headTitleFirst,
#hfh_main_container #pageIntroText h2.headTitleFirst{
	padding-top:5px;
	margin-bottom:20px;
	width:530px;
}
#hfh_main_container #pageIntroText .department-set h2 {
	color:#B41F24;
	font-size:1.2em;
	font-weight:normal;
	margin: 15px 0 8px 15px;

}
.subPageLinks{
	overflow:hidden;
	_height:1%;
	margin-top:20px;
}

#hfh_main_container .twoColDiv{
	width:539px;
	overflow:hidden;
	_height:1%;
	margin:20px 0;
}
#hfh_main_container .twoColDiv div{
	float:left;
	width:265px;
}
ul.normalList{
	list-style: disc;
	font-size:.8em;
	color:#000;
	margin:0 0 15px 35px;	
}
ul.normalList li{
	padding-top:5px;
	_padding-top:3px;
}
ul.hfh_CourseList{
	margin:5px 0 0 10px;
}
ul.hfh_CourseList li{	
	float:left;
	font-size:.75em;
	color:#000;
	list-style:none;
	padding:2px 10px 0 7px;
	width:240px;
	background: transparent url(../images/black-arrow.gif) 0 6px no-repeat;
}
ul.hfh_CourseList li a:link {	
	color:#680a12;
}
ul.hfh_CourseList li a:visited {	
	color:#ab4347;
}
ul.hfh_CourseList li a:hover {	
	color:#5151a6;
}
.subPageLinks ul li {	
	float:left;
	font-size:.75em;
	color:#000;
	list-style:none;
	padding:2px 10px 0 7px;
	background: transparent url(../images/black-arrow.gif) 0 6px no-repeat;
}
.subPageLinks ul li a:link {
	color:#680a12;
	text-decoration:none;
}
.subPageLinks ul li a:visited {
	color:#ab4347;
	text-decoration:none;
}
.subPageLinks ul li a:hover {
	color:#5151a6;
	text-decoration:underline;
}
.subPageLinks  ul.multiple li {

float:left;
display:block;
width:150px;
margin:0 5px 10px 0;
}
#courseModule .courseDetails {
	width:530px;
	border:1px solid #797865;
	margin-top:5px;
	overflow:hidden;
	_height:1%;
	_margin-bottom:5px;
}
#courseModule .group{
	margin-top:15px;
}
#courseModule .last {
	border-bottom:0;	
}
#courseModule h4 {
	font-size:.72em;
	color:#000;
	background: transparent url(../images/black-arrow.gif) 0px 7px no-repeat;
	padding: 2px 0 2px 7px;
}
#courseModule h4.apHead {
	padding: 15px 0 2px 0;
	background: none; 
}

#courseModule h4 span {
	font-weight:normal;
}
#courseModule .courseInst { 
	background:#f9e49a;
	padding:2px 10px;
	font-size:1em;
	overflow:hidden;
	_height:1%;
}
#courseModule .courseInst h4 img,
#courseModule .courseAreaTitle img {
	margin-left: 5px;
}
#courseModule .courseInst a:link {
	color:#680a12;
	text-decoration:underline;
}
#courseModule .courseInst a:visited { 
	color:#ab4347;
	text-decoration:underline;
}
#courseModule .courseInst a:hover { 
	color:#5151a6;
	text-decoration:underline;
}
.courseAreaTitle {
	float:left;
	font-size:.7em;
	color:#000;
	font-weight:bold;
}
.courseAreaInfo {
	float:right;
	font-size:.70em;
	color:#000;
	font-weight:bold;
}
.courseAreaInfoInline{
	font-size:.70em;
	color:#000;
}
#courseModule .courseDesc, 
#courseModule .dataHolder{
	overflow:hidden;
	_height:1%;
	padding-bottom:10px;

}
#courseModule .courseDesc, 
#courseModule .courseReferDesc {
	background:#fcefc5;
}
#courseModule .courseDesc, 
#courseModule .coursePreReq, 
#courseModule .courseReferDesc {
	padding:5px 10px 0px 10px;
}
#hfh_main_container #courseModule .courseDesc p, 
#hfh_main_container #courseModule .coursePreReq p, 
#hfh_main_container #courseModule .courseReferDesc p {
	font-size:.70em;
	color:#000;
	line-height:16px;
	margin:0;
}

#courseModule .courseDesc p a, 
#courseModule .coursePreReq p a, 
#courseModule .courseReferDesc p a {
	color:#000;
}
#courseModule .courseReferDesc {
	padding:10px;
}
#courseModule .courseDesc p img {
	float:left;
	margin:5px 10px 0 0;
	padding:0px;
	border:1px solid #797865;
}
#courseModule .courseDetails .courseAreaHeader{
	font-size:.70em;
	color:#000;
	display:inline;
	font-weight:bold;
}
#courseModule .courseDetails .courseDescHeader{
	color:#000;
	display:block;
	font-weight:bold;
}
#courseModule .dataTypeHolder {
	overflow:hidden;
	_height:1%;
	padding:4px 10px;
}
.courseType{
	float:left;
	font-weight:normal;
	font-size:.70em;
}
.courseInfo{
	float:right;
	font-size:.70em;
}
#courseModule .courseDetails .courseAreaHeaderInline{
	font-size:.70em;
	color:#000;
	display:inline;
	font-weight:bold;
}
#courseModule .courseDetails .courseAreaHeader .courseAreaDate{
	float:right;
}

.backTop {
	color:#000;
	font-size:.7em;
	background: transparent url(../images/black-arrow-up.gif) 0px 10px no-repeat;
	padding: 6px 0 0 10px;
	line-height:inherit;
	line-height:2em;
	_line-height:1em;

}
a.backTop:link {
	color:#680a12;
}
a.backTop:visited {
	color:#ab4347;
}
a.backTop:hover {
	color:#5151a6;
}


::root #pageIntroText .backTop
{
	line-height:2em;
}

/* GOOGLE XSL STYLES */
#main_content_course {
	float:left;
	width: 723px;
	margin: 0 0 0 3px;
	padding: 0;
}
#courses_inner h1
{
	margin: 10px 0 0 0px;
	font-size:1.6em;
	color:#B41F24;
	font-weight: normal;
}
.info {
	font-size: 0.75em; text-align: left; margin-left:18px; margin-top:10px;
}
.results {
	border-right: #999 1px;
	padding-right: 0em; 
	border-top: #999 1px dashed; 
	padding-left: 0em; 
	font-size: .8em; 
	padding-bottom: 1em; 
	margin: 0.2em 0em 0 15px; 
	border-left: #999 1px; 
	padding-top: 1em; 
	/*border-bottom: #999 1px dashed;*/
}
.results p {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0em 0em 1em; 
	padding-top: 0px;
}
.results .filetype {
	font-weight: bold; 
	font-size: 0.8em;
}
.results .snippet {
	padding-right: 0px; 
	display: block; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px;
}
.results .fileinfo {
	display: block; 
	font-size: 0.9em; 
	color: #666;
}
.results .extrainfo {
	font-style: italic;
}
.results ul {
	margin: 10px 0 10px 0;
}
.results li {
	margin-left:30px;
	background: transparent url(../images/black-arrow.gif) no-repeat 0px 8px;
	list-style-type:none;
	padding-left:7px;
}
html>/**/body .results li {
	margin-left:30px;
	background: transparent url(../images/black-arrow.gif) no-repeat 0px 6px;
	list-style-type:none;
	padding-left:7px;
}
.helper {
	color: #cc0000;
}
.helper a:link, .helper a:visited,
.info a:link, .info a:visited{
	font-weight: bold; 
	font-style: italic; 
	color:#000; 
	text-decoration:underline;
}
.results a:link, .results a:visited {
	color:#000; 
	text-decoration:underline;
}
.helper a:hover,
.results a:hover{
	text-decoration:underline; 
	color:#B41F24;
}
.null {
	padding-right: 0em; 
	padding-left: 0em; 
	padding-bottom: 0em; 
	margin: 0em 0em 1em; 
	padding-top: 0em; 
	border-bottom: #666 1px solid;
}
.google-nav {
font-size:1em;
	margin-bottom: 1em; 
	text-align: center;
}
.google-nav .page {
	font-weight: bold;
}
.google-nav a:link {
	margin: 0em 0.1em;
}
.google-nav a:visited {
	margin: 0em 0.1em;
}
.google-nav a:hover {
	text-decoration: underline;
	color:#B41F24;
}
.google-nav .on {
	font-weight: bold;
}
/* END: GOOGLE XSLT STYLES */
/* footer styles */

.footer {
	margin: 0px;
	padding: 7px 15px 4px;
	border: 1px solid #C1C1B5;
	border-width: 1px 0 3px 0;
	text-align: left;
	height: 60px;
	background: #EDECDF;
	overflow: hidden;

	color: #000;
	font-size:0.7em;
}
.footer ul {
	margin: 0px;
	padding: 0px;
}
.footer li { 
	display:inline; 
	list-style-type:none; 
}
.footer .footer_logo {
	width: 198px;
	float: left;
	height: 32px;
	background: transparent url(../images/mit-logo_new.gif) top left no-repeat;
}
.footer .footer_links li {
	padding: 0 29px 0 7px;
	background: transparent url(../images/black-arrow.gif) no-repeat 0px 5px;
}
.footer .footer_links li.first {
	background: none;
}
.footer .footer_links {
	width: 560px;
	float: left;
}
.footer .footer_links p {
	margin: 10px 0 0 0;
	padding:0px;
	font-size: .9em;
}
.footer a:link, .footer a:visited {
	color: #000;
	text-decoration:none;
}
.footer a:hover {
	text-decoration:underline;
}
.footer .footer_links img {
	padding-right: 5px;
	margin: 0 0 0 -6px;
}
.license {
	float: right;
	padding: 0 0 0 10;
	margin: 0;
	list-style: none;
	width: auto;
}
.license img {
	margin-bottom: 3px;
	vertical-align:top;
}

.clear
{
clear:both;
}
/* CMS TABLE STYLES */
.header {
	background-color: #B4B1A2; 
	padding: 5px;
	font-size: .9em;
	margin: 5px 0 5px 0;
}
.tablecopy {
	font-size: .75em; 
	color: #000000; 
	padding: 5px;
}
.tablecopy a:link {
	font-size: 1em; 
	color: #000000; 
	text-decoration: underline;
}
.tablecopy a:visited {
	font-size: 1em; 
	color: #8e8e6f; 
	text-decoration: underline;
}
tr.row {
	background-color:#E2E1D9;
}
tr.alt-row {
	background-color:#fff;
}
tr.head {
	font-size:1.1em;
	font-weight:bold;
}
/* END: CMS TABLE STYLES */

/* courses section styles 8/16 */
.courses_sections
{
width:539px;
margin:10px 0 10px 0;
}
.courses_sections a:link {
	color:#680a12;
	text-decoration: underline;
}
.courses_sections a:visited {
	color:#ab4347;
	text-decoration: underline;
}
.courses_sections a:hover {
	color:#5151a6;
	text-decoration: underline;
}
.courses_sections ul.bullets li a:link,
.courses_sections ul.bullets li a:visited {
	text-decoration: none;
}
.courses_sections td p a:link,
.courses_sections td p a:visited {
	font-size:1.2em;
	color:#000;
	text-decoration:underline;
}

.courses_sections .subhead
{
font-size:.85em;
}
.courses_sections .subsubhead
{
font-size:.8em;
font-style:italic;
}
.courses_sections p
{
font-size:.75em;
margin:8px 0 8px 0;
}
.courses_sections ul,
.courses_sections ol
{
margin:10px 0 10px 25px;
}
.courses_sections li
{
font-size: .75em;
}
.courses_sections table
{
margin:10px 0 10px 0;
border:1px solid #8C8A7B;
border-collapse:collapse;
}
.courses_sections table th
{
background:#8C8A7B;
padding:6px 3px 6px 3px;
font-size: .75em;
font-weight:bold;
color:#fff;
text-transform:uppercase;
}

.courses_sections table td
{
padding:3px;
font-size: .75em;
border-left: 1px solid #8C8A7B;

}
.courses_sections tr{
background-color:#f9e49a;
}
.courses_sections tr.altrow
{
background:#fceec3;
}
.courses_sections table td p
{
font-size:inherit;
margin-bottom:8px;
}
.courses_sections table ul
{
margin:10px 0 10px 0;
list-style-type:none;
}
.courses_sections table li
{
font-size:inherit;
_font-size:1em;
}
.courses_sections table caption
{
visibility:hidden;
}

.courses_sections .instructions
{
font-style:italic;
font-size: .75em;
}
.image-caption
{
font-size:.7em;
color:#666666;
margin:0.5em 0em 2em 0em;
}
.image-caption a:link,
.image-caption a:visited
{
text-decoration:underline;
color:#666666;
}
.image-caption a:hover
{
text-decoration:underline;
color:#b41f24;
}

.accent {
	color:#b41f24;
	font-size:0.8em;
	font-weight: bold;
}
.dotborder {
	border-bottom: 1px #000 dotted;
}
img.nudge_down {
	_margin-top: -5px;
}
img.portrait_l {
	float:left;
	padding-right:10px;
}
img.portrait_r {
	float:right;
	padding-left:10px;
}
.dotline{
	border-bottom: 1px #fff dotted;
	width: 525px;
}
.errorcopy {
	color:red;
	padding: 5px 0 5px 7px;
}

#subtopics_list
{
width:532px;
border: solid 1px #8D8B7E;
margin: 10px 0 10px 0;

}

.dark-row
{
display:block;
background:#f9e49a url(../images/black-arrow.gif) 5px 14px no-repeat;
padding:1px 7px 1px 12px;

}
.light-row
{
display:block;
background:#fceec3 url(../images/black-arrow.gif) 5px 14px no-repeat;
padding:1px 7px 1px 12px;
}
#subtopics_list a
{
text-decoration:none;
}
.ext_link
{
padding-right:16px;
background: transparent url(../images/new_window.gif) no-repeat right 1px;
}
.link_sol
{
padding: 10px 0 0 0;
/*display:inline;*/
}
#callout .hfh_module p.course_ref
{
font-size:.6em;
margin:2px 0 0 0;
}
#callout .hfh_module p.course_ref img
{
margin-left:5px;
}
.instruction
{
font-size: 11px;
color: #666666;

}
.instruction_table
{
border:solid 1px #000;
background:#f8f8f8;
padding:5px;
}

/* Lab Warning Notice styles */
#hfh_main_container #pageIntroText div.labwarning {
	border: solid 2px #cccccc;
	padding: 5px 5px 0px 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#hfh_main_container #pageIntroText div.labwarning p {
	font-size: 10px;
}
#hfh_main_container #pageIntroText div.labwarning p.title {
	font-size: 14px;
	color: #b41f24;
	font-weight: bold;
}


/* SPECIAL SECTIONS - Image Gallery */

.gallery { padding: 10px 10px 10px 10px; margin: 0;}
#galleryframe{ border:1px solid #ccc; padding: 10px;	position: relative;	
/* fixes IE bug causing border not to display */ }
ul.thumbnail img{ border:none;display:block;padding-bottom:20px;}
ul.thumbnail { list-style: none; margin: 0; padding: 0;}
ul.thumbnail li { display: block; float: left; width: 24.5%; height: 190px; overflow: auto;}

ul.thumnail li.newrow { clear: both;}
ul.thumbnail li a { display: block; width: 75%; color:#666; text-decoration:none; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px;}
ul.thumbnail li a:link { color:#666; text-decoration:none; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; }
ul.thumbnail li a:visited { color:#6d0f3b; text-decoration:none; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; }
.clearer { clear: both; height: 0; line-height: 0;}

div.gallery + h2.subhead { clear: both; height: 0; line-height: 0; }
div.gallery + h3.subsubhead { clear: both; height: 0; line-height: 0;} 
div.gallery + p { clear: both; height: 0; line-height: 0;}

/* Individual Image Pages */
.gallerybody { margin-left:auto;margin-right:auto;text-align:center;margin-top:80px; }
#gallerynav { display:inline; }
a.gallerynav { display:inherit; }
img.gallerybody { padding-top:20px; }

.gallerycaption { margin-left:30%;margin-right:30%;margin-top:1%;text-align:left;font-family: verdana, arial, helvetica, sans-serif;	font-size: 11px; color: #666666;}
.reader {
     position: absolute;
     top: -99;
     width: 1px;
     height: 1px;
     overflow: hidden;
}