@import "default.css";

/* Navigation */
#navigation                     { float: left; margin: 25px 0px 0px 0px; overflow: hidden; padding: 0px; text-align: left; width: 215px; }
#navigation ul                  { list-style-type: none; margin: 0px; padding: 0px; }
#navigation ul li               { font-size: 0.8em; margin: 0px; padding: 0px; }
#navigation ul li h4            { background: transparent url("title.png") no-repeat; color: white; cursor: pointer; cursor: default; height: 23px; padding: 7px 0px 0px 10px; width: 215px; }
#navigation ul ul               { margin: 10px 0px 20px 10px; padding: 0px 0px 0px 0px; }
#navigation ul ul li            { background: transparent url("dot-orange.gif") no-repeat 0 5px; cursor: pointer; cursor: hand; font-size: 8pt; margin: 7px 0px 7px 0px; padding: 0px 0px 0px 13px; }
#navigation ul ul li a          { border-bottom: 1px dotted #9fa6af; color: #5b6377; }
#navigation ul ul li a:hover    { border-bottom: 1px dotted #1b232f; color: #1b232f; text-decoration: none; }
#navigation a.selected          { font-weight: bold; }

/* Data area */
#content                        { float: left; overflow: wrap; padding: 7px 50px 50px 30px; text-align: left; width: 465px; }
#content cite                   { color: #555555; }
#content cite:before            { content: "("; }
#content cite:after             { content: ")"; }
#content blockquote cite:before { content: ""; }
#content blockquote cite:after  { content: ""; }
#content blockquote p           { font-size: 1.0em; }
#content img                    { border: none; color: white; float: left; margin: 4px 15px 0px 0px; padding: 0px; }
#content img.right              { color: white; float: right; margin: 4px 0px 0px 15px; padding: 0px; }
#content img.banner             { border: 5px solid #E0E0E0; border-bottom: 15px solid #E0E0E0; color: white; float: left; margin: 7px 0px 12px 0px; width: 455px; }
#content ul.columnable          { clear: none; float: left; }
#content li.bullet              { background: transparent url("dot-blue.gif") no-repeat 0px 6px; padding: 2px 0px 2px 15px;}
#content li blockquote          { font-size: 1.0em; }
#content li p                   { font-size: 1.0em; }

/* Links */
#links                          { background: white url("bottom.png") no-repeat; clear: both; height: 175px; margin: 0px 20px 0px 0px; padding: 35px 0px 0px 20px; }
#links div                      { float: left; text-align: left; width: 340px; }
#links div ul                   { list-style-type: none; margin: 0px; padding: 0px; }
#links div ul li                { clear: both; margin: 0px; padding: 0px; }
#links div ul li img            { float: left; padding: 0px 5px 0px 0px; }
#links div ul li a              { border-bottom: 1px dotted #8b93a7; color: #4b5367; cursor: hand; font-weight: bold; text-decoration: none; }
#links div ul li a:hover        { border-bottom: 1px dotted #8b93a7; color: #0b131f; cursor: hand; font-weight: bold; text-decoration: none; }
#links div ul li p              { font-size: 1.0em; margin: 2px 0px 0px 0px; line-height: 12pt; }
#links div.events               { float: left; margin-left: 50px; width: 300px; }
#links div.events ul li         { background: transparent url("event.gif") no-repeat 0px 5px; float: left; margin: 0px; padding: 0px; }
#links div.events ul li a       { border-bottom: 1px solid white; }
#links div.events ul li a:hover { border-bottom: 1px solid white; }
#links div.events ul li div     { width: 270px; }

/* Form */
form .padTop                    { padding-top: 10px; }
form .cue                       { float: left; width: 150px; }
form .submit .cue               { margin-left: 150px; width: 200px; }

tr.event                { height: 85px; }
tr.lecture              { height: 29px; }
td.category             { width: 25px; }
td.date                 { width: 75px; }
td.time                 { width: 40px; }

/* Classes */
.alert                  { color: #660000; font-size: 0.7em;}
.attention              { color: red; font-size: 0.7em;}

/* Microformats - Additional */
div#map                     { border: 1px solid #BBBBBB; height: 400px; width: 450px; }
div#popup                   { font-size: 0.8em; }