﻿/* blueprint css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body
{
    line-height: 1;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}
:focus
{
    outline: 0;
}
ins
{
    text-decoration: none;
}
del
{
    text-decoration: line-through;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
body
{
    font: 13px/1.5 Helvetica,Arial, 'Liberation Sans' ,FreeSans,sans-serif;
}
a:focus
{
    outline: 1px dotted invert;
}
hr
{
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}
h1
{
    font-size: 25px;
}
h2
{
    font-size: 23px;
}
h3
{
    font-size: 21px;
}
h4
{
    font-size: 19px;
}
h5
{
    font-size: 17px;
}
h6
{
    font-size: 15px;
}
ol
{
    list-style: decimal;
}
ul
{
    list-style: square;
}
li
{
    margin-left: 30px;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset
{
    margin-bottom: 20px;
}
.container_12, .container_16
{
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16
{
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.container_12 .grid_3, .container_16 .grid_4
{
    width: 220px;
}
.container_12 .grid_6, .container_16 .grid_8
{
    width: 460px;
}
.container_12 .grid_9, .container_16 .grid_12
{
    width: 700px;
}
.container_12 .grid_12, .container_16 .grid_16
{
    width: 940px;
}
.alpha
{
    margin-left: 0;
}
.omega
{
    margin-right: 0;
}
.container_12 .grid_1
{
    width: 60px;
}
.container_12 .grid_2
{
    width: 140px;
}
.container_12 .grid_4
{
    width: 300px;
}
.container_12 .grid_5
{
    width: 380px;
}
.container_12 .grid_7
{
    width: 540px;
}
.container_12 .grid_8
{
    width: 620px;
}
.container_12 .grid_10
{
    width: 780px;
}
.container_12 .grid_11
{
    width: 860px;
}
.container_16 .grid_1
{
    width: 40px;
}
.container_16 .grid_2
{
    width: 100px;
}
.container_16 .grid_3
{
    width: 160px;
}
.container_16 .grid_5
{
    width: 280px;
}
.container_16 .grid_6
{
    width: 340px;
}
.container_16 .grid_7
{
    width: 400px;
}
.container_16 .grid_9
{
    width: 520px;
}
.container_16 .grid_10
{
    width: 580px;
}
.container_16 .grid_11
{
    width: 640px;
}
.container_16 .grid_13
{
    width: 760px;
}
.container_16 .grid_14
{
    width: 820px;
}
.container_16 .grid_15
{
    width: 880px;
}
.container_12 .prefix_3, .container_16 .prefix_4
{
    padding-left: 240px;
}
.container_12 .prefix_6, .container_16 .prefix_8
{
    padding-left: 480px;
}
.container_12 .prefix_9, .container_16 .prefix_12
{
    padding-left: 720px;
}
.container_12 .prefix_1
{
    padding-left: 80px;
}
.container_12 .prefix_2
{
    padding-left: 160px;
}
.container_12 .prefix_4
{
    padding-left: 320px;
}
.container_12 .prefix_5
{
    padding-left: 400px;
}
.container_12 .prefix_7
{
    padding-left: 560px;
}
.container_12 .prefix_8
{
    padding-left: 640px;
}
.container_12 .prefix_10
{
    padding-left: 800px;
}
.container_12 .prefix_11
{
    padding-left: 880px;
}
.container_16 .prefix_1
{
    padding-left: 60px;
}
.container_16 .prefix_2
{
    padding-left: 120px;
}
.container_16 .prefix_3
{
    padding-left: 180px;
}
.container_16 .prefix_5
{
    padding-left: 300px;
}
.container_16 .prefix_6
{
    padding-left: 360px;
}
.container_16 .prefix_7
{
    padding-left: 420px;
}
.container_16 .prefix_9
{
    padding-left: 540px;
}
.container_16 .prefix_10
{
    padding-left: 600px;
}
.container_16 .prefix_11
{
    padding-left: 660px;
}
.container_16 .prefix_13
{
    padding-left: 780px;
}
.container_16 .prefix_14
{
    padding-left: 840px;
}
.container_16 .prefix_15
{
    padding-left: 900px;
}
.container_12 .suffix_3, .container_16 .suffix_4
{
    padding-right: 240px;
}
.container_12 .suffix_6, .container_16 .suffix_8
{
    padding-right: 480px;
}
.container_12 .suffix_9, .container_16 .suffix_12
{
    padding-right: 720px;
}
.container_12 .suffix_1
{
    padding-right: 80px;
}
.container_12 .suffix_2
{
    padding-right: 160px;
}
.container_12 .suffix_4
{
    padding-right: 320px;
}
.container_12 .suffix_5
{
    padding-right: 400px;
}
.container_12 .suffix_7
{
    padding-right: 560px;
}
.container_12 .suffix_8
{
    padding-right: 640px;
}
.container_12 .suffix_10
{
    padding-right: 800px;
}
.container_12 .suffix_11
{
    padding-right: 880px;
}
.container_16 .suffix_1
{
    padding-right: 60px;
}
.container_16 .suffix_2
{
    padding-right: 120px;
}
.container_16 .suffix_3
{
    padding-right: 180px;
}
.container_16 .suffix_5
{
    padding-right: 300px;
}
.container_16 .suffix_6
{
    padding-right: 360px;
}
.container_16 .suffix_7
{
    padding-right: 420px;
}
.container_16 .suffix_9
{
    padding-right: 540px;
}
.container_16 .suffix_10
{
    padding-right: 600px;
}
.container_16 .suffix_11
{
    padding-right: 660px;
}
.container_16 .suffix_13
{
    padding-right: 780px;
}
.container_16 .suffix_14
{
    padding-right: 840px;
}
.container_16 .suffix_15
{
    padding-right: 900px;
}
.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
}
.clearfix:after
{
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}
.clearfix
{
    display: inline-block;
}
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}

/* css served only once so no need for external style sheet for now */
body
{
    color: #444;
    background: #fff url(/_images/bg-page-dots.png) repeat-x;
}
#collegeMastHead
{
    float: right;
    margin: 10px 10px 0 10px;
}
#logo
{
    text-align: center;
    margin: 0;
}
#tagline
{
    padding-bottom: 10px;
    text-align: center;
    font: normal 1.3em/1.4 georgia, serif;
    color: #444;
    letter-spacing: 2px;
}
#main-sidebar
{
    float: left;
    width: 300px;
    padding-right: 68px;
    background: url(/_images/main-sidebar.jpg) no-repeat top center;
}
#main-photo
{
    float: right;
    width: 592px;
    height: 370px;
}
#main-photo a
{
    display: block;
    width: 592px;
    height: 370px;
}
#main-subNavWrapper
{
    width: 960px;
    background: url(/_images/main-sub-nav.jpg) no-repeat top right;
    padding: 0;
    margin: 0;
    height: 80px;
    text-align: center;
    word-spacing: 70px;
}
span.amp
{
    font-family: Baskerville, "Goudy Old Style" , "Palatino" , "Book Antiqua" , serif;
    font-weight: normal;
    font-style: italic;
    font-size: 1.2em;
    color: #999;
}
#main
{
    height: 450px;
    width: 960px;
    letter-spacing: 1px;
}
#main a:hover
{
    color: #999;
}
#navContainer
{
    height: 370px;
}
#navContainer ul
{
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    font: normal 1em/1.8em Arial, sans-serif;
}
#navContainer ul li
{
    margin: 0 0 0 20px;
    padding: 0;
}
#navContainer ul li li
{
    margin: 0 0 0 20px;
    padding: 0;
}
#navContainer ul li h2
{
    margin: 0;
    padding: 15px 0 0 5px;
    color: #eee;
    list-style-type: none;
    font: 1.1em/1.8em Georgia, serif;
    text-transform: uppercase;
    border-bottom: #fff 1px solid;
    letter-spacing: 2px;
}
#navContainer li li a
{
    width: 100%;
    display: block;
    color: #fff;
    text-decoration: none;
    border-bottom: #710404 1px solid;
}
#navContainer a
{
    text-decoration: none;
}
#navContainer a:hover
{
    color: #fff;
}

#subNav ul, #subNav li
{
    margin: 0;
    padding: 0;
    display: inline;
}
#subNav li a
{
    font: 1.3em/1.8em Georgia, serif;
    color: #fff;
    line-height: 80px;
    padding: 0 10px;
    text-decoration: none;
}
#extraHeading h2
{
    font: 1.8em/1.5em Georgia, serif;
    padding: 15px 0 0 0;
    color: #666;
}
.extra
{
}
#spotlight
{
    padding: 10px 0;
    margin-top: 20px;
    height: 280px;
    width: 960px;
    background: url(/_images/bg-spotlight.jpg) no-repeat;
}
#spotlight .grid_4
{
    padding-top: 55px;
}
#spotlight h2
{
    padding: 0;
    margin: 10px 0 5px 0;
}
#spotlight a
{
    color: #900;
    text-decoration: none;
}
#spotlight a.more
{
    color: #333;
    text-decoration: underline;
    font-size: .85em;
    background: url(/_images/more.gif) no-repeat 100% 0;
    padding: 0 14px 0 0;
    margin: .5em 0 0 0;
}

/* footer */
#footer
{
    padding-top: 15px;
    margin-top: 15px;
    clear: both;
}
#footer h2
{
    color: #555;
    margin: 0 0 10px 0;
    font: normal 1.2em/1.5em Arial, sans-serif;
    border-bottom: 3px #666 solid;
}
#footer ul, #footer ul li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#footer ul li
{
    border-bottom: 1px #666 dotted;
}
#footer ul
{
    margin-bottom: 15px;
}
#footer a
{
    text-decoration: none;
    color: #666;
}
#footer a.button
{
    margin: 0 1px;
    padding: 1px 2px;
    background: #eee;
    border: 1px solid #bbb;
}
#footer #signoff
{
    border-top: 3px solid #666;
    text-align: center;
    padding: 20px 0;
}
/* masthead */
#masthead
{
    margin-top: 10px;
    float: left;
    width: 960px;
}
#masthead a
{
    color: #555;
    text-decoration: none;
}
#osuLink
{
    margin: 0 2px 0 0;
    float: left;
    width: 298px;
    height: 30px;
    border-bottom: solid 6px #900;
}
#osuLink a
{
    color: #900;
    font-weight: bold;
}
#osuNav
{
    display: inline;
    float: left;
    width: 660px;
    color: #555;
    height: 30px;
    border-bottom: solid 6px #bbb;
}
#osuNav ul
{
    margin-bottom: 0;
    float: right;
}
#osuNav ul li
{
    display: inline;
    list-style: none;
    padding: 0 .4em;
    margin: 0;
}
#osuNav form, #osuNav div
{
    display: inline;
}
#osuNav label
{
    display: none;
}
button
{
    color: #555;
    border: 1px solid;
    border-color: #ccc #999 #999 #ccc;
    height: 22px;
    padding: 0 2px;
    margin-left: 3px;
    background-color: #eee;
}

ul.piped
{
    margin: 10px 0 0 0;
    padding: 0;
    list-style-type: none;
}
ul.piped li
{
    display: inline;
    border-left: 1px solid #aaa;
    background: none;
    margin: 0;
    padding: 0 5px;
}
ul.piped li a
{
    color: #000;
    text-decoration: none;
}
ul.piped li.first
{
    border-left: none;
}

.alignright
{
    float: right;
}

img.border
{
    margin: 5px 10px;
    padding: 4px;
    border: #ccc solid 1px;
}
img.alignright
{
    float: right;
    margin: 0 0 1em 1em;
}
img.alignleft
{
    float: left;
    margin: 0 1em 1em 0;
}
img.aligncenter
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
a img.alignright
{
    float: right;
    margin: 0 0 1em 1em;
}
a img.alignleft
{
    float: left;
    margin: 0 1em 1em 0;
}
a img.aligncenter
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

