body { margin: 0 0 20px 0; text-align: center; font-family: Verdana, Arial, sans-serif; background: #ddd; }
h1,h2,h3,h4,h5,h6 { font-family: Arial, sans-serif; font-weight: 400; margin: 0; }
a { color: #0063dc; text-decoration: none; }
a:hover { color: #000; }
div { overflow: hidden; }
table { border-collapse: collapse; width: 100%; font-size: 11px; margin: 0 0 10px 0; }
th { background: #ccc; border: solid #ccc; border-width: 1px 0; padding: 4px; }
td { border: solid #ccc; border-width: 1px 0; padding: 4px; }
img { border: 0; }

/* OSU Masthead */

#osunav { width: 960px; margin: 0 auto; text-align: left; font-family: Arial, sans-serif; line-height: 1.231; font-size: 12px; }

#osuname { width: 230px; overflow: hidden; padding: 5px; float: left; font-weight: 700; border-bottom: 6px solid #990000; }
#osuname a { color: #000; }
#osuname a:hover { text-decoration: underline; background-color: #ddd; }

#osulinks { border-bottom: 6px solid #ccc; }
#osulinks ul { padding: 0; margin: 0; text-align: right; padding: 5px; }
#osulinks li { display: inline; margin: 0; padding-left: 6px; }
#osulinks a { padding: 5px; color: #666; font-weight: 400; }
#osulinks a:hover { background: #ddd; text-decoration: none; color: #000; }

/* Hidden */

.hidden, #header h1 a span, #find label span { position: absolute; left: 0; top: -1000px; }

/* Fonts */

#notice p, #notice ul, #mainbar p, #mainbar ul, #mainbar ol, #mainbar dl, #full-screen p, #full-screen ul, #full-screen ol, #full-screen dl, .small-window p { font-size: 12px; line-height: 19px; margin-top: 10px; margin-bottom: 10px; }
#bottom p, #utilities li, #features p, #sidebar li, #news li, #news p, #feeds li, #feeds p, #today p, #mainbar address p { font-size: 11px; line-height: 18px; }
#mainbar h2, #mainbar h3, .profile h4, #full-screen h3 { margin: 0 0 10px 0; color: #990000; }
#mainbar ul { list-style: square; }

/* Lists */

#utilities ul, #navigation ul, #features ul, #sidebar ul, #news ul, #feeds ul, #team ul, #info ul, #icon-lists ul, #request-forms ul, #mainbar .error ul, #full-screen .error ul, .paging ul { padding: 0; margin: 0; list-style: none; }

#mainbar .no-bullet { padding: 0; margin: 0 0 0 20px; list-style: none; }

/* Top */

#top { width: 960px; text-align: left; margin: 0 auto; }

#header { width: 960px; background: #f2f2f2; }
#header h1 { float: left; }
#header h1, #header h1 a { width: 240px; height: 100px; overflow: hidden; margin: 0; }
#header h1 a { display: block; background: url("/images/logo_sl.gif") 0 0 no-repeat; }

#find { width: 240px; float: right; padding: 20px; }

#search-label { width: 141px; height: 13px; overflow: hidden; display: block; background: url("/images/blurb-search.gif") 0 0 no-repeat; margin: 10px 0 5px 0; }

#search-controls { background: url("/images/bg-search.gif") 0 0 no-repeat; }
#search-controls input { border: none; background: none; margin: 0; }
#search-controls .value { width: 205px; padding: 4px 0 4px 4px; margin: 0; font-size: 12px; color: #000; float: left; }
#search-controls .button { width: 25px; height: 25px; float: right; }

#utilities { clear: right; width: 260px; padding: 0 0 0 20px; float: right; }
#utilities li { float: left; font-size: 11px; }
#utilities li a { display: block; float: left; padding: 10px; color: #000; text-decoration: none; }
#utilities li a:hover { color: #990000; background: none; }

#navigation { width: 960px; background: #f2f2f2 url("/images/bg_01.gif") bottom left repeat-x; margin: 0 auto; }
#navigation ul { width: 920px; overflow: hidden; margin: 0 12px; }
#navigation li { float: left; }
#navigation .active a { color: #000; background: #FFF; border: 1px solid #ddd; border-width: 1px 1px 0 1px; margin: 0; }
#navigation .active a:hover { background: #fff; }
#navigation a { display: block; font-size: 12px; line-height: 13px; font-weight: 700; color: #999; padding: 18px 19px; margin: 1px 1px 0 1px; float: left; }
#navigation a:hover { color: #990000; background: none; }

/* Middle */

.icon-calendar { background: url("/images/icon_calendar.gif") 0 50% no-repeat; padding-left: 20px; }
.icon-clock { background: url("/images/icon_clock.gif") 0 50% no-repeat; padding-left: 20px; }
.icon-computer { background: url("/images/icon_computer.gif") 0 50% no-repeat; padding-left: 20px; }
.icon-doc { background: url("/images/icon_doc.gif") 0 50% no-repeat; padding-left: 20px; }
.icon-email { background: url("/images/icon_email.gif") 0 50% no-repeat; padding-left: 20px; }
.icon-link { background: url("/images/icon_link.gif") 0 50% no-repeat; padding-left: 20px; }
.icon-news { background: url("/images/icon_news.gif") 0 50% no-repeat; padding-left: 20px; }
.icon-page { background: url("/images/icon_page.gif") 0 50% no-repeat; padding-left: 20px; }
.icon-pdf { background: url("/images/icon_pdf.gif") 0 50% no-repeat; padding-left: 20px; }
.icon-report { background: url("/images/icon_report.gif") 0 50% no-repeat; padding-left: 20px; }
.icon-rss { background: url("/images/icon_rss.gif") 0 50% no-repeat; padding-left: 20px; }
.icon-safety { background: url("/images/icon_safety.gif") 0 50% no-repeat; padding-left: 20px; }
.icon-tool { background: url("/images/icon_tools.gif") 0 50% no-repeat; padding-left: 20px; }

.col-1 { width: 240px; float: left; }
.col-2 { width: 480px; float: left; }
.col-3 { width: 720px; float: left; }
.col-4 { width: 960px; }

#middle { width: 960px; text-align: left; margin: 0 auto; }

#content { width: 960px; background: #FFF; border-bottom: 1px solid #ddd; }
#content h2 { margin: 20px 20px 0 20px; }
#content h4 { font-weight: 700; }

#notice { background: #fff9db; border: 1px solid #deca68; margin: 20px; padding: 10px 10px 0 10px; }
#notice h2 {  font-size: 18px; font-weight: 700; margin: 0; }
#notice p { margin: 10px 0; }

#full-screen { width: 920px; padding: 0 20px 10px 20px; }
#full-screen ul { padding: 0 0 0 30px; }

#mainbar { width: 700px; padding: 0 0 10px 20px; float: left; }

#sidebar { width: 240px; padding: 0 0 10px 0; float: left; }
#sidebar h3 { color: #999; font-size: 15px; font-weight: 700; margin: 10px 20px 5px 20px; }
#sidebar li { margin: 0 20px; padding-top: 3px; padding-bottom: 3px; border-top: 1px solid #ddd; }

.small-window { margin: 20px; text-align: left; background: #fff; }

.attachments { width: 220px; padding: 0 0 20px 20px; float: right; }

#full-screen { width: 920px; padding: 20px; }

/* Bottom */

#bottom { width: 960px; text-align: left; background: #f2f2f2; margin: 0 auto; }

/*#footer { border-top: 6px solid #ddd; padding: 20px 0 10px 0; margin: 0 auto; background: url("/images/bg_00.gif") bottom left no-repeat; }
#footer p { margin: 0 20px 10px 20px; color: #737373; }*/

#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: 920px; 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; }

/* Forms */

#full-screen #info ul { padding: 0; }
#info { padding: 10px 20px; margin: 5px 0; border: 1px solid #ddd; background: #ffffcc; }
#info li { background: url("/images/icon_info.gif") 0 2px no-repeat; padding-left: 20px; margin: 5px 0; }

.tip { font-family: Tahoma, Sans-Serif; font-size: 10px !important; color: #999; margin: 0 !important; }

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 li { list-style: none; }
fieldset ul ul li { padding-left: 20px; }
fieldset .label { width: 165px; overflow: hidden; float: left; font-weight: 700; }
fieldset .checkboxes { overflow: scroll; height: 200px; border: 1px solid #ddd; }
fieldset .inner { margin-top: 8px; }

#full-screen .rowwrap { width: 920px; overflow: hidden; padding: 4px 0; font-size: 11px; }
#full-screen .input { width: 750px; overflow: hidden; float: left; margin-left: 5px; }
#full-screen .input p { margin-top: 0; }

#mainbar .rowwrap { width: 700px; overflow: hidden; padding: 4px 0; font-size: 11px; }
#mainbar .input { width: 530px; overflow: hidden; float: left; margin-left: 5px; }

.submit { margin-left: 170px; }

.error { background: #fff0f0; border: 1px solid #990000; padding: 20px; margin: 10px 0; }
.error ul { padding: 0 0 0 20px; margin: 0 !important; }
.error li { overflow: visible; background: url("/images/icon_error.gif") 0 2px no-repeat; padding-left: 20px; margin: 5px 0; }

/* Home */

#introduction { height: 300px; background: #990000; }
#introduction h2 { font-size: 23px; line-height: 24px; color: #ffffb3; margin: 20px 20px 0 20px; }
#introduction a { color: #FFF; text-decoration: underline; }
#introduction a:hover { background: #FFF; color: #990000; text-decoration: none; }
#introduction .text p { font-size: 12px; line-height: 18px; color: #FFF; margin: 10px 20px 20px 20px; }

#primary { width: 960px; border-top: 1px solid #ddd; }

#features { width: 680px; float: left; }
#features h3 { font-size: 16px; font-weight: 700; line-height: 19px; color: #666; margin: 20px 0 0 0; }
#features p { margin: 10px 0 0 0; color: #666; }
#features li { width: 340px; overflow: hidden; float: left; padding: 0 0 15px 0; }
#features .image { width: 150px; }
#features .image img, #team img, .profile img {padding: 4px; border: 1px solid #ddd; background: #fff; }
#features .image a:hover { background: none; }
#features .image img { margin: 20px; }
#features .text { width: 189px; }

#buttons { width: 240px; float: right; padding: 0 20px 20px 20px; }
#buttons img { margin: 20px 0 0 0; }

/* Leadership Team */

#team li { width: 330px; overflow: hidden; margin: 0 0 5px 0; padding: 10px; float: left; }
#team li.special { width: 678px; margin: 10px 0; background: #fff9db; border: 1px solid #deca68; }
#team .image { display: block; width: 120px; overflow: hidden; float: left; }
#team .text { display: block; width: 210px; overflow: hidden; float: left; font-weight: 700; padding-top: 10px; }
#team .title { display: block; width: 210px; overflow: hidden; font-size: 11px; line-height: 17px; font-weight: 400; }

.profile { width: 698px; overflow: hidden; margin: 0 0 10px 0; border: 1px solid #fff; }
.profile address { border: solid #ddd; border-width: 1px 0; color: #999; font-style: normal; }
.profile.special { background: #fff9db; border: 1px solid #deca68; margin-top: 10px; }
.profile.special address { color: #998b48; border-color: #deca68; }
.profile.special img { border-color: #deca68; }
.profile .title { font-size: 12px; display: block; font-family: Verdana, sans-serif; }
.profile .image { width: 170px; }
.profile .image img { margin: 10px; }
.profile .text { width: 508px; margin: 10px; }

.image { overflow: hidden; float: left; }
.text { overflow: hidden; float: left; }

/* News */

#news { width: 960px; margin-top: 10px; }
#news h3 { margin: 0 20px; }
#news ul { margin: 0 0 20px 0; }
#news li { width: 440px; overflow: hidden; margin: 0 20px; padding: 3px 0; border-bottom: 1px solid #ddd; }
#news p { margin: 3px 20px 20px 20px; }
#news .date { width: 45px; overflow: hidden; float: left; color: #CCC; }
#news .title { width: 385px; overflow: hidden; float: left; margin-left: 5px; }
#news .last { border: 0; }

#more { width: 918px; margin: 0 20px 20px 20px; background: #fff9db; border: 1px solid #deca68; }
#more h3 { font-size: 15px; font-weight: 700; margin: 0 0 5px 0; color: #990000; }

#feeds { padding: 20px; }
#feeds li { margin: 3px 0; }

/* Resources */

#request-forms li { margin: 0 0 20px 0; }
#icon-lists ul { margin-bottom: 10px; }
#icon-lists li { padding: 3px 0 3px 20px; }

/* Jobs */

#mainbar #search { width: 700px; margin: 0 0 10px 0; }
#mainbar #search label { font-size: 12px; font-weight: 700; }

/* Search */

#cse td { border: none; }
#cse a, #cse .gs-title b { color: #0063dc; }
#cse a:hover { background: none; }
#cse .gsc-search-box { width: 300px; }
#cse .gsc-tabsArea, #cse .gsc-clear-button { display: none; }
#cse .gs-visibleUrl { color: #990000; }

/* Stories */

#books .row { width: 920px; overflow: hidden; }

#books .row.books { border-bottom: 1px solid #eee; margin-bottom: 20px; }

.book { width: 125px; margin-right: 34px; padding: 0 0 10px 0; overflow: hidden; float: left; text-align: center; }
.book h4 { margin: 0 0 4px 0; height: 60px; font-size: 11px; font-weight: 400 !important; text-align: left; }
.book h4 em { color: #999; }
.book.last { margin: 0; }
.book .image { height: 205px; overflow: hidden; }
.book label { float: left; font-size: 11px; font-weight: 800; }
.book label span { position: absolute; left: 0; top: -500px; }

#fields label { font-size: 13px; font-weight: 800; padding: 0 0 5px 0; }
#fields textarea { width: 433px; padding: 5px; border: 1px solid #000; background: #f6f6f6; }
#fields .message { width: 460px; overflow: hidden; float: left; }
#fields .checkout { padding: 0 15px; }
#fields .checkout .button { margin: 10px 0; }

#confirm .total { background: #eee; }

/* Giving Funds */

#fund li { width: 330px; height: auto; overflow: hidden; margin: 0 0 5px 0; padding: 10px; float: left; }
#fund li.special { width: 678px; margin: 10px 0; background: #fff9db; border: 1px solid #deca68; }
#fund .image { display: block; width: 120px; overflow: hidden; float: left; }
#fund .text { display: block; width: 210px; overflow: hidden; float: left; font-weight: 700; }
#fund .title { display: block; width: 210px; overflow: hidden; font-size: 11px; line-height: 17px; font-weight: 400; }

