* { padding: 0px; margin: 0px; }
body { text-align: center; font: 12px/16px 'Palatino Linotype', 'Book Antiqua', 'Palatino', serif; color: #002147; }
#container { width: 960px; margin: 0px auto; text-align: left; }

/* Header */
#header { height: 65px; }
#header img.logo { float: left; margin-top: 15px; }
#header img.osba-logo { float: left; margin-top: 15px; margin-left: 12px;}
#header form { width: 500px; float: right; margin-top: 20px; text-align: right; }
#header form label { font: 14px 'Palatino Linotype', 'Book Antiqua', 'Palatino', serif; color: #002147; }

/* Nav */
#nav { background: url('../img/nav-background.gif'); width: 960px; height: 55px; }
#nav ul { padding: 20px 0px 0px 20px; }
#nav ul li { display: inline; }
#nav ul li a { font: bold 14px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-transform: uppercase; letter-spacing: -0.3px; display: block; width: 120px; height: 21px; padding: 4px 0px 0px 10px; color: #fff; text-decoration: none; float: left; margin-right: 10px; }

/* Individual navigation links */
#nav ul li a.who-we-are { background: #5eb0e5; }
#nav ul li a.what-we-do { background: #ea7125; }
#nav ul li a.get-involved { background: #002147; }
#nav ul li a.give { background: #f2e3c5; color: #002147; }
#nav ul li a.news { background: #998f86; }

#nav ul li a:hover { color: #002147; background: #fff; }

/* Solid bar of color below navigation */
.who-we-are-nav-spacer { width: 960px; height: 10px; overflow: hidden; clear: left; background: #5eb0e5 }
.what-we-do-nav-spacer { width: 960px; height: 10px; overflow: hidden; clear: left; background: #ea7125 }
.get-involved-nav-spacer { width: 960px; height: 10px; overflow: hidden; clear: left; background: #002147 }
.give-nav-spacer { width: 960px; height: 10px; overflow: hidden; clear: left; background: #f2e3c5 }
.news-nav-spacer { width: 960px; height: 10px; overflow: hidden; clear: left; background: #998f86 }

#wrapper { background: url('../img/wrapper-background.gif') repeat-y; padding: 0px 10px; }
#content { background: url('../img/content-background.jpg') top left no-repeat; }
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Subnav */
#subnav { width: 150px; float: left; margin: 0px 10px 0px -10px; text-align: right; }
* html #subnav { z-index: 1; position: relative; } /* Fixes width on IE6 */
#subnav ul { list-style-type: none; margin-top: 20px; }
* html #subnav ul { margin-left: -1px; }
#subnav ul li a { font: bold 13px 'Palatino Linotype', 'Book Antiqua', 'Palatino', serif; text-transform: uppercase; text-decoration: none; color: #998f86; padding: 4px 5px 4px 15px; display: block; }
#subnav ul li ul { margin-top: 0px; }

/* Various subnav styles based on the page section */
body.who-we-are #subnav { background: url('../img/subnav-who-we-are-background.gif') 0px -500px no-repeat; }
body.who-we-are #subnav ul li a:hover { color: #5eb0e5; }
body.who-we-are #subnav ul li a.current { background: url('../img/subnav-lvl2-active-background.gif') bottom right no-repeat #5eb0e5; padding-bottom: 10px; color: #fff; }
body.who-we-are #subnav ul li a.current:hover { color: #fff; }
body.who-we-are #subnav ul li ul li a.current { padding-bottom: 4px; }
body.who-we-are #subnav ul li ul { background: #5eb0e5; }
body.who-we-are #subnav ul li ul li a { text-transform: none; color: #fff; font-weight: normal; }
body.who-we-are #subnav ul li ul li a:hover, body.who-we-are #subnav ul li ul li a.current { color: #fff; background: #78c2f2; padding-bottom: 4px; }

body.what-we-do #subnav { background: url('../img/subnav-what-we-do-background.gif') 0px -500px no-repeat; }
body.what-we-do #subnav ul li a:hover { color: #ea7125; }
body.what-we-do #subnav ul li a.current { background: url('../img/subnav-lvl2-active-background.gif') bottom right no-repeat #ea7125; padding-bottom: 10px; color: #fff; }
body.what-we-do #subnav ul li a.current:hover { color: #fff; }
body.what-we-do #subnav ul li ul li a.current { padding-bottom: 4px; }
body.what-we-do #subnav ul li ul { background: #ea7125; }
body.what-we-do #subnav ul li ul li a { text-transform: none; color: #fff; font-weight: normal; }
body.what-we-do #subnav ul li ul li a:hover, body.what-we-do #subnav ul li ul li a.current { color: #fff; background: #f6a979; }

body.get-involved #subnav { background: url('../img/subnav-get-involved-background.gif') 0px -500px no-repeat; }
body.get-involved #subnav ul li a:hover { color: #002147; }
body.get-involved #subnav ul li a.current { background: url('../img/subnav-lvl2-active-background.gif') bottom right no-repeat #002147; padding-bottom: 10px; color: #fff; }
body.get-involved #subnav ul li a.current:hover { color: #fff; }
body.get-involved #subnav ul li ul li a.current { padding-bottom: 4px; }
body.get-involved #subnav ul li ul { background: #002147; }
body.get-involved #subnav ul li ul li a { text-transform: none; color: #fff; font-weight: normal; }
body.get-involved #subnav ul li ul li a:hover, body.get-involved #subnav ul li ul li a.current { color: #fff; background: #002147; }

body.give #subnav { background: url('../img/subnav-give-background.gif') 0px -500px no-repeat; }
body.give #subnav ul li a:hover { color: #002147; }
body.give #subnav ul li a.current { background: url('../img/subnav-give-active-background.gif') bottom right no-repeat #f2e3c5; padding-bottom: 10px; color: #002147; }
body.give #subnav ul li ul li a.current { padding-bottom: 4px; }
body.give #subnav ul li ul { background: #f2e3c5; }
body.give #subnav ul li ul li a { text-transform: none; color: #002147; font-weight: normal; }
body.give #subnav ul li ul li a:hover, body.give #subnav ul li ul li a.current { color: #f2e3c5; background: #002147; }

body.news #subnav { background: url('../img/subnav-news-background.gif') 0px -500px no-repeat; }
body.news #subnav ul li a:hover { color: #998f86; }
body.news #subnav ul li a.current { background: url('../img/subnav-lvl2-active-background.gif') bottom right no-repeat #998f86; padding-bottom: 10px; color: #fff; }
body.news #subnav ul li a.current:hover { color: #fff; }
body.news #subnav ul li ul li a.current { padding-bottom: 4px; }
body.news #subnav ul li ul { background: #998f86; }
body.news #subnav ul li ul li a { text-transform: none; color: #fff; font-weight: normal; }
body.news #subnav ul li ul li a:hover, body.news #subnav ul li ul li a.current { color: #fff; background: #998f86; }



/* Index */
#content.index hr { border: none; height: 10px; background: #5eb0e5; color: #5eb0e5; margin: 10px }
#content.index p { margin: 10px 0px; font-size: 13px; line-height: 18px; }
#content.index table { margin: 0px 10px 0px 10px; }
#content.index h2 { font-family: Helvetica, Arial, sans-serif; font-size: 14px; text-transform: uppercase; border-bottom: 10px solid #a39b94; margin-bottom: 10px; padding-bottom: 5px; }
#content.index a { text-transform: uppercase; font-weight: bold; color: #002147; }
#content.index a:hover { text-decoration: none; }
#content.index table tr { vertical-align: top; }
#content.index table tr td { width: 33%; padding: 0px 10px; border-left: 10px solid #5eb0e5; }
#content.index table tr td img { float: left; }
#content.index table tr td:first-child, #content.index table tr td.first-child { border-left: none; }

/* Copy */
#copy { width: 540px; float: left; padding-top: 10px; margin-right: 10px; }
#copy.secondary { width: 780px; margin-right: 0px; }
#copy a { text-transform: uppercase; font-weight: bold; color: #002147; }
#copy a:hover { text-decoration: none; }
#copy p { margin: 10px 0px; font-size: 13px; line-height: 18px; }
#copy img { display: block; }
#copy ul, #copy ol { padding-left: 35px; margin: 10px 0px; }
#copy hr { height: 0px; background: #fff; color: #fff; border: none; border-top: 1px dotted #ccc; margin: 10px 0px; }
#copy hr.double { height: 10px; border-bottom: 1px dotted #ccc; }

#copy h1 { font: 42px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-transform: uppercase; letter-spacing: -1px; }
#copy h2 { font: normal 26px/30px 'Palatino Linotype', 'Book Antiqua', 'Palatino', serif; margin: 0px 0px 10px 0px; }
#copy h2 span { font-size: 20px; }
#copy.secondary h2 { font: bold 16px/18px Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0px 0px 10px 0px; }
#copy h3 { font: bold 14px/16px Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0px 0px 10px 0px; }
#copy h4 { clear: left; background: url('../img/h4-background.gif') 40px 14px no-repeat; color: #998f86; font: bold 16px/18px Helvetica, Arial, sans-serif; padding: 10px 10px 10px 0px; }
#copy h4 span { background: #fff; padding-right: 10px; }

#copy h2.events {font-size: 18px; line-height: 22px; text-indent: -2.7em; margin-left: 2.7em; padding-bottom: 0}
#copy h2.events small {color: #998f86; font-size: 14px; width: 2.7em; }

#copy .rss { float: right; position: relative; bottom: 63px; }
#copy .rss a { text-decoration: none; font: 12px Helvetica, Arial, sans-serif; color: #998f86; }
#copy .rss img { display: inline }

body.who-we-are #copy h1 { color: #5eb0e5; border-bottom: 10px solid #5eb0e5; }
body.who-we-are #copy h2, body.who-we-are #copy h3 { color: #5eb0e5; }
body.what-we-do #copy h2, body.what-we-do #copy h3 { color: #ea7125; }

#copy .circle-gets-the-square p{width: 340px; display: block; float: right; clear: right; margin-bottom: 7px; margin-top: 5px}
#copy .circle-gets-the-square h2 {clear: right; width: 340px; float: right; margin-top: 10px; margin-bottom: 5px}
#copy .circle-gets-the-square h4 {clear: both; display: block; margin-bottom: 7px}
#copy .circle-gets-the-square hr.double {clear: both; margin-bottom: 20px; display: block}


.circle-gets-the-square img {margin-bottom: 10px}

/* Some table styles */
table tr { vertical-align: top; }
#copy.secondary table { width: 780px; margin: 10px 0px; }
#copy.secondary table tr td { width: 390px; }
#copy.secondary table tr td img { float: right; padding: 0px 0px 0px 20px; }

table.trustees { padding-bottom: 10px; }
#copy table.trustees tbody tr td p { margin: 0px 0px 20px 0px; }

/*
table.fellows tr th, table.awards tr th { font-family: 'Palatino Linotype', 'Book Antiqua', 'Palatino', serif; font-weight: bold; padding: 7px 5px; text-transform: uppercase; }
table.fellows .alt, table.awards .alt { background: #f2e3c5; }
table.fellows tr td, table.awards tr td { border-bottom: 1px solid #ddd; padding: 4px; width: 25%; }
table.awards tr td { width: auto; }
*/

/* Sidebar */
#sidebar { width: 220px; float: left; padding-bottom: 10px; }
#sidebar .item { margin-top: 20px; }
#sidebar h2 { margin: 10px 0px; font-weight: normal; line-height: 20px; }
#sidebar p { margin: 5px 15px; }
#sidebar a { text-transform: uppercase; font-weight: bold; color: #002147; }
#sidebar a:hover { text-decoration: none; }

/* Footer */
#footer { padding: 20px 0px 10px 0px; background: url('../img/footer-background.jpg') top center no-repeat; color: #939598; font: 10px/14px Verdana, sans-serif; }
#footer p { display: block; width: 60%; }
#footer ul { float: right; }
#footer ul li { display: inline; padding: 0px 3px 0px 7px; background: url('../img/footer-li-background.gif') 0px 3px no-repeat; }
#footer ul li.first-child { background: none; }
#footer ul li a { font: bold 10px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-transform: uppercase; letter-spacing: -0.3px; color: #939598; text-decoration: none; }
#footer ul li a:hover { color: #ea7125; text-decoration: underline; }

.accessibility { position: absolute; left: -9999px; }
a img { border: none; }
.clear { clear: both; margin: 0px; height: 0px; overflow: hidden; }