/* CSS Document */
/* This document is based on the SUIT toolkit http://userdocs.mit.edu/portal-nb/insidemitstandards/suit.html */
/* It will enable use of some 'canned' js to be used later, if so desired */
/* DO NOT USE UNIVERSAL DECLARATIONS.  KEEP DECLARATIONS WITHIN NAMED SPACES TO PREVENT ACCIDENTAL CHANGES */

/* Video Page CSS Demo */
/* Page includes the use of MIT Daily Colors (http://web.mit.edu/styles/mit-daily-colors.css) */
/* DConlon 06/01/2007 */


/* OVERRIDE COLOR OF DAY SETTINGS */
.text {
	color:#000000;
	}
	
.video-introtitle {
	color:#000000;
	}
	
.video-intro {
	color:#000000;
	}
	
.pagetitle {
	color:#000000;
	}
	
/* PAGE DEFINITIONS */
html {
	margin:0px;
	padding:0px;
	font-size:100%;
	}

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	min-width:980px;
	color:#000000;
	}
	
/* BEGIN H1 DEFINITIONS */

#hi1 {
	width:100%;
	margin:0px;
	padding:0px;
	font-size:.8em;
	line-height:1.7em;
	}
	
#hi1 a {
	margin-left:32px; 
	}
	
#hi1 a:link {
	text-decoration:none; 
	}
	
#hi1 a:visited {
	text-decoration:none;
	}
	
#hi1 a:hover {
	text-decoration:underline; 
	}
	
#hi1 a:active {
	text-decoration:underline; 
	}

#hi1 #quicksearchbox {
	position:absolute; 
	left:700px; 
	top:23px; 
	width:268px; 
	height:50px; 
	z-index:30; 
	visibility:hidden; 
	font-size:.85em; 
	background-color:#ffffff;
	}
	
#hi1 #quicksearchbox label {
	color:#000000;
	}
	
#hi1 #quicksearchbox a {
	font-size:.8em; 
	margin:0px;
	color:#993333;
	}
	
#hi1 #quicksearchbox a#search {
	cursor:pointer;
	}
	
#hi1 #quicksearchbox .searchborder {
	border-color:#000000;
	}
	
#hi1 #mitLogoGraphic {
	position:absolute; 
	left:840px;
	top:32px;  
	width:81px; 
	height:50px; 
	z-index:32;
	}
	
#hi1 #mitLogoGraphic a {
	text-decoration:none;
	}
	
#hi1 #mitLogoGraphic img {
	border:none;
	}
/* END HI1 DEFINITIONS */


/* BEGIN HI2 DEFINITIONS */
#hi2 {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 18px 0px;
	background-color:#ffffff;
	min-width:980px;
	}

#hi2 h1 {
	margin:0px; 
	padding:0px;
	}
	
#hi2 a {
	color:#993333;
	}
	
#hi2 a:link {
	color:#993333;
	}
#hi2 a:hover {}

#hi2 a:active {}

#hi2 a:visited {}

#hi2 img {
	border:none; 
	padding:0px; 
	margin:0px;
	}
	
#hi2 table {
	border:none; 
	padding:0px; 
	margin:0px;
	}
	
#hi2 tr {
	border:none; 
	padding:0px; 
	margin:0px;
	}
	
#hi2 td {
	border:none; 
	padding:0px; 
	margin:0px;
	}
	
#hi2 #title {
	margin:0px 0px 0px 32px; 
	padding:0px; 
	line-height:4em;
	}
	
#hi2 #title h1 {}

#hi2 #title .smaller {
	font-size:.55em; 
	color:#333333;
	}
	
#hi2 .spotlight {
	margin:0px 32px 0px 32px; 
	padding:0px; 
	width:900px;
	}
	
#hi2 .spotlight img {
	margin:0px 32px 0px 0px; 
	padding:0px;
	}
	
#hi2 .spotDesc {
	font-size:.75em; 
	line-height:1.3em; 
	margin-top:10px; 
	margin-bottom:-10px;
	display:block;
	}
	
#hi2 #videoSearch {
	position:absolute; 
	left:780px;
	top:203px;  
	width:180px; 
	height:50px; 
	z-index:32; 
	font-size:.7em; 
	margin:0px; 
	padding:0px;
	}
	
#hi2 #videoSearch .site {
	margin:0px; 
	padding:0px;
	}
	
#hi2 #videoSearch #btnG {
	font-size:.85em;
	}
	
#hi2 #videoSearch #q {
	font-size:.85em;
	}

#mid {
	width:100%;
	margin:0px;
	padding:0px;
	min-width:980px;
	background-color:#FFFFFF;
	}

#mid #nav1 {
	margin:0px;
	padding:0px;
	}

#mid #nav2 {
	padding:0px;
	margin:0px;
	}

#mid #nav3 {
	margin:0px;
	padding:0px;
	}

#mid #content {
	margin:0px 32px 20px 24px;
	padding:8px 0px 16px 0px;
	width:930px;
	}

#mid #content h1 { }

#mid #content h2 {
	font-size:0.8em; 
	padding:0px 8px 0px 8px; 
	margin-top:0px; 
	line-height:1.7em;
	}

#mid #content p {
	padding:0px 8px 0px 8px; 
	font-size:.85em;
	}
#mid #content a {
	color:#133B64;
	}
	
#mid #content a:link {
	text-decoration:none;
	}
	
#mid #content a:visited {
	text-decoration:none;
	}
	
#mid #content a:hover {
	text-decoration:underline;
	}
	
#mid #content a:active {
	text-decoration:underline;
	}
	
#mid #content ul { 
	list-style-type:none; 
	margin:0px; 
	padding:0px 8px 0px 8px;
	}
	
#mid #content li { 
	font-size:.85em; 
	margin:0px; 
	padding:0px 0px 4px 0px;
	}
	
#mid #content table {
	margin:0px; 
	padding:0px;
	}
	
#mid #content tr {
	margin:0px; 
	padding:0px;
	}
	
#mid #content td {
	margin:0px; 
	padding:0px;
	}
	
#mid #content .subText {
	color:#660000; 
	font-size:.9em;
	}
	
#mid #content .spotlight {
	text-align:center; 
	margin:0px 8px 0px 8px; 
	padding:0px 0px 0px 0px;
	}
	
#mid #content .spotlight img {
	width:250px; 
	border:1px solid #999999;
	padding:0px; 
	margin:0px 0px 10px 0px;
	}
	
#mid #content .spotlight h3 {
	font-weight:bold; 
	font-size:.8em; 
	margin:0px; 
	padding:0px;
	}
	
#mid #content .spotlight h3 a {
        color:#993333;
        }

#mid #content .spotlight .smaller {
        font-size:.8em;
	}
	
#mid #content .spotlight p {
        margin:0px; 
	padding:5px 8px 0px 0px; 
	font-size:.75em;
	}
	
#mid #content .spotlight .viewnow {
	width:82px; 
	margin:10px; 
	padding:0px; 
	border:none;
	}
	
#mid #content .RSS {
	margin:0px 8px 20px 8px; 
	padding:8px 0px 0px 0px; 
	border-top:1px solid #999999; 
	font-size:.9em;
	}
	
#mid #content .RSS ul { 
	margin-left:8px; 
	color:#660000;
	}
	
#mid #content .RSS a:link {
	color:#333333;
	}
	
#mid #content .RSS a:visited {
	color:#333333;
	}
	
#mid #content .RSS a:hover {
	color:#660000;
	}
	
#mid #content .RSS a:active {
	color:#660000;
	}
	
#mid #content .rightBorder {
	border-right:1px solid #000000;
	}
#mid #content .leftBorder {
	border-left:1px solid #000000;
	}
	
#mid #content .heading {
	border-right:1px solid #000000; 
	line-height:1.3em; 
	padding:0px 8px 0px 8px; 
	margin:0px 0px 0px 0px;
	}
	
#mid #content .techTV {
	padding:0px; 
	margin:0px 5px 0px 0px; 
	border-right:1px solid #000000;
	}
	
#mid #content .ocw {
	padding:0px; 
	margin:0px 5px 0px 5px; 
	border-right:1px solid #000000;
	}
	
#mid #content .MITWorld {
	padding:0px; 
	margin:0px 0px 0px 5px;
	}
	
#mid #content .infoText {
	padding:10px 0px 0px 0px; 
	margin:10px 8px 0px 8px; 
	border-top:1px solid #999999;
	}
	
#mid #content .infoText ul {margin:0px; padding:0px;}
	
#mid #content .infoLogo {
	padding:0px 0px 0px 10px; 
	margin:0px 8px 0px 0px;
	}
	
#mid #content .infoLogo img {
	border:none; 
	padding:0px; 
	margin:0px 0px 0px 0px;
	width:175px;
	}
	
#mid #content .infoLogo .center {
	text-align:center;
	margin:0px;
	padding:0px;
	}
	
#mid #content .infoLogo .center img {
	border:none; 
	padding:0px; 
	margin:0px 0px 0px 0px;
	}
	
	
/* #mid #content .infoLogo a {font-size:.8em;} */
#mid #content .infoLogo p {
	font-size:.8em;
	margin:.5em 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
#mid #content .smaller {
	font-size:.9em;
	}

/* TechTV RSS Feed CSS */
/* If you adjust this, check to see if you need to adjust the other columns */
#mid #content #TechTVRSS {
	margin:0px 5px 0px 5px; 
	padding:0px;
	}
	
#mid #content #TechTVRSS h1 {
	border-top:1px solid #999999;
	font-size:1.1em;
	padding-top:10px;
	margin: 5px 5px 20px 5px;
		}
	
#mid #content #TechTVRSS .RSSitem {
	display:block; 
	margin:10px 0px 10px 0px; 
	padding:0px 0px 10px 0px;
	/* border-bottom:1px solid #cad5e7; */
	_height:70px;
	min-height:70px;
	}
	
#mid #content #TechTVRSS .RSSitem a { 
	color:#133b64;
	}
	
#mid #content #TechTVRSS .RSSitem img { 
	width:85px;
	height:60px;
   border:1px solid #999999;
	float:left;
	margin:0px 5px 5px 0px;
	padding:0px;
	}
	
#mid #content #TechTVRSS .RSSitem h2 {
	line-height:1.1em;
	font-size:0.8em;
	margin:0px 5px 0px 100px;
	padding:3px 0px 0px 0px;
	background-color:#ffffff;
	}
	
#mid #content #TechTVRSS .RSSitem p {
	margin:4px 5px 0px 100px;
	padding:0px 0px 0px 0px;
	font-size:.6em;
	color:#666666;
	}
	
/* MITWorld RSS Feed CSS */
/* If you adjust this, check to see fi you need to adjust the other columns */

#mid #content #MITWorldRSS {
	margin:0px 5px 0px 5px; 
	padding:0px;
	}
	
#mid #content #MITWorldRSS h1 {
	border-top:1px solid #999999;
	font-size:1.1em;
	padding-top:10px;
	margin: 5px 5px 20px 5px;
		}
		
#mid #content #MITWorldRSS img {}
	
#mid #content #MITWorldRSS .RSSitem {
	display:block; 
	margin:10px 0px 10px 0px; 
	padding:0px 0px 10px 0px;
	/* border-bottom:1px solid #cad5e7; */
	_height:70px;
	min-height:70px;
	}
	
#mid #content #MITWorldRSS .RSSitem a { 
	color:#133b64;
	}
	
#mid #content #MITWorldRSS .RSSitem img { 
	width:60px; 
	border:1px solid #999999;
	float:left;
	margin:0px 5px 5px 0px;
	padding:0px;
	}
	
#mid #content #MITWorldRSS .RSSitem h2 {
	line-height:1.1em;
	font-size:.8em;
	margin:0px 5px 0px 80px;
	padding:3px 0px 0px 0px;
	background-color:#ffffff;
	}
	
#mid #content #MITWorldRSS .RSSitem p {
	margin:4px 5px 0px 80px;
	padding:0px 0px 0px 0px;
	font-size:.6em;
	color:#666666;
	}
	
/* OCW RSS Feed CSS */
/* If you adjust this, check to see fi you need to adjust the other columns */
#mid #content #OCWRSS {
	margin:0px 5px 0px 5px; 
	padding:0px;
	}
	
#mid #content #OCWRSS h1 {
	border-top:1px solid #999999;
	font-size:1.1em;
	padding-top:10px;
	margin: 5px 5px 20px 5px;
		}
		
#mid #content #OCWRSS img {}
	
#mid #content #OCWRSS .RSSitem {
	display:block; 
	margin:10px 0px 10px 0px; 
	padding:0px 0px 10px 0px;
	/* border-bottom:1px solid #cad5e7; */
	_height:70px;
	min-height:70px;
	}
	
#mid #content #OCWRSS .RSSitem a { 
	color:#133b64;
	}
	
#mid #content #OCWRSS .RSSitem img { 
	width:60px;
        border:1px solid #999999;
	float:left;
	margin:0px 5px 5px 0px;
	padding:0px;
	}
	
#mid #content #OCWRSS .RSSitem h2 {
	line-height:1.1em;
	font-size:.8em;
	margin:0px 5px 0px 80px;
	padding:3px 0px 0px 0px;
	background-color:#ffffff;
	}
	
#mid #content #OCWRSS .RSSitem p {
	margin:4px 5px 0px 80px;
	padding:0px 0px 0px 0px;
	font-size:.6em;
	color:#666666;
	}

#lo1 {
	width:100%;
	margin:0px;
	padding:0px;
	}

#lo2 {
	width:100%; 
	margin:0px; 
	padding:8px 0px 16px 0px;
	}
	
#lo2 #footer { 
	margin:0px 0px 0px 32px; 
	padding:0px; 
	position:relative; 
	z-index:1;	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;	
	color: #363636;	
	line-height: 13px; 
	width:930px;
	}
	
#lo2 #footer a {}

#lo2 #footer a:link {
	text-decoration:none;
	}
	
#lo2 #footer a:visited {
	text-decoration:none;
	}
#lo2 #footer a:hover {
	text-decoration:underline;
	}
	
#lo2 #footer a:active {
	text-decoration:underline;
	}
	
#lo2 #footer .footerMIT { 
	vertical-align:top; 
	margin:0px; 
	padding:0px; 
	width:274px;
	}
	
#lo2 #footer .footerAddress { 
	vertical-align:top; 
	margin:0px; 
	padding:0px; 
	width:242px;
	}
	
#lo2 #footer .footerTel { 
	vertical-align:top; 
	margin:0px; 
	padding:0px; 
	width:158px;
	}
	
#lo2 #footer .footerAbout { 
	vertical-align:top; 
	margin:0px; 
	padding:0px; 
	width:116px;
	}
	
#lo2 #footer .footerContact { 
	vertical-align:top; 
	margin:0px; 
	padding:0px; 
	width:54px;
	}
	
#lo2 #footer .footerGraphic {
	margin:0px; 
	padding:0px; 
	width:60px;
	}
	
#lo2 #footer .footerGraphic a {
	text-decoration:none;
	}
	
#lo2 #footer .footerGraphic img {
	border:none; 
	margin-right:32px; 
	margin-left:0px;
	}