/* Custom Settings based on Category ---------------------------------------------------- */ .gold #logo, .gray #logo, .wine #logo, .blue #logo, .prpl #logo, .teal #logo { background-image:url(../img/header-white.png); } .gold #header, .gold h1.first { background-color: #be993e; } .gold #secondaryMenu li.gold a, .gold #secondaryMenu li.gold a:hover { background-color: #e5d6b2; } .gold h3, .gold #sideBar h2 { color: #be993e; } .gray #header, .gray h1.first { background-color: #686768; } .gray #secondaryMenu li.gray a, .gray #secondaryMenu li.gray a:hover { background-color: #c3c2c3; } .gray h3, .gray #sideBar h2 {color: #686768; } .wine #header, .wine h1.first { background-color: #5c1935; } .wine #secondaryMenu li.wine a, .wine #secondaryMenu li.wine a:hover { background-color: #bea3ae; } .wine h3, .wine #sideBar h2 {color: #5c1935; } .blue #header, .blue h1.first { background-color: #36577e; } .blue #secondaryMenu li.blue a, .blue #secondaryMenu li.blue a:hover { background-color: #aebccb; } .blue h3, .blue #sideBar h2 {color: #36577e; } .prpl #header, .prpl h1.first { background-color: #4f348a; } .prpl #secondaryMenu li.prpl a, .prpl #secondaryMenu li.prpl a:hover { background-color: #b9aed0; } .prpl h3, .prpl #sideBar h2 {color: #4f348a; } .teal #header, .teal h1.first { background-color: #698c8c; } .teal #secondaryMenu li.teal a, .teal #secondaryMenu li.teal a:hover { background-color: #c3d1d1; } .teal h3, .teal #sideBar h2 {color: #698c8c; } /*-------------------------------------------------- */ /*body{ background: #fff url(../img/background.png) repeat-y center; }*/ #wrapper { border: #333 solid; border-width: 0 1px; } #header { background: #fff url(../img/white-overlay.png) repeat-y right; height: 126px; border: solid #333; border-width: 0 0 1px 0; } #logo { height: 100px; margin-top: 10px; background: url(../img/header.png) no-repeat; } #header h2 { display: none; } /* Main Menu ---------------------------------------------------- */ #mainMenu { background: #333; width: auto; float: right; margin: 1px 0 0 0; max-width: 585px; } #mainMenu li { float: left; list-style: none; padding: 3px; } #mainMenu li a { float: left; padding: 2px 7px; font-size: 1.125em; color: #fff; text-decoration: none; font-weight: normal; } #mainMenu li a:hover { background: #444; } /* Secondary Menu ---------------------------------------------------- */ #secondaryMenu { margin: 0; background: url(../img/bottom-shadow-border.png) repeat-x bottom; padding: 0 0 13px 0; float: left;} #secondaryMenu li { list-style: none; margin: 0; float: left; clear: left; width: 225px; } #secondaryMenu li a { margin: 0; font-size: 1.125em; color: #333; text-decoration: none; border: solid #333; border-width: 0 1px 1px 10px; border-bottom-color: #666; padding: 6px 20px; display: block; } #subMenu, #subMenu-year { background: #1a4893; float: right; width: auto; font-weight: normal; margin: 0 10px 20px 0; clear: right; position: relative; display: inline;} #subMenu li, #subMenu-year li { float: left; list-style: none; } #subMenu li a, #subMenu-year li a { float: left; padding: 3px 9px; color: #fff; text-decoration: none; font-weight: normal; border: #5f7fb4 solid; border-width: 0 1px 0 0; } #submenus ul li a.last { border: none; } #submenus ul li a.current { background: #3c63a3; } #subMenu-year { border: #fff solid 0; border-bottom-width: 1px; margin-bottom: 0; } #submenus ul li a.current:hover, #subMenu li a:hover, #subMenu-year li a:hover { background: #5f7fb4; } /* Quote ---------------------------------------------------- */ #leftColumn .quote { clear: left; padding: 25px 0 0 0; background:url(../img/quote.png) no-repeat top left; } #leftColumn .quote blockquote { font-size: 13px; line-height: 1.4em; } #leftColumn .quote p { margin: 0 1em 0 3em; font-size: 11px; line-height: 1.4em;} .hidden { display: none; } #sideBar h2 { margin: 20px 0 0 0; padding: 10px 20px 0 20px ; font-size: 1.5em; border-style: solid; border-width: 1px 0 0 0; border-color: #333; } #sideBar li { font-size: .8em; margin: 8px 0 0 0; list-style: none; line-height: 1.4em; } #sideBar li a { font-weight: bold; color: #000; } #sideBar li ul li { margin: 2px 0 0 0; } /* Main Content ---------------------------------------------------- */ #contentWrapper { background: #fff url(../img/bottom-shadow.png) repeat-x top; } #content { padding: 5px 15px 5px 15px; } .inner-padding { padding: 0 0 0 5px; } .col1 .inner-padding { padding: 0 5px 0 0; } #footer { color: #fff; padding: 15px; clear: both; background: #333; margin: 20px 0 0 0; text-align: center; } #footer a { color: #fff; } /* Category Color Adjustments ---------------------------------------------------- */ #secondaryMenu li.gold a { border-left-color: #be993e; background-color: #f8f5eb; } #secondaryMenu li.gray a { border-left-color: #686768; background-color: #f0f0f0; } #secondaryMenu li.wine a { border-left-color: #5c1935; background-color: #eee8ea; } #secondaryMenu li.blue a { border-left-color: #36577e; background-color: #eaeef2; } #secondaryMenu li.prpl a { border-left-color: #4f348a; background-color: #edeaf3; } #secondaryMenu li.teal a { border-left-color: #698c8c; background-color: #f0f3f3; } #secondaryMenu li.gold a:hover { background-color: #f2ebd8; } #secondaryMenu li.gray a:hover { background-color: #e1e1e1; } #secondaryMenu li.wine a:hover { background-color: #ded1d7; } #secondaryMenu li.blue a:hover { background-color: #d7dde5; } #secondaryMenu li.prpl a:hover { background-color: #dcd6e8; } #secondaryMenu li.teal a:hover { background-color: #e1e8e8; } /* Video ---------------------------------------------------- */ .smallVideo { float: left; width: 340px; border: #1a4893 solid 1px; text-align: center; margin: 10px 20px 30px 0; background: #fff; } .smallVideo img { margin: 10px 0; } .smallVideo .description h4 { margin: 0; text-align: left; font-size: 1.1em; font-weight: bold; border: 0; } .smallVideo .description h4 span { background: #1a4893; color: #fff; padding: 2px 10px; } .smallVideo .description h4 span a { color: #fff; } .smallVideo .description p { margin: 5px 10px; text-align: left; color: #1f3447;} .smallVideo .description h4 a, .smallVideo p a { text-decoration: none; } .lastVideo { margin-right: 0; } .smallVideo2 { float: left; width: 460px; border: #1a4893 solid 1px; text-align: center; margin: 10px 10px 20px 0px; background: #f3f6f9; padding-top: 10px; } .smallVideo2 .description {margin-top: 5px} .smallVideo2 .description h4 { margin: 0; text-align: left; font-size: 1.1em; font-weight: bold; border: 0; } .smallVideo2 .description h4 span { background: #1a4893; color: #fff; padding: 2px 10px; } .smallVideo2 .description h4 span a { color: #fff; } .smallVideo2 .description p { margin: 5px 10px; text-align: left; color: #1f3447;} .smallVideo2 .description h4 a, .smallVideo2 p a { text-decoration: none; } .lastVideo { margin-right: 0; } .player {margin: 0px 0;} .bio h3 { margin: 10px 0 0 0; font-size: 1.75em; border: #3c3e41 solid; border-width: 1px 0 0 0; padding: 30px 0 0 0;} .bio h2 { margin: 0; font-size: 1.25em; color: #3c63a3; } .bio td { padding: 3px 6px; vertical-align: top; } .agenda h2 { margin: 0 0 0 -10px; padding: 3px 6px; font-size: 2em; color: #fff; background: #3c63a3; display: inline; } .agenda h2 span{ font-weight: bold; } .agenda td { padding: 10px; } .heading td{ padding-top: 30px; } .agenda p { margin: .5em; } .agenda .time { white-space: nowrap; border: solid #6d8ead; border-width: 0 1px 0 0; } a.next, a.prev { float: right; padding: 4px 10px 6px 10px; background: #1a4893; text-decoration: none !important; color: #ffffff; clear: both; font-size: 16px; font-weight: bold} a.prev { float: left; } a.next:link,a.next:visited,a.next:hover, a.prev:link,a.prev:visited,a.prev:hover { color: #fff; } .small { font-size: .9em; font-weight: normal; } h1 .small { font-size: .8em; } .no-list-style { margin: -15px 0 5px 15px; } .no-list-style li{ list-style: none; } .rightWrapper { float: right; margin: 5px 0 20px 20px; } .grants { margin: 0; } .grants li{ list-style: none; } .grants dl { font-size: .9em; clear: both; margin: 0; } .grants dl:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden; } .grants dl{ min-height: 0; height: 1%; } .grants dt { width: 150px; float: left; padding: 5px; border-top: 1px solid #ccc; clear: both; margin: 0; } .grants dd { float: left; width: 535px; padding: 5px; border-top: 1px solid #ccc; margin: 0;} .grants dt.title, .grants dd.title { border-top: #333 solid 2px; margin: 10px 0 0 0; } .grants h3 { padding: 10px 0 0 0; line-height: 1.5em; } .grants p { line-height: 1.5em;