﻿
body                { font-family: arial, sans-serif; margin: .5em }

.left               { float: left }
.right              { float: right }

#header             { height: 65px }
#oshworld           { clear: both; width: 100%; background: #3050A0; height: 45px }
#oshworld p         { margin: 0 }
#update             { float: right; padding: .4em; color: white; text-align: right; font-weight: bold }

#overall            { clear: both; margin-top: 20px }

#navigation         { float: left; width: 20%; padding: 0 1em }

ol#nav              { list-style-type: none; text-align: right; margin: 0; padding: 0 }
#nav li             { margin-bottom: .5em; font-weight: bold }

#main               { float: left; padding: 0 0 0 1em; width: 74% }

#footer             { clear: both; padding: 5px 0; margin: 5px 0; border-top: 1px solid black }

p                   { font-size: 80% }
li                  { font-size: 80% }
li li               { font-size: 100% }
li p                { font-size: 100% }
h2                  { color: #0000A0; margin-top: 0 }
h3                  { color: #0000A0; margin-top: 3em }
h4                  { color: #0000A0 }
h6                  { font-size: 80% }
blockquote          { font-size: 80% }
blockquote p,
blockquote li       { font-size: 100% }

img.right           { float: right; padding: 0 0 1em 1em }

dt                  { font-size: 80%; font-weight: bold; margin-top: 1.2em }
dd                  { font-size: 80% }
dd p                { font-size: 100% }

caption             { font-weight: bold }

.disperse li        { margin-bottom: .8em }

ol.index            { list-style: none; margin: 0 .3em; padding: .3em .5em }
ol.index li         { padding: .1em 0 }
ol.main             { float: left; margin: 0 15px; width: 15% }

ol#contents         { list-style: none; margin: 0 .3em; padding: .3em .5em; font-size: 90%; font-weight: bold }
ol#contents li      { padding: .3em 0 }

table.diary         { margin-top: 1em; margin-left: auto; margin-right: auto; width: 120px; border-collapse: collapse }
table.diary th,
table.diary td      { border: 1px solid black; padding: 4px 6px; text-align: center }

.smalltext          { font-size: 80% }
.contents           { font-size: 70%; font-weight: bold }

.highlight          { color: #C00000 }
.highlight2         { color: #0000C0 }

.clr                { clear: both }

/* Boxes */
.headbox            { border: 2px solid #0000A0; padding-bottom: 1em }
.headbox p,
.headbox h4         { padding: 0 12px }

.boxhead            { margin: 0; padding: 8px; background-color: #0000A0; color: white; font-weight: bold; text-align: center }
.box                { border: 2px solid #0000A0; padding: 10px }
.box p              { margin: 0 0 .8em 0 }

/* Home Page */
p.intro             { font-size: 1em }
.headbox2           { border: 2px solid #0000A0; padding-bottom: 1em }

.headbox2 h3        { margin: 0; padding: 5px 15px; background-color: #0000A0; color: white; font-weight: bold }
.headbox2 h4        { margin: 1.5em 15px .3em 15px; border-bottom: 1px dotted #0000A0 }
.headbox2 p         { margin: 0 15px 1em 15px; padding: 0 }

.headbox2 ol        { list-style-type: none; margin: 0 15px 1em 15px; padding: 0 }
.headbox2 li        { margin: 0 0 .7em 0 }

.largebox           { float: left; width: 70% }
.smallbox           { float: right; width: 26% }

.largebox .col1     { float: left }
.largebox .col2     { float: right }
.largebox .col2 p   { margin-top: 2.5em }

/* Search results */
ol#resultlist       { list-style-type: none; margin: 0; padding: 0 }
ol#resultlist li    { margin-bottom: .7em }
.paginator          { margin: 1em 0; text-align: center }

/* Events */
p.event_conference,
p.event_training,
p.event_webcast,
p.event_meeting,
p.event_awards,
p.event_other       { min-height: 50px; padding-left: 22px }

p.event_conference  { min-height: 63px; background: white url('images/conference.png') no-repeat scroll left top }
p.event_training    { background: white url('images/training.png') no-repeat scroll left top }
p.event_webcast     { background: white url('images/webcast.png') no-repeat scroll left top }
p.event_meeting     { background: white url('images/meeting.png') no-repeat scroll left top }
p.event_awards      { background: white url('images/awards.png') no-repeat scroll left top }
p.event_other       { background: white url('images/other.png') no-repeat scroll left top }

