body { margin: 0; text-align: center; font-family: Verdana, Arial, sans-serif; font-size: 12px; background: #FFF; }
h1,h2,h3,h4,h5,h6 { font-family: Arial, sans-serif; font-weight: 400; margin: 0; }
a { color: #990000; text-decoration: none; }
a:hover { color: #000; }
div { overflow: hidden; }
img { border: 0; }
table { border-collapse: collapse; width: 100%; border: 0; margin: 10px 0; }
th { padding: 5px; background: #000; text-align: left; font-weight: 700; color: #fff; }
td { padding: 5px; border-bottom: 2px solid #ccc; vertical-align: top; }

/* OSU Masthead */

#osunav { width: 920px; margin: 0 auto; padding: 14px 0 0 0; text-align: left; font-family: Arial, sans-serif; line-height: 1.231; font-size: 12px; }

#osuname { width: 192px; padding: 0 0 10px 0; float: left; font-weight: 700; }
#osuname a { color: #000; }
#osuname a:hover { text-decoration: underline; }

#osulinks ul { padding: 0; margin: 0; text-align: right; }
#osulinks li { display: inline; margin: 0; padding-left: 6px; }
#osulinks a { padding: 5px; color: #666; font-weight: 400; }
#osulinks a:hover { text-decoration: none; color: #000; }

/* Hidden */

.hidden, h1 a span, #accessibility, #nav-colors span { position: absolute; left: 0; top: -1000px; }

/* Fonts */

#nav-secondary li, #sidebar li, #showcase .text p, #tertiary li, #content #tertiary p, #content #more p, #content .stats p, #footer p, #secondary p { font-size: 11px; line-height: 18px; }

#sidebar li { line-height: 15px; }

#content p, #content ul, #content ol, #content dl { font-size: 12px; line-height: 19px; margin-top: 10px; margin-bottom: 10px; }

/* Lists */

#nav-primary ul, #nav-secondary ul, #nav-colors ul, #showcase-nav ul, #tertiary ul, #sidebar ul, #partners ul, .thumbnails ul, .attachments ul { padding: 0; margin: 0; list-style: none; }

#mainbar ul { list-style: square; }
#mainbar .attachments ul { list-style: none; }

/* Layout */

#top { background: #FFF url("/images/top_00.gif") bottom center no-repeat; overflow: visible; }

#main { width: 960px; margin: 0 auto; }

.middle { text-align: left; background: #FFF url("/images/bg_00_gray.gif") top center repeat-y; overflow: visible; }
.middleb { text-align: left; background: #FFF url("/images/bg_00_gray_b.gif") top center repeat-y; overflow: visible; }

#bottom { overflow: visible; }

#header { width: 192px; float: left; background: #FFF; padding: 0 0 20px 0; }
#header h1 { margin: 20px; }
#header h1, #header h1 a { width: 152px; height: 171px; }
#header h1 a { display: block; background: url("/images/logo_swc.gif") 0 0 no-repeat; }

#content { width: 728px; float: left; padding: 20px; }
#content h2 { font-size: 24px; margin: 0 0 10px 0; }
#content h3 { font-size: 18px; margin: 10px 0; color: #990000; }
#content h4 { font-size: 14px; font-weight: 700; }
#content a { text-decoration: underline; }

#mainbar { width: 510px; padding: 0 20px 0 0; float: left; }
#mainbar blockquote { margin: 0; padding: 20px; font-family: Georgia, sans-serif; border: 2px solid #ccc; }
#mainbar blockquote p { font-size: 16px; margin: 0; }
#mainbar blockquote cite { display: block; font-size: 11px; margin: 10px 0 0 0; }

#sidebar { width: 177px; float: right; padding: 0 0 0 20px; }
#sidebar h3 { color: #000; margin: 0; }
#sidebar li { padding-top: 5px; padding-bottom: 5px; }

#bottom { background: #fff url("/images/bottom_00.gif") top center no-repeat; }

#bottom .inner { width: 747px; margin: 0 auto; padding: 0 20px 0 193px; text-align: left; }

#wordmark { height: 26px; padding: 0 0 0 10px; background: #000 url("/images/wordmark.gif") 10px 0 no-repeat; margin: 0; list-style: none; }
#wordmark span { position: absolute; left: 0; top: -500px; }
#wordmark li { float: left; }
#wordmark a { display: block; float: left; margin: 0 10px; }
#wordmark a:hover { background: none; }
#wordmark .wm1 a { width: 193px; height: 26px; }
#wordmark .wm2 a { width: 164px; height: 26px; }

#footer { padding: 10px 20px 0 20px; }
#footer ul { padding: 0; margin: 0; list-style: none; }
#footer p { clear: both; }
#footer br { display: none; }
#footer p, #footer ul { margin: 8px 0; font-size: 12px; }
#footer address { font-style: normal; }
#footer address, #footer ul { width: 707px; overflow: hidden; clear: both: }
#footer li, #footer span { float: left; padding-right: 10px; margin-right: 10px; border-right: 1px dotted #666; }
#footer .last { border: 0; }

#indicia { padding: 0 20px 20px 20px; }
#indicia { font-size: 11px; color: #666; }
#indicia a { color: #666; }
#indicia a:hover { color: #000; background: none; }

#nav-primary { width: 152px; margin: 20px 20px 15px 20px; font-family: Arial, sans-serif; border-top: 2px solid #000; line-height: 1.2; }
#nav-primary a { display: block; width: 132px; font-size: 12px; font-weight: 700; color: #000; padding: 10px; clear: both; border-bottom: 2px solid #000; }
#nav-primary a:hover { color: #990000; }
#nav-primary .active a { color: #fff; background: #990000; }

#nav-secondary ul { padding: 0 20px; }
#nav-secondary li a { display: block; float: left; clear: both; width: 132px; padding: 4px 4px 4px 20px; margin: 0; color: #000; }
#nav-secondary li a:hover { color: #990000; }

#navigation-tertiary { padding: 5px 0; }
#navigation-tertiary a { color: #000; float: left; clear: both; display: block; width: 167px; padding: 5px; text-decoration: none !important; }
#navigation-tertiary a:hover { color: #990000; background: #eee; }
#navigation-tertiary .active { background: #eee; }
#navigation-tertiary .active a { color: #990000; font-weight: 700; }
#navigation-tertiary .active a:hover { color: #000; }
#navigation-tertiary .active li a { font-weight: 400; }
#navigation-tertiary li { width: 177px; overflow: hidden; float: left; clear: both; padding: 0 0 2px 0; }
#navigation-tertiary li ul .active a { font-weight: 700; }
#navigation-tertiary li ul li { border: 0; }
#navigation-tertiary li ul li a { width: 152px; padding-left: 20px; background: url("/images/arrow_right.gif") 10px 50% no-repeat; border-top: 2px solid #e8e8e8; }
#navigation-tertiary li ul li a:hover { background: #eee url("/images/arrow_right.gif") 10px 50% no-repeat; }

.icon-page { background: url("/images/icon_page.gif") 0 0 no-repeat; padding-left: 20px; }
.icon-pdf { background: url("/images/icon_pdf.gif") 0 0 no-repeat; padding-left: 20px; }
.icon-rss { background: url("/images/icon_rss.gif") 0 0 no-repeat; padding-left: 20px; }
.icon-news { background: url("/images/icon_news.gif") 0 50% no-repeat; padding-left: 20px; }
.icon-events { background: url("/images/icon_calendar.gif") 0 50% no-repeat; padding-left: 20px; }
.icon-forms { background: url("/images/icon_forms.gif") 0 50% no-repeat; padding-left: 20px; }
.icon-gallery { background: url("/images/icon_gallery.gif") 0 50% no-repeat; padding-left: 20px; }
.icon-mail { background: url("/images/icon_mail.gif") 0 50% no-repeat; padding-left: 20px; }
.icon-newsletter { background: url("/images/icon_newsletter.gif") 0 50% no-repeat; padding-left: 20px; }

.icon-pdf { background: url("/images/icon-pdf.gif") 0 4px no-repeat; padding-left: 20px; }
.icon-doc { background: url("/images/icon-doc.gif") 0 4px no-repeat; padding-left: 20px; }
.icon-xls { background: url("/images/icon-xls.gif") 0 4px no-repeat; padding-left: 20px; }
.icon-mp3 { background: url("/images/icon-mp3.gif") 0 4px no-repeat; padding-left: 20px; }
.icon-ppt { background: url("/images/icon-ppt.gif") 0 4px no-repeat; padding-left: 20px; }
.icon-pub { background: url("/images/icon-pub.gif") 0 4px no-repeat; padding-left: 20px; }

.col-1 { width: 192px; float: left; }
.col-2, #news, #events, #more-news, #more-events { width: 384px; float: left; }
.col-3 { width: 576px; float: left; }
.col-4, #nav-secondary, #secondary, #tertiary, #more { width: 768px; float: left; }

.attachments { width: 200px; float: right; padding: 20px; margin: 10px 0 10px 10px; background: #fff; border: 2px solid #ccc; }
.attachments h3 { margin: 0 0 10px 0; color: #666; font-size: 14px; font-weight: 700; }
.attachments li { font-size: 11px; line-height: 17px; color: #666; }
.attachments li span { display: block; }
.attachments li img { margin: 0 0 10px 0; }

.transcript { background: #fff; padding: 20px; border: 2px solid #ccc; }

.even  { background: #f6f6f6; }

/* Forms */

.error { padding: 20px; background: #fdbf57; border: 2px solid #990000; }
.error h3 { margin: 0 !important; }
.error ul { margin-top: 10px; margin-bottom: 0px; }
.error li { color: #000; }

fieldset { border: solid #990000; border-width: 1px 0 0 0; padding: 0; margin: 10px 0; }
fieldset legend { display: inline; font-size: 12px; font-weight: 700; color: #990000; padding: 10px 10px 10px 0; }
fieldset .rowwrap { width: 728px; padding: 4px 0; font-size: 11px; }
fieldset .label { width: 148px; float: left; font-weight: 700; }
fieldset .input { width: 580px; float: left; }
fieldset .input .inner { margin-top: 8px; }
fieldset textarea { width: 500px; }
fieldset table { margin-top: 0; }

.submit { margin-left: 148px; }

.terms { border: 2px solid #000; background: #fff; width: 480px; height: 120px; padding: 10px 10px 0 10px; overflow: scroll; }
#content .terms p { font-size: 11px; margin: 0 0 10px 0; }

/* Home */

#slideshow { position: relative; width: 724px; height: 178px; background: #FFF; border: 2px solid #000; }

#showcase { width: 724px; height: 120px; background: #000; }
#showcase .bigimage { position: absolute; left: 0; top: 0; }
#showcase .text { display: none; width: 342px; position: absolute; left: 372px; bottom: 0; }
#showcase .text p { font-weight: 700; color: #FFF; margin: 10px 0; }
#showcase .text a { color: #FFF; }

#showcase-loader { width: 724px; background: #000; }
#showcase-loader img { margin: 44px 350px; }
#showcase-nav ul { width: 724px; overflow: hidden; margin: 7px; }
#showcase-nav li { width: 44px; overflow: hidden; float: left; margin-right: 7px; }
#showcase-nav li img { border: 0; }
#showcase-nav li a { display: block; border: 2px solid #FFF; }
#showcase-nav .active a, #showcase .active a:hover { border-color: #000; }
#showcase-nav li a:hover { border-color: #990000; }

#secondary { width: 728px; margin: 20px 0 0 0; background: url("/images/bg_01.gif") 0 0 repeat-y; }
#secondary h2 { font-size: 18px; margin: 10px 20px 0 20px; }

#tertiary { width: 728px; margin: 20px 0 0 0; background: url("/images/bg_00.gif") 0 0 repeat-y; }
#tertiary h2 { font-size: 15px; font-weight: 700; color: #000; background: #CCC; margin: 0; padding: 10px; border-bottom: 2px solid #000; }
#tertiary li { width: 354px; overflow: hidden; margin: 0 20px 0 0; padding: 5px 0; }
#tertiary p { margin: 0; padding: 5px 10px; }
#tertiary .date { display: block; width: 54px; overflow: hidden; float: left; padding-left: 10px; }
#tertiary .title { display: block; width: 280px; overflow: hidden; float: left; }
#tertiary .last { border: 0; }

#news, #more-news { width: 354px; }
#events, #more-events { width: 354px; margin-left: 20px; }

#more { width: 728px; margin-bottom: 5px; }
#more p { margin: 10px 20px; text-align: right; }
#more a { padding-bottom: 4px; }

#box-1, #box-2, #box-3, #box-4 { width: 177px; float: left; }
#box-2 h2, #box-2 p, #box-2 strong, #box-3 h2, #box-3 p, #box-3 strong { color: #fff; }
#box-3 { margin-left: 20px; }

.stats strong { display: block; text-align: center; font-size: 50px; font-weight: 400; line-height: 40px; margin: 0 0 10px 0; }
.stats p { margin: 10px; }

#partners { width: 350px; float: left; border: 2px solid #ccc; background: #fff; }
#partners li { width: 155px; float: left; padding: 10px; }

#social { width: 728px; clear: both; }
#facebook { float: right; }

/* Gallery */

.thumbnails { padding: 0 0 0 4px; }
.thumbnails li { width: 110px; overflow: hidden; float: left; text-align: center; margin: 0 5px 16px 5px; }
.thumbnails li .image { width: 104px; position: relative; }
.thumbnails li .image .count { width: 90px; position: absolute; left: 2px; bottom: 10px; background: #990000; color: #fff; font-size: 10px; line-height: 10px; padding: 5px; }
.thumbnails li .text { width: 102px; font-size: 11px; font-weight: 700; line-height: 18px; text-align: left; }
.thumbnails li a img { border: 2px solid #eee; }
.thumbnails li a:hover img { border: 2px solid #000; }
.thumbnails.main li { height: 184px; }

#gallery-controls, #gallery-image { text-align: center; }

.transcripts {background: #CCC; width: 600px;}

/* Calendar*/

#mini-calendar { width: 192px; float: right; text-align: right; margin: 10px 0 20px 20px; border: 2px solid #ccc; }
#mini-calendar td { border: 0; }
#mini-calendar a { text-decoration: none !important; }

.calendar { width: 192px; overflow: hidden; margin: 0; font-family: Tahoma, sans-serif; font-size: 10px; background: #fff; }
.calendar caption { padding: 6px 0; font-size: 11px; font-weight: 700; line-height: 15px; color: #000; }
.calendar caption a { color: #000; text-decoration: none; }
.calendar th { color: #000; text-align: center; background: #ccc; font-weight: 800; padding: 4px; }
.calendar td { width: 17%; padding: 1px; text-align: center; }
.calendar span { display: block; padding: 4px; }
.calendar td a { display: block; color: #666; overflow: hidden; }
.calendar-skip { background: #eee; }
.calendar-highlighted a { color: #FFF !important; background-color: #990000; }
.calendar-highlighted a:hover { background: #000; }
.calendar-selected span { background-color: #fdbf57; }