/* CSS Document for Visitors Information site */
/* MIT Homepage's daily color overrides is in separate CSS */
/* default colors will be coded */
/* this CSS needs to be called before the color overriding CSS */


body {
	margin:0px;
	background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
}
/* title bar section */
#titlebar {
	display:block;
	height:82px;
	padding-left:32px;
	background-color:#99CCFF;
	position:relative;
	left: 41px;
	top: -25px;


}
#titlebar h1 {
	padding-top:14px;
	font-size:18px;
	margin:0px;
}
#titlebar h1 a {
	color:#990000; /* default color, will override */
}
#titlebar h2 {
	font-size:32px;
	margin:0px;
	color:#000000; /* default color, will override */
}

/* homepage title size override */
#home #titlebar h2 {
	padding-top:20px;
	font-size:46px;
}

/* MIT logo in title bar */
#titlebar div.logo {
	position:absolute;
	top:14px;
	left:567px;
	white-space:nowrap;
	font-size:80%;
}
#titlebar div.logo a {
 	color:#cccccc; /* default color, will override */
}	
/* search box in title bar */
#titlebar form {
	position:absolute;
	margin:0px;
	left:567px;
	top:50px;
	white-space:nowrap;
}
/* main navigation */
#nav {
	display:block;
	margin-left:32px;
	height:60px;
	font-size:11px;
}
#nav table {
	width:749px;
}
#nav td {	
	vertical-align:top;
	padding-right:11px;
}
#nav a, #nav a:link, #nav a:visited {
	display:block;
	font-weight:bold;
	width:96px;
	color:#333333;
	text-decoration:none;
	padding-top:10px;
	border-top: 6px solid #ffffff;
}
#nav a:hover, #nav a:active {
	color:#993333;
	border-top: 6px solid #99ccff; /* default border color, will override */
}

#subnav {
	font-size:80%;
}

/* body content definitions */
#content {
	margin-left:32px;
}
/* two column layout */
#content table.layout {
	width:717px;
}
#content table.layout td.leftcol {
	padding-right:32px;
	width:535px;
	vertical-align:top;
}
#content td.rightcol {
	width:182px;
	vertical-align:top;
}
/* text treatment */
h1 {
	font-size:18px;
	color:#330099;
}
h2 {
	font-size:80%;
	color:#000000;
	margin-bottom:0px;
	padding-bottom:0px;
}
h3 {
	font-size:80%;
	color:#000000;
	padding-top:1em;
	margin-bottom:1em;
	padding-bottom:0px;
	border-bottom: 1px solid #99ccff; /* default border color, will override */
}	
p {
	margin-top:0px;
	padding-top:0px;
	font-size:80%;
	line-height:150%;
}
ul {
	margin-top:0px;
	padding-top:0px;
	margin-left:12px;
	padding-left:12px;
}
li {
	margin-top:0px;
	padding-top:0px;
	font-size:80%;
	line-height:150%;
}
ul.hotel li {
	margin-bottom:1em;
}
li li {
	font-size:100%;
}
.phone {
	font-weight:normal;
}
.top {
	white-space:nowrap;
	vertical-align:top;
	font-size:80%;
	text-align:right;
	padding-top:5px;
}
#content table table h1 {
	margin:0px;
}
/* photos with captions */
.photo {
	width:182px;
	margin-bottom:24px;
	font-size:80%;
}
.photo img {
	border-top: 4px solid #99ccff; /* default border color, will override */
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	margin-bottom:8px;
}
/* footer */
#footer {
	margin-top:24px;
	margin-left:32px;
	vertical-align:top;
	font-size:80%;
	color:#666666;
}
#footer table {
	width:749px;
}
#footer td {
	width:214px;
	vertical-align:top;
}
#footer td.logo {
	width:107px;
}
#footer td.infocenter {
	color:#000000;
}

/* default link colors */
a:link {
	text-decoration:none;
	color:#993333;
}
a:visited {
	text-decoration:none;
	color:#666666;
}

/* popup window */
#popup #titlebar {
	display:block;
	height:46px;
	padding-left:32px;
	/* color override in mit-daily-visitors.css */
}
#popup #content {
	margin-top:32px;
	margin-right:32px;
}
#popup #content img {
	margin-bottom:8px;
}

/* weather widget */
#weather {
	margin-top:12px;
}

/* comment form */
#comment td {
	padding-top:10px;
}
#comment .label {
	font-weight:bold;
	font-size:80%;
        white-space:nowrap;
	padding-right:10px;
}
#contact #content h1 {
	font-weight:bold;
        font-size:80%;
}


/* main navigation text "on" state colors */
/* overrides colors above, keep at bottom of stylesheet to cascade correctly */

#info a.info-nav:link, #info a.info-nav:visited, #info a.info-nav:hover, 
#get-around a.get-around-nav:link, #get-around a.get-around-nav:visited, #get-around a.get-around-nav:hover,
#stay a.stay-nav:link, #stay a.stay-nav:visited, #stay a.stay-nav:hover,
#eat a.eat-nav:link, #eat a.eat-nav:visited, #eat a.eat-nav:hover,
#shopping a.shopping-nav:link, #shopping a.shopping-nav:visited, #shopping a.shopping-nav:hover,
#do a.do-nav:link, #do a.do-nav:visited, #do a.do-nav:hover,
#home a.home-nav:link, #home a.home-nav:visited, #home a.home-nav:hover 
{
	color: #330099;
	border-top: 6px solid #99ccff; /* default border color, will override */
}


/* annotation FIXME, remove when done */
a.FIXME {
	font-weight:bold;
	text-decoration:blink;
	color:#FF00CC;
}