/**************************************************
	Website Development by M2Technology - 2008
	http://www.m2technology.com
/*************************************************/

body {
	margin:0;
	padding:0;
	background-color: #fff;
}

/**************************************************
	LAYOUT
/*************************************************/

#header {
	margin: 20px auto 15px;
	padding: 0;
	width: 755px;
	height: 98px;
	background: #f8981c url(../images/mit-header.gif) no-repeat;
}
#wrapper { 
	margin: 0 auto;
	width: 755px;
	background:url(../images/bg-page.gif) repeat-y;
}

#menu {
	height:43px;
	width: 555px;
}
#leftcolumn { 
	margin: 0 0 15px 0;
	padding: 0;
	width: 555px;	
	float: left;
}
#content { 
	margin:0 0 75px 0;
	padding: 0;
	width: 100%;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height:20px;
}
#mitsponsors { 
	margin: 10px 0 0 0;
	padding: 0;
}
#rightcolumn { 
	margin: 0 0 15px 15px;
	padding: 0px;
	width: 185px;
	float: right;
	display: inline;
}
#footer { 
	margin: 10px 0 10px 0;
	padding: 0;
	clear: both;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-align:left;
}

/**************************************************
	MENU
/*************************************************/

#menu {
	margin:0 0 60px -8px;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	}

/* Styling */
#menu {
	width:555px; 
	height:25px; 
	background:#fff; 
	position:relative;
	}
#menu .select, 
#menu .current {
	margin:0; 
	padding:0; 
	list-style:none;
	font-weight:bold;
	letter-spacing:-.2px;
	}
#menu li {
	display:inline; 
	margin:0; 
	padding:0; 
	height:auto;
	}
#menu .select a,
#menu .current a {
	display:block; 
	height:25px; 
	float:left; 
	background:#fff; 
	padding:0 7px 0 7px; 
	text-decoration:none; 
	font-size:12px; 
	line-height:25px; 
	white-space:nowrap; 
	border-right:1px solid #fff; 
	color:#acacac;
	}
* html #menu .select a, 
* html #menu .current a {
	width:1px; height:21px;
	}

#menu .select a:hover, 
#menu .select li:hover a {
	background:#fff url(../images/menu-hover.gif) 50% 100% no-repeat; 
	cursor:pointer; 
	color:#f8981c;
	}
#menu li.single a:hover {
	background:none;
	}
#menu .sub {
	display:none;
	}
/* for IE5.5 and IE6 only */
#menu table {
	position:absolute; 
	border-collapse:collapse; 
	left:0; 
	top:0;
	}

#home .home a,
#about .about a,
#attend .attend a,
#participate .participate a,
#sponsor .sponsor a,
#network .network a,
#resources .resources a,

#menu .current a {
	background:#fff; 
	color:#f8981c;
	}
#menu .sub li a:hover, 
#menu .select a:hover .sub li a:hover, 
#menu .select li:hover .sub li a:hover {
	background:#fff; 
	color:#f8981c;
	}
#menu .sub_active .current_sub a, 
#menu .sub_active a:hover {
	background:#fff; 
	color:#acacac;
	}
#menu .select li a:hover .sub, 
#menu .select li:hover .sub {
	display:block; 
	position:absolute; 
	width:555px; 
	top:24px; 
	left:0; 
	background:#fff; 
	margin:0 0 0 7px; 
	padding:0; 
	z-index:100; 
	color:#acacac; 
	font-size:12px;
	border-top:1px solid #f8981c;
	}
#menu .sub, 
#menu .sub_active {
	margin:0; 
	padding:0; 
	list-style:none;
	}
#menu .sub_active {
	display:block; 
	position:absolute; 
	width:555px; 
	top:25px; 
	left:0; 
	background:#fff; 
	margin-top:0; 
	padding:0; 
	z-index:10;
	}
* html #menu .sub_active, 
* html #menu .select a:hover .sub {
	z-index:-1; 
	margin-top:0; 
	margin-t\op:1px;
	}
#menu .sub_active a {
	height:26px; 
	text-decoration:none; 
	line-height:20px; 
	white-space:nowrap; 
	display:block; 
	float:left; 
	background:#fff; 
	padding:5px 10px 10px 10px; 
	margin:0; 
	font-size:12px; 
	white-space:nowrap; 
	border:0; 
	color:#acacac;
	}
#menu .select a:hover .sub li a, 
#menu .select li:hover .sub li a {
	display:block; 
	background:#fff; 
	padding:5px 10px 10px 10px; 
	margin:0; 
	white-space:nowrap; 
	border:0; 
	color:#acacac; 
	font-size:12px;
	}

/**************************************************
	MENU - Past Events
/*************************************************/

#menu-past-events {
	margin:0;
	padding:0;
	}
#menu-past-events ul {
	margin:20px 0 40px 0;
	padding:0;
	list-style: none;
	list-style-type: none;
	font-size:15px;
	}
#menu-past-events li {
	display:inline;
	}
#menu-past-events ul li a {
	margin:0;
	padding:10px 15px;
	background-color:#f5f5f5;
	text-decoration: none;
	font-weight:bold;
	}
#menu-past-events ul li a:hover, #menu-past-events ul li a.selected {
	background-color:#f8981c;
	color:#FFF;
	}	

/**************************************************
	CONTENT
/*************************************************/

#contentbody {
	margin:0 0 75px 0;
	}
p.forumintro {
	margin:0 0 0 75px;
	font-size:10px;
	line-height:12px;
	color:#898989;
}	
#content h3.panelists {
	margin:6px 0 8px 0;
	padding:0;
	clear:both;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#f59922;
}
h1 {
	margin:20px 0 20px 0;
	padding:0;
	clear:both;
	font-size:14px;
}
h3 {
	margin:20px 0 0 0;
	padding:0;
	clear:both;
	font-size:14px;
}
#content h3.current-sponsors {
	margin:20px 0 20px 0;
	padding:5px 0 0 0;
	clear:both;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#f8981c;
	border-top: 2px solid #ebebeb;
}
#content h2,
#mitsponsors h2 {
	margin:0;
	padding:0;
	height:25px;
	clear:both;
	font-size:10px;
}
#content h3.leadership {
	width:550px;
	margin:20px 0 8px 0;
	padding:5px 0 0 0;
	clear:both;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#f8981c;
	border-top: 2px solid #ebebeb;
}

#mitsponsors h2.sponsors {
	background:url(../images/h2/h2-content-sponsors.gif) bottom left no-repeat;
	border-top: 2px solid #ebebeb;
}
#content h2.about {
	background:url(../images/h2/h2-content-about.gif) top left no-repeat;
}
#content h2.history {
	background:url(../images/h2/h2-content-history.gif) top left no-repeat;
}
#content h2.leadership {
	background:url(../images/h2/h2-content-leadership.gif) top left no-repeat;
}
#content h2.presenters {
	background:url(../images/h2/h2-content-presenters.gif) top left no-repeat;
}
#content h2.panelists {
	background:url(../images/h2/h2-content-panelists.gif) top left no-repeat;
}
#content h2.chapters {
	background:url(../images/h2/h2-content-chapters.gif) top left no-repeat;
}
#content h2.faqs {
	background:url(../images/h2/h2-content-faqs.gif) top left no-repeat;
}
#content h2.programs {
	background:url(../images/h2/h2-content-programs.gif) top left no-repeat;
}
#content h2.directions {
	background:url(../images/h2/h2-content-directions.gif) top left no-repeat;
}
#content h2.solutions-for-society {
	background:url(../images/h2/h2-content-solutions-for-society.gif) top left no-repeat;
}
#content h2.participate {
	background:url(../images/h2/h2-content-participate.gif) top left no-repeat;
}
#content h2.sponsor {
	background:url(../images/h2/h2-content-sponsor.gif) top left no-repeat;
}
#content h2.current-sponsors {
	background:url(../images/h2/h2-content-current-sponsors.gif) top left no-repeat;
}
#content h2.sponsorship-levels {
	background:url(../images/h2/h2-content-sponsorship-levels.gif) top left no-repeat;
}
#content h2.become-a-sponsor {
	background:url(../images/h2/h2-content-become-a-sponsor.gif) top left no-repeat;
}
#content h2.past-programs {
	background:url(../images/h2/h2-content-past-programs.gif) top left no-repeat;
}
#content h2.current-season,#content h2.past-seasons  {
	/* background:url(../images/h2/h2-content-current-season.gif) top left no-repeat; */
	margin:0;
	padding:0;
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #ff9900;
	text-transform:uppercase;
	letter-spacing:-0.1px;
}

#content h2.required {
	background:url(../images/h2/h2-content-required.gif) top left no-repeat;
}

/**************************************************
	RIGHT COLUMN BLOCKS
/*************************************************/


#rightcolumn .block {
	margin:0 0 3px 0;
	padding: 15px 15px 8px 15px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	line-height:16px;
	border-bottom:3px solid #fff;
}	
/* #rightcolumn .block h2 {
	margin:0 0 10px 0;
	padding:0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #f8981c;
	text-transform:uppercase;
	letter-spacing:-0.2px;
} */
#rightcolumn .block h2 {
	margin:0;
	padding:0;
	height:25px;
	clear:both;
	font-size:10px;
}
#rightcolumn .block h3 {
	margin:0 0 10px 0;
	padding:0;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000;
	text-transform:uppercase;
	letter-spacing:-0.1px;
}
#rightcolumn .block h4 a,
#events h4 a,
h4 a {
	border:0;
	padding: 0 0 0 15px;
	background:url(../images/arrow-link.gif) left no-repeat;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#000;
	font-size:11px;
	letter-spacing:-0.1px;
}
#rightcolumn .block h4 a:hover,
#events h4 a:hover,
h4 a {
	text-decoration:underline;
}
#rightcolumn .block .arrowdiv {
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	background:url(../images/arrow-link.gif) left no-repeat;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	font-size:11px;
	letter-spacing:-0.1px;
}
#rightcolumn .block .arrowdiv a{
	text-decoration:underline;
	color:#000;
}
#rightcolumn .block .arrowdiv a:hover{
	text-decoration:none;
}
.block h2.contact {
	background:url(../images/h2/h2-block-contact.gif) top left no-repeat;
}
.block h2.connected {
	background:url(../images/h2/h2-block-connected.gif) top left no-repeat;
}
.block h2.nextevent {
	background:url(../images/h2/h2-block-nextevent.gif) top left no-repeat;
}
.block h2.portal {
	background:url(../images/h2/h2-block-portal.gif) top left no-repeat;
}


/**************************************************
	CONTENT BLOCKS
/*************************************************/


#index-block-left {
	width:293px;
	/* height:185px; */
	background:url(../images/bg-index-block-left.gif) top left no-repeat;
	float: left;
}
#index-block-left h2{
	margin:18px 0 10px 69px;
	padding:0;
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:26px;
	color: #7c7c7c;
	text-transform:uppercase;
	letter-spacing:-0.1px;
}
#index-block-right {
	width:262px;
	/* height:185px; */
	background:url(../images/bg-index-block-right.gif) 0 60px no-repeat;
	padding-bottom:20px;
	float:right;
}
#index-block-right img {
	float:left;  
	padding-left:12px;
}

#content-block-left {
	width:278px;
	float: left;
}
#content-block-left h2{
	margin:18px 0 10px 69px;
	padding:0;
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:26px;
	color: #7c7c7c;
	text-transform:uppercase;
	letter-spacing:-0.1px;
}
#content-block-right {
	width:277px;
	float:right;
}
#content-block-right img {
	float:left;  
	padding-left:12px;
}


/**************************************************
	FAQS & BIOS
/*************************************************/


.gray {
	color: #808281;
	}
.orange {
	color: #f8981c;
	font-size:12px;
	}

#tipscolumn {
	width:275px;
	float:left;
}
#tipscolumn ul{
	margin:0;
	padding:0;
}
#tipscolumn ul li{
	margin:0;
	padding:0 0 30px 0;
	list-style-type:none;
}
#tipscolumn li a {
	color: #000;
	text-decoration:none;
	display:block;
}
/* TIPS Active */
#tipscolumn .cluetip-clicked {
	color: #f8981c;
	text-decoration:none;
}
#tipscolumn li a:hover,
#tipscolumn li .faqs a:hover {
	color: #f8981c;
	text-decoration:none;
}
#faqscontent {
	/* margin-top:-5000px; <<< DISABLED */
	overflow:auto;
}

.biolink a{
	color:#000;
}
.biolink a:hover {
	color:#f8981c;
}

span.biolink {
	border:0;
	margin:0;
	display:block;
	padding: 0 0 0 15px;
	background:url(../images/arrow-link.gif) left no-repeat;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
	letter-spacing:-0.1px;
}
span.biolink a:hover{
	color:#ff9900;
	}
.bioimg {
	float:left;
	margin:0 10px 10px 0;
	padding:3px 0 0 0;
	border:none;
	}
	
	
/**************************************************
	EVENTS
/*************************************************/


.eventpopup {
	font-size:11px;
	line-height:17px;
}

#events,
#past-events {
	padding-top:5px;
	margin:10px 0 0 0;
	} 
.event-wrapper {
	margin:0 0 30px 0;
	}
.events-left {
	width:30%;
	float:left;
	display:inline;
}
#events h2,
#past-events h2 {
	padding-top:5px;
	margin:0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#f8981c;
	font-weight:bold;
	border-top: 3px solid #ebebeb;
	text-transform:uppercase;
}
#events .events-left h3 {
	padding:0;
	margin:0 0 35px 0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#f8981c;
	text-transform:uppercase;
}
#events h3 {
	padding:0;
	margin:0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#f8981c;
	text-transform:uppercase;
}
#events .events-left h4 {
	padding:0;
	margin:0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
}
.events-right {
	width:65%;
	float:right;
	display:inline;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#808281;
	line-height:17px;
}
.past-events-left {
	width:25%;
	float:left;
	display:inline;
}
.past-events-right {
	width:70%;
	padding-left:23px;
	float:right;
	display:inline;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	line-height:18px;
	font-weight:bold;
}
#past-events h4 {
	margin:0 0 10px 0;
	padding:0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:normal;
}

#past-events h4 a {
	border:0;
	margin:15px 0 0 0;
	padding: 0 0 0 15px;
	background:url(../images/arrow-link.gif) left no-repeat;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#f8981c;
	font-size:12px;
	letter-spacing:-0.1px;
}
#past-events h4 a:hover {
	text-decoration:none;
	color:#000;
}

.minibio {
	padding:10px;
	background:#fff;
	font-weight:normal;
}

/**************************************************
	FOOTER
/*************************************************/

#footer ul{
	margin:0 0 15px 0;
	padding:0;
}
#footer li{
	display:inline; 
	text-decoration:none;
	margin:0 10px 0 0;
}
#footer a { 
	color: #666;
	text-decoration:none;
}
#footer a:hover { 
	text-decoration:underline;
}

/**************************************************
	MISC
/*************************************************/

.thirds {
	border:0;
	margin-right:10px;
	width:32%;
	float:left;
	display:inline;
	color:#808281;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
}
.thirds-last {
	border:0;
	margin:0;
	width:32%;
	float:left;
	display:inline;
	color:#808281;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
}
h4 {
	margin:0 0 5px 0;
	padding:0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#f8981c;
	font-weight:bold;
}
.black {
	color:#000;
	}
.grey {	
	font:11px Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
	color:#808281;
}
.thirds h3,
.thirds-last h3{
	margin:0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
}
.thirds ul,
.thirds-last ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height:17px;
}
.thirds ul li,
.thirds-last ul li{
	margin-bottom:3px;
	padding:0;
}
ul.presenters li {
	margin-bottom:13px;
	padding:0;
}
ul.current-sponsors li {
	margin-bottom:16px;
	padding:0;
}
ul.sponsorship-levels-ul li {
	margin-bottom:13px;
	padding:0;
}
#chapters ul li a{
	color:#808281;
	text-decoration:none;
}
#chapters ul li a:hover{
	color:#f8981c;
	text-decoration:underline;
}
.thirds-black {
	color:#000;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
.img-link {
	border:0;
}

p {
	margin:0 0 10px 0;
}
.spacer {
	clear:both;
}
.left {
	float:left;
}
span.hidden {
	visibility:hidden;
}	
#content a, 
#rightcolumn a { 
	color: #f8981c;
	text-decoration:underline;
}
#content a:hover,
#rightcolumn a:hover { 
	text-decoration:none;
}
ul.nobull {
	padding:0;
	margin:0 10px 40px 0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
}
ul.nobull li{
	list-style:none;
}

a {
	outline:none;
	}
	
/**************************************************
	ToolTips 
/*************************************************/

#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
  display:inline;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(../images/wait.gif);
}
#cluetip-extra {
  display: none;
}

/* MIT Styling */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #fff;
}
.cluetip-default h3#cluetip-title {
  margin: 0;
  padding: 8px 10px 8px 10px;
  font: 15px Verdana, Arial, Helvetica, sans-serif;
  color:#fff;
  background-color: #f8981c;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  line-height:19px;
}
.cluetip-default #cluetip-inner a {
  color:#f8981c;
  text-decoration:underline;
}
.cluetip-default #cluetip-inner a:hover {
  text-decoration:none;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* IE6 HasLayout hack */

.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}

/**************************************************
	Facebox - Directions
/*************************************************/

#facebox .b {
  background:url(../images/facebox/b.png);
}

#facebox .tl {
  background:url(../images/facebox/tl.png);
}

#facebox .tr {
  background:url(../images/facebox/tr.png);
}

#facebox .bl {
  background:url(../images/facebox/bl.png);
}

#facebox .br {
  background:url(../images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #ddd;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


/**************************************************
	Toggler
/*************************************************/


@media projection, screen {

.toggler {
	border:0;
	padding: 0 0 0 15px;
	background: url(../images/toggler/arrow-closed.gif) left no-repeat;
	color:#000;
	font-size:11px;
	letter-spacing:-0.1px;
	clear:both;
	}
.toggler-closed {
	background: url(../images/toggler/arrow-closed.gif) left no-repeat;
	font-weight:bold;
}
.toggler-closed:hover {
	background: url(../images/toggler/arrow-opened.gif) left no-repeat;
	font-weight:bold;
	text-decoration:underline;
}
.toggler-opened {
	background: url(../images/toggler/arrow-opened.gif) left no-repeat;
	font-weight:bold;
	text-decoration:underline;
}
.toggler-opened:hover {
	background: url(../images/toggler/arrow-closed.gif) left no-repeat;
	font-weight:bold;
	text-decoration:none;
}

/* Container - default style */

.toggler-c {
}
.toggler-c-closed {
	background:#f0f0f0;
	margin:5px 0 25px 0;
	padding:10px;
}
.toggler-c-opened {
	background:#f0f0f0;
	margin:5px 0 25px 0;
	padding:10px;
}

}

/* Print */
@media print {

	.toggler-c { margin-bottom:25px; }
	.toggler { display: none; }

}