/* Massachusetts Institute of Technology CSS Document */
/* Created October 2007 */

/* Begin Override and Normalize all browser defaults */
 html, head, body, 
 h1, h2, h3, h4, h5, h6, 
 div, span, p, blockquote, img, a,
 table, caption, tr, thead, th, tbody, td,
 ul, ol, li, label, form, input, ins {
	margin:0;
	padding:0;
	line-height:1em;
	font-size:1em;
	text-decoration:none;
	}
	  
img {
	border:none;
	}
	
/* End Override and Normalize Browser Defaults */

/* Page Width Control */
/* This div class controls the default width of the page */
.widthContainer {
	width:950px;
	margin:0px;
	padding:0px 0px 0px 30px;
	color: #FFFFFF;
	}
	
.floatRight { text-align:right;}

.tocaps {text-transform:uppercase;}
.caps {text-transform:none;}
/* End Page Width Control */

.pspace{padding-left: 1px; padding-right: 1px;}

/* Begin global controls */
/* These elements control all of the page's elements unless overridden within the named spaces */
html {}
body {
	font-family:Arial, Helvetica, sans-serif;
	line-height: 10px;
	font-size: 10px;
	background-color: #ffffff; 
	background-image: url(../img/variation/birdsong-bg.gif);
	background-repeat: repeat-x;
	height:100%;
	min-width:998px;
	}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
p {}
ul {}
ol {}
li {}
a {}

a:link { 
	text-decoration:none;
	}
	
a:visited {
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	}
	
a:active {
	text-decoration:underline;
	}

/* End Global Controls */

/* Begin Named Spaces Overrides */


#topBar {
	position: relative;
	z-index: 5;
	margin:0px;
	padding:12px 0px 0px 0px;
	text-transform:lowercase;
	height:12px;
	left: 30px;
	font-size:12px;
	color: #CCCCCC;
		}

#topBar h1 {
	color: #CCCCCC;
}
#topBar h2 {}
#topBar h3 {}
#topBar h4 {}
#topBar h5 {}
#topBar p {}
#topBar ul {}
#topBar ol {}
#topBar li {}
#topBar label {}
#topBar a {}
#topBar a:link {
	color: #CCCCCC;
}
#topBar a:visited {
	color: #999999;
}
#topBar a:hover {}
#topBar a:active {}

#topBar #skiplinks {
	display:none;
	}

#topBar #skiplinks a {font-size:12px;}

#topBar ul {list-style-type:none;}

/* Begin Date Area Override */ 	

#topBar #date {
	margin:0px 0px 0px 1px;
	padding:0px;
	float:left;
	}

#topBar #date a {
	font-size:12px;
	color: #CCCCCC;
	}

#topBar #date a:active {
	color: #CCCCC;
	}


/* End Date Area Override */	

/* Begin Header Area Override */	
#header {
	max-height: 12px;
	height: 12px;
	position: relative;
	z-index: 5;
	margin:0px;
	padding:10px 0px 0em 0px;
	text-transform:lowercase;
	color: #FFFFFF;
		}

#header h1 {
	font-size:12.5px;
	font-weight:heavy;
	color: #FFFFFF;
	}
#header h2 {}
#header h3 {}
#header h4 {}
#header h5 {}
#header p {}
#header ul {}
#header ol {}
#header li {}
#header img {
	margin:0px 10px 0px 0px;
	padding:0px;
	border:none;
	}
#header a {
	font-size:12px;
	color: #FFFFFF;
}
#header a:link {color: #383844;}
#header a:visited {color: #383844;}
#header a:hover {color: #383844;}
#header a:active {color: #383844;}
/* End Header Area Override */

/* Begin Content Area Override */	
#content {
        margin:0px;
        padding:0px;
        min-height: 400px;
        min-width: 980px;
			}
		
#content .widthContainer {
	padding-left: 0px;
	width: 980px;
	overflow:hidden;
	color: #FFFFFF;
	}
		
#content h1 {}
#content h2 {}
#content h3 {}
#content h4 {}
#content h5 {}
#content p {}
#content ul {}
#content ol {}
#content li {}
#content label {}
#content a {}
#content a:link {}
#content a:visited {}
#content a:hover {}
#content a:active {}
#content img {border:none;}

/* Begin Spotlight Image Area Override */
#content #spotImage1 {
	margin:0px;
	padding:0px;
	position:absolute;
	left:0px;
	top:58px;
	width:980px;
	height:430px;
	z-index:2;
	}
#content #spotImage1 h1 {}
#content #spotImage1 h2 {}
#content #spotImage1 h3 {}
#content #spotImage1 h4 {}
#content #spotImage1 h5 {}
#content #spotImage1 p {}
#content #spotImage1 ul {}
#content #spotImage1 ol {}
#content #spotImage1 li {}
#content #spotImage1 label {}
#content #spotImage1 a {
}
#content #spotImage1 a:link {
}
#content #spotImage1 a:visited {

}
#content #spotImage1 a:focus {

}
#content #spotImage1 a:hover {

}
#content #spotImage1 a:active {}
#content #spotImage1 img { border:none;	}
/* End Spotlight Image Area Override */	

#content #spotImage2 {
	margin:0px;
	padding:0px;
	position:absolute;
	left:917px;
	top:465px;
	z-index:2;
	}


/* Navigation and Search Container */
#content #navAndSearch {
	text-transform:lowercase;
	width:265px;
	z-index:5;
	color: #FFFFCC;
		margin: 0em 0px 10px 17px;
	   	float:left;
		position:relative;
		padding-top: 20px;
		padding-right: 14px;
		padding-bottom: 0px;
		padding-left: 13px;
		}

#content #navAndSearch a:link {
	color: #FFFFCC;
	}
#content #navAndSearch a:visited {
	color: #999999;
	}
#content #navAndSearch a:active {
	text-decoration: underline;
	color: #f14931;
	}
#content #navAndSearch a:hover {
	text-decoration: underline;
	color: #f14931;
	}
	
#content #navAndSearch .inline {display:inline;}

/* Begin Navigation Area Override */
#content #navAndSearch #nav  {
	margin:0px 0px 0px 0px;
	padding:0px;
	}
	
#content #navAndSearch #nav  h1 {}
#content #navAndSearch #nav  h2 {}

#content #navAndSearch #nav .navtitle {
        color: #e1874f;     
		font-size:14px; 
		font-weight:bold;
 }

#content #navAndSearch #nav  h3 {}
#content #navAndSearch #nav  h4 {}
#content #navAndSearch #nav  h5 {}
#content #navAndSearch #nav  p {}
#content #navAndSearch #nav  ul {
	list-style-type:none;
	}

#content #navAndSearch #nav ol {}
#content #navAndSearch #nav li {
		margin-bottom: 10px;}
	
#content #navAndSearch #nav .subNavList {margin-top:3px;}
#content #navAndSearch #nav .subNav {
	display:inline;
	font-weight:normal;
	font-size:12px;
	}
#content #navAndSearch #nav  label {}
#content #navAndSearch #nav  a {}
#content #navAndSearch #nav  a:link {}
#content #navAndSearch #nav  a:visited {}
#content #navAndSearch #nav  a:hover {}
#content #navAndSearch #nav  a:active {}

#content #navAndSearch #nav .caps {text-transform:none;}
/* End Navigation Area Override */	


/* Begin Search Area Override */
#content #navAndSearch #search {
	margin:0px;
	padding:0px;
	}
	
#content #navAndSearch #search h1 {
	margin-top:.7em;
	margin-bottom:.7em;
	}
#content #navAndSearch #search h2 {}
#content #navAndSearch #search h3 {}
#content #navAndSearch #search h4 {}
#content #navAndSearch #search h5 {}
#content #navAndSearch #search p {}
#content #navAndSearch #search ul {}
#content #navAndSearch #search ol {}
#content #navAndSearch #search li {}
#content #navAndSearch #search label {}
#content #navAndSearch #search a {}
#content #navAndSearch #search a:link {}
#content #navAndSearch #search a:visited {}
#content #navAndSearch #search a:hover {}
#content #navAndSearch #search a:active {}
#content #navAndSearch #search label {
	text-decoration:none;
	margin-right:.3em;
	font-size:1.1em;
	}
#content #navAndSearch #search input {
	vertical-align:middle;
	margin-right:.3em;
	}
#content #navAndSearch #search ins {
	line-height:1em;
	vertical-align:middle;
	}
	
#content #navAndSearch #search #searchBox {
	margin-top:.5em;
	width:170px;
	font-size:1.2em;
	height:1.3em;
	border:1px solid #999999;
	}

#content #navAndSearch #search #gobut {
	font-size:1em;
	padding:1px;
	margin-top:.5em;
	margin-left:-.3em;
	}
/* End Search Area Override */


#content #newsAndEvents {
	margin: 10px 17px 0px 10px;
	z-index:5;
	color: #FFFFCC;
	width:250px;		
	   
	float:right;
	position:relative;
	padding-top: 14px;
	padding-right: 14px;
	padding-bottom: 12px;
	padding-left: 14px;
		}
	
#content #newsAndEvents h3 {
	font-size: 12px;
	}

#content #newsAndEvents h3 a:link {
		color: #e1874f;
	}	

#content #newsAndEvents h3 a:visited {
		color: #e1874f;
	}

#content #newsAndEvents ul {
	margin:0px 0px 0px 0em;
	list-style-type: none;
	}
	
#content #newsAndEvents li {
	line-height:12px;
	/* margin-top: 12px; */
	margin-top: 9px;
	margin-bottom: 0;
	font-size:12px;
	margin-left:0px;
	}
	
#content #newsAndEvents p {
	/* line-height:1.5em; */
	margin-top: 12px;
	margin-bottom:0px;
	font-size:12px;
	}
#content #newsAndEvents a:link {
	color: #FFFFCC;
	}
#content #newsAndEvents a:visited {
	color: #999999;
	}
#content #newsAndEvents a:active {
	text-decoration: underline;
	color: #f14931;
	}
#content #newsAndEvents a:hover {
	text-decoration: underline;
	color: #f14931;
	}
	
#content #newsAndEvents .inline {display:inline;}

/* Begin News Area Override */
#content #newsAndEvents #news {
	margin-top: 0em; 
	margin-right: 0px; 
	margin-bottom: 20px;
	margin-left: 0px;
	padding:0px;
	}
	
#content #newsAndEvents #news h1 {}
#content #newsAndEvents #news h2 {}
#content #newsAndEvents #news h3 {}
#content #newsAndEvents #news h4 {}
#content #newsAndEvents #news h5 {}
#content #newsAndEvents #news p {}
#content #newsAndEvents #news ul {}
#content #newsAndEvents #news ol {}
#content #newsAndEvents #news li {}
#content #newsAndEvents #news label {}
#content #newsAndEvents #news a {}
#content #newsAndEvents #news a:link {}
#content #newsAndEvents #news a:visited {}
#content #newsAndEvents #news a:hover {}
#content #newsAndEvents #news a:active {}
/* End News Area Override */
	
/* Begin Events Area Override */
#content #newsAndEvents #events {
	margin:0px;
	padding:0px;
	margin-bottom: 20px;
	/* uncomment the following code to specify the exact location of the events DIV */
	/* position:absolute; */
	/* top:30em; */
	/* left:400px; */
	
	}
#content #newsAndEvents #events h1 {}
#content #newsAndEvents #events h2 {}
#content #newsAndEvents #events h3 {}
#content #newsAndEvents #events h4 {}
#content #newsAndEvents #events h5 {}
#content #newsAndEvents #events p {}
#content #newsAndEvents #events ul {}
#content #newsAndEvents #events ol {}
#content #newsAndEvents #events li {}
#content #newsAndEvents #events label {}
#content #newsAndEvents #events a {}
#content #newsAndEvents #events a:link {}
#content #newsAndEvents #events a:visited {}
#content #newsAndEvents #events a:hover {}
#content #newsAndEvents #events a:active {}
#content #newsAndEvents #events .eventDate {font-style:italic;}
/* End Events Area Override */	


#content #canvas {}
#content #canvas a {}
#content #img {}

#content #leftbar {
  display: none;
}

#rightbar {
  display: none;
}

/* End Content Area Override */

/* Begin Footer Area Override */
#footer {
	position: relative;
	z-index: 5;
	margin:0px;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0em;
	padding-left: 0px;
	text-transform:lowercase;
	color: #CCCCCC;
		}
#footer h1 {}
#footer h2 {}
#footer h3 {}
#footer h4 {}
#footer h5 {
	font-size:1.2em;
	font-weight:normal;
	}
#footer p {}
#footer ul {}
#footer ol {}
#footer li {}
#footer label {}
#footer td {
	vertical-align:top;
	text-align:left;
	margin:0px;
	padding:0px;
	line-height:1em;
	}
	
#footer a {
	line-height:1.2em; 
	color: #737373;
	}
	
#footer a:link {
	color: #CCCCCC;
}
#footer a:visited {
	color: #999999;
}
#footer a:hover {}
#footer a:active {}
#footer #footerMIT {
	width:220px; /* default 290px */
	}
#footer #footerAddress {
	width:280px; /* default 240px */
	}
#footer #footerTelephone {
	width:250px; /* default 173px */
	}
#footer #footerAbout {
	width:180px; /* default 180px */
	}
/* End Footer Area Override */