/* reset styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* sfmoma styles */
body {
  font: 12px/18px verdana, sans-serif;
  -webkit-text-size-adjust: none;
}
address {
  font-style: normal;
}
a {
  color: #3399cc;
}
a:visited {
  color: #bc7b77;
}
b, strong {
  font-weight: bold;
}
i, em {
  font-style: italic;
}
img {
  border: 0;
}
p, ul, table, .vcard, .content {
  margin: 0 0 1.5em 0;
}
h1, h2, h3, h4 {
  font-family: arial, sans-serif;
  font-weight: bold;
  margin: 0 0 .5em 0;
}
h1 {
  font-size: 1.5em;
  line-height: 1.75em;
}
h2 {
  font-size: 1.25em;
  line-height: 1.5em;
}
h3 {
  font-size: 1.1em;
  line-height: 1.25em;
}
ol, ul {
	list-style: none;
	padding: 0;
}
li {
  padding: 0 0 .5em 0;
  margin: 0;
}
th, td {
  padding: 2px 5px;
  width: 50%;
}
th {
  font-weight: bold;
  color: #fff;
}
td {
  border-top: 1px solid #fff;
}
.aqua th {
  background: #1DA2AD;
}
.aqua td {
  background: #CCEDED;
}
.brown th {
  background: #61472E;
}
.brown td {
  background: #E3DECF;
}
.maroon th {
  background: #7E1919;
}
.maroon td {
  background: #F3E6E5;
}
.olive th {
  background: #8A950A;
}
.olive td {
  background: #ECF0C8;
}
.gray th {
  background: #666E55;
}
.gray td {
  background: #EDF0E6;
}
.teal th {
  background: #A5CBCA;
  color: #333333;
}
.teal td {
  background: #D6E7E9;
}
#logo {
  text-indent: -2000px;
  overflow: hidden;
  background: url(../images/nav/sfmoma.gif) no-repeat;
  width: 146px;
  height: 32px;
  line-height: 1px;
  font-size: 1px;
  margin: 0 0 10px 0;
}
#logo a {
  display: block;
  width: 146px;
  height: 32px;
}
.page {
  margin: 0 0 256px 0;
  padding: 10px;
}
#copyright {
  color: #999;
  font-size: 10px;
}
.content {
  color: #fff;
  padding: 10px;
}
.content a, .content a:visited {
  color: #fff;
}
.brown {
  background-color: #7C5423;
}
.olive {
  background-color: #8A950A;
}
.green {
  background-color: #54950A;
}
.slategray {
  background-color: #557C7F;
}
.teal {
  background-color: #1D7B83;
}
.aqua {
  background-color: #1DA2AD;
}
.red  {
  background-color: #CA3800;
}
.orange  {
  background-color: #C85E00;
}
.burgundy  {
  background-color: #960E32;
}
.crimson  {
  background-color: #BA1A1A;
}
.maroon {
  background-color: #7E1919;
}
.gray {
  background-color: #666E55;
}