*      {font-size:10px}
a      {text-decoration:none}
body   {font:12px/18px "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial; background-color: #FFF200; color: #000; margin:0; padding:0} 
body#home {background-color: #000}
.out   {position:relative; width:706px; height:560px; background:url(/img/box-background.png) no-repeat; z-index:10}
.cal   {position:relative; width:706px; height:800px; background:url(/img/box-background.png) repeat; z-index:10}
#box   {text-align:left; margin:16; padding:0}

#events td  , #sponsors td   {margin:0; padding:0 16px 0 4px}
#events h1                   {font-size: 16px; margin: 16px 0 0 0}
#events h2  , #sponsors h2   {font-size:11px; font-weight: bold; margin:8px 0 8px 0; padding:0}
#events h2 a, #sponsors h2 a {font-size:11px; font-weight:bold; color: #F00}

#calendar td {font-size:10px}
.prty, .tour, .lect, .film, .awar, .exhi, .spec {font-weight:bold}
.prty {color:#F00}
.tour {color:#0A0}
.lect {color:#A0A}
.film {color:#0AA}
.awar {color:#00F}
.exhi {color:#000}
.spec {color:#C0A}
#calendar h3 {margin:4px 0 4px}
#calendar #box ul {margin:0px;padding:0 0 0 14px}

#sponsors h1 {font-size: 20px; margin: 16 0 0 0}
#sponsors ul {padding:0}
#sponsors li {list-style:none; margin-bottom:6px}
#sponsors a  {font-size:20px; font-weight:bold; color:#F00}

#about, #volunteers {font-weight:bold}
#about h1, #volunteers h1 {font-size:30px; padding:40px  0   0 40px; margin:0}
#about h3, #volunteers h3 {font-size:12px; padding: 6px 40px 0 40px; margin:0}
#about p , #volunteers p  {font-size:16px; padding: 0   40px 0 40px}
#closer {position:absolute; right:10px; top:10px; font-size:16px; font-weight:bold}
a#closer:hover {color:#F00}

#about, #volunteers {color:#000}
#about ul, #volunteer ul {padding:10px 40px 0 40px; margin:0}
#about li, #volunteer li {font-size:16px; list-style:none; padding-bottom:10px}
#volunteers a {padding-left:40px; color:#F00; font-size:20px}

#menu  {position:absolute; right:30; top:24; z-index:1}
#menu li {list-style: none; display: inline; background-color:#FFF200; padding:6 10 4 10; margin:6px; text-transform:uppercase}
#menu a                        { font-size:14px; font-weight:bold; color:#000}
#menu a:hover, #menu .selected { font-size:14px; font-weight:bold; color:#F00}

#bar      {background-color: #FFF200; padding:0px; margin:0; text-align:center}
#bar h3   {color:#000}
#bar h3 a {font-size:16px; color:#F00}
#bar a:hover {color:#000}

#calendar table {border-collapse:collapse}
#calendar td {vertical-align:top; border: 2px solid #000; padding-left:4px; height:130px}
#calendar th {height:20px;}

#pict {position:absolute; top: 0px; left: 201px; margin:0; padding:0}

#credit   {position:absolute; right:30px; bottom:4px; text-decoration:none; font-size:9px; color:#330}
a#credit:hover {color:#AA0}