
/* MIT Medical health@mit Style Sheet -------------------------------------*/


/* html elements  -------------------------------------------------------- */
body {
	margin:0px;
	font-family: 'Lucida Grande', Lucida, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#000;
	background-color:#EDEDEC;
}

a:link {text-decoration:underline;color:#6699CC;}
a:visited {text-decoration:underline;color:#879BB1;}
a:active {text-decoration:underline;color:#005BC0;}
a:hover {text-decoration:underline;color:#005BC0;}

p {
	font-size:12px;
	margin-top:10px;
	margin-bottom:0px;
}

/* subhead */
h1 {
	color:#6699CC;
	font-size:27px;
	line-height:27px;
	margin:0px;
	font-weight:normal;
}

h1 a:link {text-decoration:none;color:#6699CC;}
h1 a:visited {text-decoration:none;color:#879BB1;}
h1 a:active {text-decoration:none;color:#005BC0;}
h1 a:hover {text-decoration:none;color:#005BC0;}

h2 {
	color:#6699CC;
	font-size:16px;
	line-height:16px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:-10px;
}

h3 {
	color:#4D5B8D;
	text-transform:uppercase;
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:-10px;
}

h4 {
	color:#4D5B8D;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:-10px;
}

h5 {
	color:#4D5B8D;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:-10px;
}

h6 {
	color:#999;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:-10px;
}

form {
	margin:0;
	padding:0;
}

input {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
}


hr {
	color:#A1A1A1;
	margin:0px;
	clear:both;
}

.inline {
	display:inline;
	margin:0px;
}

.skiplink {
	position: absolute;
	left: -1000px;
}

/*   list styles ---------------------------------------------------------------- */
ul {
	margin-left:16px;
	padding-left:16px;
}

ul li {
	font-size:12px;
	line-height:16px;
	padding-top:2px;
	list-style-type:disc;
}

ol {
	margin-left:16px;
	padding-left:16px;
}

ol li {
	font-size:12px;
	line-height:16px;
	padding-top:2px;
}


/* background colors ------------------------------------------------------------ */

.backgroundWhite {
	background-color:#FFF;
}

.backgroundGreen {
	background-color:#9CAE63;
}

.backgroundLightGreen {
	background-color:#E4E9D5;
}

.backgroundBlue {
	background-color:#7BA6D6;
}

.backgroundLightGrey {
	background-color:#F2F2F2;
}

.backgroundLightBlue {
	background-color:#F5F5FF;
}

.backgroundMedBlue {
	background-color:#D1E0F0;
}

.backgroundDarkGrey {
	background-image:url(../shared/background_filler.gif);
}

.backgroundOrange {
	background-color:#FCC068;
}
/* containers ----------------------------------------------------------------- */

#containerCenter {
	text-align:center;	
}

#containerMain {
	width:760px;
	position:relative;
	background-color:#FFF;
	margin-right:auto;
	margin-left:auto;
	overflow:hidden;
	text-align:left;
}

.containerSecondaryHeader{
	margin-top:24px;
}

.containerHomeHeader {
	margin-top:44px;
}

.containerRightColumn {
	background-repeat:no-repeat;
	padding-top:30px;
}

.containerFooter {
	height:60px;
	padding:15px;
	background-color:#7BA6D6;
}

.containerMenu {
	margin-left:180px;
}

.containerTertiaryMenu {
	margin-left:130px;
	margin-bottom:50px;
}

.containerTertiaryMenuNews {
	margin-top:-30px;
	margin-left:130px;
	margin-bottom:10px;
}


.containerTop {
}

.containerContent {
	border-top:4px solid #FFF;
	border-left:4px solid #FFF;
	border-bottom:4px solid #FFF;		
}

.containerContentLightGreen {
	background-color:#E4E9D5;
	padding:0px 30px 15px 30px;
	border-right:4px solid #FFF;
}

.containerContentLightGreen p.intro {
	font-size:14px;
	line-height:18px;
	color:#666;
	margin-top:10px;
	margin-bottom:8px;
}

.containerRightContent {
	background-color:#FFF;
	border-top:4px solid #FFF;
	border-right:4px solid #FFF;
	border-bottom:4px solid #FFF;
	width:193px;
}

.containerHomeTopContent {
	background-image:url(../shared/background_white_top_home.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:4px;
	width:262px;
}

.containerHomeLeftContent {
	width:260px;
	margin-top:4px;
}

.containerHomeFeatureContent {
	background-image:url(../shared/background_white_top_home.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:4px;
	width:260px;
}

.containerRightTopContent {
	border-top:4px solid #FFF;
	border-right:4px solid #FFF;
	background-color:#999;
	width:193px;
}

.containerRightBottomContent {
	border-top:2px solid #FFF;
	border-right:4px solid #FFF;
	width:193px;
}
/* modular elements ------------------------------------------------------------- */
.tableRightBorder {
	border-right:4px solid #FFF;
	background-color:#9CAE63;	
}

.tableRightBorderOrange {
	border-right:4px solid #FFF;
	background-color:#FCC068;	
}

.menuCopy {
	margin-top:0px;
	font-size:11px;
	line-height:13px;
}

.menuCopy img {
	vertical-align:bottom;
}

.menuCopy a.on:link {text-decoration:none;color:#FFF;}
.menuCopy a.on:visited {text-decoration:none;color:#FFF;}
.menuCopy a.on:active {text-decoration:none;color:#FFF;}
.menuCopy a.on:hover {text-decoration:none;color:#FFF;}

.menuCopy a:link {text-decoration:none;color:#000;}
.menuCopy a:visited {text-decoration:none;color:#000;}
.menuCopy a:active {text-decoration:none;color:#FFF;}
.menuCopy a:hover {text-decoration:none;color:#FFF;}

.tertiaryMenu {
	margin-top:0px;
	font-size:11px;
	line-height:13px;;
}

.tertiaryMenu a {
	white-space:nowrap;
}

.tertiaryMenu a.on:link {text-decoration:none;color:#6699CC;}
.tertiaryMenu a.on:visited {text-decoration:none;color:#6699CC;}
.tertiaryMenu a.on:active {text-decoration:none;color:#6699CC;}
.tertiaryMenu a.on:hover {text-decoration:none;color:#6699CC;}

.tertiaryMenu a:link {text-decoration:none;color:#000;}
.tertiaryMenu a:visited {text-decoration:none;color:#000;}
.tertiaryMenu a:active {text-decoration:none;color:#6699CC;}
.tertiaryMenu a:hover {text-decoration:none;color:#6699CC;}


.homeTop {
	padding:10px 10px 0px 10px;
}

.homeTop p {
	margin-top:0px;
	margin-bottom:8px;
	font-size:12px;
	line-height:16px;
}

.homeTop p.intro {
	font-size:14px;
	line-height:18px;
	color:#666;
	margin-top:00px;
	margin-bottom:8px;
}

.homeLeftEntry {
	background-color:#F2F2F2;
	padding:10px;
}

.homeLeftEntry .images {
	float:left;
	margin-right:10px;
}

.homeLeftEntry .copy {
	margin-top:5px;
	font-size:12px;
	line-height:16px;
}

.homeLeftEntry  p {	
	font-size:12px;
	line-height:16px;
	margin:0px;
}

.homeLeftEntry .copy .title {
	font-weight:bold;
	color:#000;
}

.homeLeftEntry .copy .title a:link {text-decoration:none;color:#000;}
.homeLeftEntry .copy .title a:visited {text-decoration:none;color:#8B8B8B;}
.homeLeftEntry .copy .title a:active {text-decoration:none;color:#005BC0;}
.homeLeftEntry .copy .title a:hover {text-decoration:none;color:#005BC0;}

.homeLeftEntry .leftIntro {
	font-size:12px;
	line-height:16px;
	color:#666;
}

.homeLucyLeftEntry {
	background-color:#F2F2F2;
	padding:10px;
}

.homeLucyLeftEntry .images {
	float:left;
	margin-right:10px;
}

.homeLucyLeftEntry .copy {
	margin-top:5px;
	font-size:12px;
	line-height:16px;
}

.homeLucyLeftEntry  p {	
	font-size:12px;
	line-height:16px;
	margin:0px;
}

.homeLucyLeftEntry .copy .title {
	font-weight:bold;
	text-decoration:none;
	color:#000;	
}

.homeLucyLeftEntry .copy .title a:link {text-decoration:none;color:#000;}
.homeLucyLeftEntry .copy .title a:visited {text-decoration:none;color:#8B8B8B;}
.homeLucyLeftEntry .copy .title a:active {text-decoration:none;color:#005BC0;}
.homeLucyLeftEntry .copy .title a:hover {text-decoration:none;color:#005BC0;}

.homeLucyLeftEntry .copy .intro {
	color:#666;
}

.homeFeature {
	padding:10px;
}

.homeFeature .images {
	float:left;
	margin-right:10px;
}

.homeFeature .copy {
	margin-top:5px;
	font-size:12px;
	line-height:16px;
}

.homeFeature p {
	font-size:12px;
	line-height:16px;
}

.homeFeature .copy .title {
	font-weight:bold;
	text-decoration:none;
	color:#000;	
}

.homeFeature .copy .title a:link {text-decoration:none;color:#000;}
.homeFeature .copy .title a:visited {text-decoration:none;color:#8B8B8B;}
.homeFeature .copy .title a:active {text-decoration:none;color:#005BC0;}
.homeFeature .copy .title a:hover {text-decoration:none;color:#005BC0;}

.homeFeature .copy .intro {
	color:#666;
}

.interactiveCallout {
	background-color:#C9D3AA;
	margin:10px;
	padding:5px 10px;
}

.interactiveCallout p {
	margin-top:0px;
	margin-bottom:5px;
	font-size:11px;
	line-height:14px;
}

.interactiveCallout p.title {
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
}

.interactiveCallout a:link {text-decoration:none;color:#000000;}
.interactiveCallout a:visited {text-decoration:none;color:#000000;}
.interactiveCallout a:active {text-decoration:none;color:#000000;}
.interactiveCallout a:hover {text-decoration:none;color:#005BC0;}

/* story index page ----------------------------------------------------- */

.storyIndex {
	border-right:4px solid #FFF;
}

.storyIndexDesc a:link {text-decoration:none;color:#6699CC;}
.storyIndexDesc a:visited {text-decoration:none;color:#879BB1;}
.storyIndexDesc a:active {text-decoration:none;color:#005BC0;}
.storyIndexDesc a:hover {text-decoration:none;color:#005BC0;}

.storyIndexDesc {
	padding:15px 30px 10px 15px;
}

.storyIndexDesc .title {
	color:#6699CC;
	font-size:16px;
	margin-bottom:22px;
	font-weight:normal;
}

.storyIndexDesc .intro {
	font-size:16px;
	line-height:22px;
	color:#666;
	margin-top:0px;
}

.storyIndexDesc p {
	margin-top:6px;
}

/* new staff page --------------------------------------------------  */

.newstaffEntry {
	background-color:#EAF1F8;
	border-right:4px solid #FFF;
	border-bottom:4px solid #FFF;	
	clear:both;
}

.newstaffHeader {
}

.newstaffEntry img {
	border-right:4px solid #FFF;
}

.newstaffHeader .name {
	margin-top:15px;
	margin-bottom:0px;
	margin-left:34px;
	font-size:21px;
	line-height:24px;
	color:#6699CC;	
}

.newstaffHeader .title {
	margin-top:0px;
	margin-bottom:15px;
	margin-left:34px;
	font-size:16px;
	line-height:18px;
	color:#666;	

}
	
.newstaffCopy {
	margin:15px 30px 20px 30px;
}


/* news page --------------------------------------------------------- */
.newsItemOdd {
	background-color:#E4E9D5;
	padding:30px;
	border-bottom:4px solid #FFF;
	border-right:4px solid #FFF;
}

.newsItemOdd h1 {
	font-size:16px;
	line-height:20px;
	font-weight:normal;	
	color:#7BA6D6;
	margin-bottom:-10px;
}

.newsItemEven {
	background-color:#D6E3F1;
	padding:30px;
	border-bottom:4px solid #FFF;	
	border-right:4px solid #FFF;	
}

.newsItemEven h1 {
	font-size:16px;;
	line-height20px;
	font-weight:normal;	
	color:#666;
	margin-bottom:-10px;	
}

h2.question {
	font-weight: bold;
	font-size: 1em;
	color: #000;
	margin-bottom: -5px;
}


/* ask lucy ---------------------------------------------------------  */
.askLucy {
	border-right:4px solid #FFF;
}

.askLucy .Odd {
	width:464px;
	background-color:#FFF5DA;
	padding:30px;
	border-bottom:4px solid #FFF;
}

.askLucy .Even {
	width:464px;
	background-color:#FFEFC6;
	padding:30px;
	border-bottom:4px solid #FFF;
}

.askLucy h1 {
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	color:#666;
	margin-bottom:-10px;	
}

.askLucy img {
	float:left;
}

.lucyCalloutContainer {
	width:190px;
	float:right;
	clear:both;
}

.lucyCallout {
	margin-top:12px;
	margin-left:10px;	
	background-color:#A3B7D5;
	padding:15px 15px 10px 15px;
}

.lucyCallout .copy {
	margin-top:4px;
	margin-bottom:10px;
	font-size:11px;
	line-height:15px;
	font-weight:normal;
}

.lucyCallout .copy .title {
	margin-top:0px;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
}

.lucyCallout .button {
	clear:both;
	margin-top:5px;
	margin-bottom:5px;

}


.lucyCallout a:link {text-decoration:none;color:#000;}
.lucyCallout a:visited {text-decoration:none;color:#000;}
.lucyCallout a:active {text-decoration:none;color:#000;}
.lucyCallout a:hover {text-decoration:none;color:#000;}



/* back issues ------------------------------------------------------ */
.backIssues {
	padding-top:30px;
}

.backIssues .intro {
	font-size:16px;
	line-height:20px;
	color:#6699CC;
}

.backIssues a:link {text-decoration:underline;color:#205285;}
.backIssues a:visited {text-decoration:underline;color:#879BB1;}
.backIssues a:active {text-decoration:underline;color:#6699CC;}
.backIssues a:hover {text-decoration:underline;color:#6699CC;}


/* about ------------------------------------------------------------- */
.about {
	padding-top:30px;
}

/* forms ------------------------------------------------------------ */
.hmForm {
	padding-top:30px;
}

.requiredFields {
	margin-left:15px;
	color:#6699CC;
	font-size:10px;
	font-family: verdana, arial, ms sans serif;
}

.requiredAsterisk {
	color:#6699CC;
	font-weight:bold;
}

.instructionsContainer {
	width:275px;
	margin-top:0px;
	margin-bottom:0px;
}

.instructions {
	font-size:11px;
	line-height:13px;
	color:#000;
}

.formRow {
	margin-top:4px;
	width:100%;
}

.formRowSeparator {
	clear:both;
}

.formLabelRequired {
	float:left;
	width:120px;
	font-size:12px;
	text-align:right;
	padding-top:8px;
	color:#6699CC;
	font-weight:bold;
}

.formLabel {
	font-size:12px;
	float:left;
	width:120px;
	text-align:right;
	padding-top:8px;
}

.formElement {
	float:left;
	padding-left:6px;
	padding-top:6px;
	font-size:11px;
	color:#666666;
}

.formHr {
	color:#A1A1A1;
	margin:10px;
	clear:both;
}

.formButtonRow {
	padding-left:132px;
}




/* paging ------------------------------------------------------------ */
.paging {
	margin-top:10px;
	margin-bottom:10px;
	font-size:11px;
	line-height:13px;
	color:#000;
}
.paging .numbers {
	padding-top:8px;
	margin-left:200px;
}

.paging a:link {text-decoration:underline;color:#000;}
.paging a:visited {text-decoration:underline;color:#999;}
.paging a:active {text-decoration:underline;color:#6699CC;}
.paging a:hover {text-decoration:underline;color:#6699CC;}

.paging .printLink {
	float:right;
	margin-top:-17px;
}

.paging.printLink a:link {text-decoration:none;color:#999;}
.paging.printLink a:visited {text-decoration:none;color:#999;}
.paging.printLink a:active {text-decoration:none;color:#6699CC;}
.paging.printLink a:hover {text-decoration:none;color:#6699CC;}


.paging .printLink img {
	vertical-align:middle;
}

/*  callout --------------------------------------------------------*/

.calloutContainer {
	width:190px;
	float:right;
	clear:both;
}

.callout {
	margin-top:12px;
	margin-left:10px;	
	font-size:12px;
	line-height:16px;	
	background-color:#9CAE63;
	padding:15px 15px 10px 15px;
}

.callout .graphic {
	float:right;
	margin-left:5px;
}

.callout .copy {
	margin-top:4px;
	margin-bottom:10px;
	color:#FFF;
}

.callout .title {
	margin-top:0px;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
}

.callout .title a:link {text-decoration:none;color:#FFF;}
.callout .title a:visited {text-decoration:none;color:#FFF;}
.callout .title a:active {text-decoration:none;color:#005BC0;}
.callout .title a:hover {text-decoration:none;color:#005BC0;}


.callout a:link {text-decoration:underline;color:#FFF;}
.callout a:visited {text-decoration:underline;color:#FFF;}
.callout a:active {text-decoration:underline;color:#005BC0;}
.callout a:hover {text-decoration:underline;color:#005BC0;}

/*  pull quote --------------------------------------------------------*/

.pullQuoteContainer {
	width:190px;
	float:right;
	clear:both;
}

.pullQuote {
	margin-top:12px;
	margin-left:10px;
	font-size:11px;
	line-height:15px;
	color:#FFF;		
	background-color:#9CAE63;
	padding:15px 15px 10px 15px;
}

.pullQuote a:link {text-decoration:underline;color:#FFFFFF;}
.pullQuote a:visited {text-decoration:underline;color:#FFF;}
.pullQuote a:active {text-decoration:underline;color:#005BC0;}
.pullQuote a:hover {text-decoration:underline;color:#005BC0;}

.pullQuote .attribution {
	clear:both;
	font-size:11px;
	line-height:13px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:3px;
}



/*  right column elements ----------------------------------------------------- */
.rightColPhoto {
}

.rightColHomePhoto {
}


.rightColPhoto .caption {
	margin-top:0px;
	background-color:#666;
	font-size:11px;
	line-height:13px;
	color:#FFF;
	padding:10px;	
}

.rightColList {
	margin-top:0px;
	background-color:#666;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
}

.rightColPhoto .links {
	font-size:11px;
	line-height:13px;
	color:#FFF;
}

.rightColList .links a:link {text-decoration:underline;color:#FFF;}
.rightColList .links a:visited {text-decoration:underline;color:#FFF;}
.rightColList .links a:active {text-decoration:underline;color:#FFF;}
.rightColList .links a:hover {text-decoration:underline;color:#FFF;}

.rightColPhoto .row {
	margin:0px;
	padding-top:3px;
	width:100%;
}

.rightColPhotoListSeparator {
	clear:both;
}

.rightColPhoto .row .leftEntry {
	margin:0px;
	padding:0px;
	width:90px;
	float:left;
}

.rightColPhoto .rightEntry {
	margin:0px;
	padding:0px;
	float:left;
}

.rightColBox {
	background-color:#E6E6E5;
	margin-top:2px;
	padding:4px;
}

.rightColBoxSearch {
	background-color:#E6E6E5;
	margin-top:4px;
	padding:4px;
}

.rightColBox .email {
	margin:0px 5px 0px 0px;
	font-size:11px;
	line-height:13px;
	background-image:url(../shared/background_letter.gif);
	background-repeat:no-repeat;
	padding-left:15px;	
}

.rightColBox .email a:link {text-decoration:none;color:#000;}
.rightColBox .email a:visited {text-decoration:none;color:#8B8B8B;}
.rightColBox .email a:active {text-decoration:none;color:#005BC0;}
.rightColBox .email a:hover {text-decoration:none;color:#005BC0;}

.searchBoxContainer {

}

.searchBox {
	margin-top:3px;
	vertical-align:top;
	padding-left:2px;
	font-size:11px;
	line-height:13px;
}

.searchCopy {
	margin-top:0px;
	font-size:10px;
	line-height:10px;
	font-weight:bold;
	padding-left:60px;
}

.searchGo {
	margin-left:2px;
}

.asklucyPromo {
	background-color:#FAEEC1;
	margin-top:2px;
	padding:4px;	
}

.asklucyPromo img {
	margin-top:10px;
	margin-bottom:5px;
}

.homeRightBlueBox {
	background-color:#E0EBF5;
	margin-top:2px;
	padding:4px;
}

.homeRightBlueBox .images {
	float:left;
	margin-top:5px;
	margin-right:5px;
}

.homeRightBlueBox p {
	margin:0px;
	font-size:12px;
	line-height:16px;
}

.homeRightBlueBox .copy {
	margin-top:0px;
	font-size:12px;
	line-height:16px;
}

.homeRightBlueBox .copy .title {
	font-weight:bold;
	margin-bottom:0px;
}



/* footer elements ------------------------------------------------------------ */
.footerEntryMIT {
	width:235px;
	float:left;
	margin-right:20px;
}

.footerEntryMIT img {
	float:left;
	margin-right:5px;
}

.footerEntryMIT .copy{
	font-size:10px;
	line-height:13px;	
}

.footerEntryMIT a:link {text-decoration:underline;color:#000;}
.footerEntryMIT a:visited {text-decoration:underline;color:#000;}
.footerEntryMIT a:active {text-decoration:underline;color:#005BC0;}
.footerEntryMIT a:hover {text-decoration:underline;color:#005BC0;}

.footerEntryMITMedical{
	float:right;
	width:350px;
}

.footerEntryMITMedical img {
	float:left;
	margin-right:5px;
}

.footerEntryMITMedical .copy{
	font-size:10px;
	line-height:10px;
}




/* Issue Information ------------------------------------------------------------- */

.issueTitle {
	margin-left:15px;
}

.issueTitle .season {
	padding-top:40px;
	font-size:32px;
	line-height:40px;
	color:#FFF;
}

.issueTitle .year {
	color:#FFF;
	font-size:20px;
}

.issueTitle .number {
	font-size:12px;
	line-height:12px;
	color:#FFF;
}



