@charset "UTF-8"; /* Βι¶ΉΣ³Ορ CSS Document - Authored by Jacob Lane - 11-09-2010 for Response Redesign - Modified 03-18-2011 */

/* --------------------------- General Styles --------------------------- */
body               { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: small; background: #ffffff url('/depts/uc/response/new/images/body-bg.png') repeat-x; }
.subPage           { background: #ffffff url('/depts/uc/response/new/images/body-subpage-bg.png') repeat-x; }
img                { border: 0; }
p                  { margin-top: 2px; color: #333333; font-size: 13px; line-height: 18px; }
a                  { color: #b82d2d; text-decoration: none; }
a:link			   { text-decoration: underline; }
a:link:hover, a:link:focus{ text-decoration: none; }
h1, h2             { margin: 30px 0 15px; color: #333333; font: normal 21px/24px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; }
h1                 { margin: 0 0 20px; font-size: 24px; }
.article h3, .article-feature h3         { margin: 0; padding: 0 0 8px; font: normal 18px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; color: #333333; line-height: 24px; }
h4                 { margin: 0; padding: 12px 0 8px; font: bold 14px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; color: #333333; line-height: 21px; }
h5                 { color: #999999; font-size: 12px; font-weight: normal; margin: 0; padding: 8px 0; }
h5 a               { color: #999999; }
h6 				   { color: #999999;font: bold .9em Helvetica, Arial, Geneva, sans-serif; margin:0;padding:0 }
h2 a, h3 a, h4 a   { color: #333333; }
hr 				   { border: none; border-top: 1px solid #dddddd; }

blockquote         { float: left; width: 250px; margin: 10px 25px 30px 0; padding-top: 5px; border-top: solid 6px #000000; font: 21px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; line-height: 24px; }

.feature-quote {width: 70%; margin: 25px auto; padding-top: 20px; padding-bottom:20px; border-top: solid 6px #000000; border-bottom: solid 6px #000000; font: 21px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; line-height: 26px; text-align:center; max-width: 700px;}

cite               { color:  #666666; float: right; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 16px; padding-top: 12px; }
.right             { float: right; margin: 10px 0 30px 25px; }
.author            { color: #333333; }


/* --------------------------- Responsive Div Styles for Feature Articles --------------------------- */



@media all and (min-width: 980px) {
	.container-feature  { width: 90% !important; max-width:1400px;}
	.leftCol-feature    { width: 15% !important;}
	.article-feature    { width: 75% !important;}
	.article-feature p, .article-feature ul, .article-feature h2, .article-feature h3, hr {margin-left: auto; margin-right:auto; max-width: 700px; width: 100%; }
	.feature-title {width:100%;}
}


/* --------------------------- Div Styles --------------------------- */
.container, .container-feature  { margin: 0 auto; width: 860px; padding: 0; }
.wrapper           { float: left; margin: 0; padding: 0; width: 860px; }
.righCol           { float: right; width: 180px; margin-top: 30px; }
#toc .righCol      { margin-top: 0; }
.currentIssue      { float: left; width: 150px; height: 250px; margin: 0 0 15px; padding: 0; display: inline;  color: #333333; font-size: 13px; }
.content           { float: left; width: 645px; margin-top: 30px; }
#toc .content       { margin-top: 0; }
.mainCol           { float: left; width: 395px; margin-bottom: 10px; padding: 0 10px 10px 0px; }
.mainColFea        { float: left; width: 270px; margin-bottom: 20px; padding: 0 10px 10px 0px; }
.mainColFea2	   { float: left; width: 270px; padding: 0 10px 0 0px; }
.webFeatureCol     { float: left; width: 180px; padding-left: 30px; }
.newsEvents        { float: left; padding: 0 0 22px; }
.newsEvents div    { float: left; margin: 3px 0; padding: 5px 0; /*min-height: 80px; max-height: 100px; border-bottom: solid 1px #dddddd;*/ }
.newsEvents div img{ float: left; padding: 0 20px 15px 0; }
.photoRight        { float: right; border-top: 6px solid #000000; margin: 0 0 12px 20px; padding: 0; }
.photoLeft         { float: left; border-top: 6px solid #000000; margin: 0 20px 12px 0; padding: 0; }
p.extrasmallImageWithCaption { float: left; width: 150px; padding: 0 20px 4px 0; font: 11px Helvetica, Arial, sans-serif; color: #777777; line-height: 12px; }
p.extrasmallImageWithCaptionImg{ margin-bottom: 6px; }
.intro             { float: left; width: 860px; height: 417px; margin: 8px 0; padding: 0; }
.slim              { width: 465px; }
.byLine            { margin-top: 0; }
.webFeatureCol p   { margin: 0; font-family: Georgia, Times, serif; font-size: 14px; }
.quote             { height: 49px; float: left; margin: 0 0 32px; padding: 15px 50px 15px 0; background-color: #eeeeee; clear: both; border-bottom: solid 1px #D7D7D7; }
.quoteText         { float: left; line-height: 26px; color: #777777; font-family: Georgia, Times, serif; font-size: 16px; letter-spacing: -0.4px; }
.quoteBy           { padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #999999; }
.hightLight        { float: right; padding: 0 0 5px 8px; }
.subPage .header   { background: none; padding-bottom: 45px; }
.subPageWrapper    { float: left; margin: 0 15px 40px 25px; padding: 0; width: 860px; }
.subscribe         { display: none; }
.subPage .subscribe{ display: block; padding: 5px 0px; }
.text              { clear: both; }
.bottomLine        { float: left; padding: 15px 0 0 50px; }
.learnMore         { float: right; margin: 37px 5px 0 0; background: url('/depts/uc/response/new/images/button-signup.png') no-repeat 0 0; width: 111px; height: 33px; text-indent: -9999px; }
.learnMore:hover   { background-position: 0 -33px; }
.subscribeLogo     { margin-top: 0; padding: 15px 0 0; z-index: -1; }
.subscribe p       { margin: 0; padding: 2px 5px 10px 3px; color: #333333; font-size: 12px; }
.subscribeInput    { width: 147px; }
.sidebar           { border-top: 1px solid #ccc; clear: both; margin-top: 20px; padding-top: 15px; }

/* --------------------------- Top Nav Styles --------------------------- */
.header            { padding: 50px 0 0; width: 860px; height: 102px; }
.wordMark          { float: left; width: 320px; }
.headerNav         { float: right; width: 475px; margin: 10px 0 0 50px; }
.header img        { margin-top: 0; }
.navigation        { float: left; margin: 0 0 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 600; text-transform: uppercase; }
.navigation li     { display: inline; list-style: none; border-right: solid 1px #333333; padding: 0 10px 0 5px; }
.navigation li:last-child { border: none; }
.navigationLink    { color: #444444; }
.navigation a:hover{ color: #45a3dc; }
.headerNav li:hover{ background: none; }/* added 05-10-2011 since the new global drop down menues CSS was giving these li's a hover background color */
.search            { float: right; margin-top: 6px; }
input.searchBox  { float: left; height: 20px; line-height: 20px; margin: 0; padding: 2px 5px!important; width: 150px!important; color: #999999; font-size: 13px; border: 1px solid #cccccc; border-right: none!important; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; box-shadow: none!important; background-image:none !important;}
.searchSubmit      { -moz-border-radius-bottomright: 3px;-moz-border-radius-topright: 3px; background-color: #FFFFFF; background-image: url("http://advance.spu.edu/donor-honor-roll/images/search-icon.png"); background-position:2px 3px; background-repeat:no-repeat;
                     border: solid 1px rgb(126, 157, 185); border-left: none; cursor:pointer; float:left; height:26px; margin:0; padding:0 8px 0 9px; width:23px; 
										 border-bottom-right-radius: 3px; border-top-right-radius: 3px; }

div#footer-wrapper { background: #F1F1F1; clear: both; height: 200px; margin-top: 40px }
div#footer         { float: none; width: 840px; height: 100px; margin: 0 auto; padding: 30px 40px 0px 80px;  background: url('/depts/uc/response/new/images/spu-footer-logo.png') no-repeat 8px 30px; color: #999999; }
div#footer a, div#footer p{ color: #999999; }

/* --------------------------- Home Page and General Styles --------------------------- */
.featureHead       { float: left; margin: 0 0 20px; padding: 0 0 5px; color: #333333; border-bottom: 3px solid #030606; font-size: 12px; font-weight: 600; line-height: 14px; text-transform: uppercase; width: 100%; font-family:  Helvetica, Arial, sans-serif; }

.currentIssueHead  { text-transform: uppercase; color: #333333; font-size: 12px; font-weight: 600; font-family:  Helvetica, Arial, sans-serif; margin: 0 0 10px 0; }
.currentIssSubHead { padding-top: 0; font-size: 18px; font-weight: normal; }
.currentIssSubHead a{ color: #333; }
.currentsBlurb     { float: left; height: 135px; }
.currentsBlurb .lightHeading { margin:  0 0 10px; }
.currentsBlurb p   { font-family:  "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; font-size: 14px; }
.subPage .currentsBlurb{ width: 100%; height: auto; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #dddddd; }
.subPage .currentsBlurb:last-child{ border: none; }
/*.subPage .currentsBlurb a{ color: #333333; }*/
.currentsImage     { float: left; width: 110px; padding: 0 15px 0 0; }
.currentsCopy      { float: right; width: 270px; }
.currentsCopyFea      { float: left; width: 270px; }
.lightHeading      { margin: 0 0 6px; padding: 0 0 0 5px; color: #999999; font-size: 10px; text-transform: uppercase; font-weight: normal; }
.title             { padding: 0; color: #333333; margin: 0 0 10px; font-size: 20px; font-weight: normal; line-height: 21px; }
.wrapper a:hover     { color: #777777; }
.webFeaturesCopy   { float: right; width: 205px; margin-bottom:  10px; padding: 0 0 20px 0; border-bottom: 1px solid #dddddd; }
.webFeaturesCopy p { font-family:  "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; font-size: 14px; }
.webFeaturetitle   { margin: 0; padding: 0 0 5px; font-size: 18px; color: #333333; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; font-weight: normal; }
.webFeatures       { float: left; }
.webFeatures div:last-child { border: none; }
.callout           { float: left; margin-bottom: 15px; padding: 10px; background-color: #f1f1f1; border: solid 1px #e5e5e5; width: 185px;}
.calloutHeading    { padding: 2px 0 8px; color: #333333; font-size: 18px; font-weight: normal; }
.callout p         { font-family:  "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; font-size: 14px; }
.callout .lightHeading  { padding: 0; }
.popularCallout           { float: left; margin-bottom: 15px; padding: 0; /* background-color: none; validator: none is not allowed*/ border: none; }
.popularCalloutHeading    { padding: 2px 0 8px; color: #333333; font-size: 16px; font-weight: normal; }
.subPage .calloutHeading { font-size: 21px; }
.popularCallout .lightHeading { padding: 0; }
.respondCallout    { float: left; width: 161px; margin: 25px 0; padding: 15px 5px 10px 15px; background: #b82d2c; }
.homeRespondCallout{ margin: 0 0 20px 0; font-family: Georgia, Times, serif; font-size: 14px; }
.share             { float: left; width: 180px; margin: 10px 0 25px; }
.shareHeading      { margin-right: 5px; }
.question          { border-top: 1px solid #DDDDDD; clear:both; float:left; margin:0 0 50px; padding:10px 0; width: 860px;}
.manageSub         { background: url('/depts/uc/response/new/images/icon-manage.png') 0px 14px no-repeat; }
.emailUpdates      { background: url('/depts/uc/response/new/images/icon-email-small.png') 0px 14px no-repeat; }
.submitFootnote    { background: url('/depts/uc/response/new/images/icon-footnote.png') 0px 14px no-repeat; }
.questionTitle     { margin: 0 0 8px; padding-top:  4px; font: normal 26px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; line-height: 30px; }
.question p        { font-family:  "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; font-size: 14px; }
.question p a      { color: #dc6725; }
.noBorder          { border: none; margin-bottom: 8px; margin-top: 3px;}
.respondHeading    { margin: 0; color: #ffffff; font-size: 12px; font-weight: 600; text-transform: uppercase; font-family:  Helvetica, Arial, sans-serif; }
#home .respondHeading    { padding:  5px 0 8px; color: #333333; }
.respondLink       { color: #ffffff; font-size: 12px; }
.respondUl         { margin: 0; padding: 0; }
.respondUl li      { padding: 14px 0 7px 27px; list-style: none; }
.respondUl a:hover { color: #ffffff; }
p.viewAll          { margin: 0; padding: 10px 0 0 0; font-size: 12px; font-family: Helvetica, Arial, sans-serif; }
span.viewAll       { float: right; margin: 0; padding: 0; font-size: 11px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-transform: none; }
.share h3          { float: left; margin-top: 8px; font-size: 12px; font-weight: 600; text-transform: uppercase; font-family:  Helvetica, Arial, sans-serif; }
.share img         { float: right; padding: 0 0 0 10px; }
.leftCol a:hover   { color: #4695c5; }

/* --------------------------- Subpage Styles --------------------------- */
.galleryHeading    { margin: 35px 0 0; float: left; color: #eeeeee; font: normal 14px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; line-height: 14px; }
.gallerySubHead    { margin: 37px 10px 0; float: left; color: #eeeeee; font-size: 12px; font-weight: normal; }
.wideCol           { float: left; margin: 30px 0; }
.wideCol p         { padding-top: 10px; font: 14px Georgia, 'Times New Roman', Times, serif; line-height: 24px; }

.leftCol, .leftCol-feature { float: left; width: 205px; margin: 0; padding-right: 40px; display: inline; color: #333333; font-size: 13px; }
.leftColUl         { margin: 0; padding: 5px 0 35px; }
.leftColLi         { list-style-type: none; font-weight: bold; }
.leftCol p a, .leftCol-feature p a   { color: #505050; text-decoration: underline }
.leftCol p a:hover, .leftCol-feature p a:hover,
.leftCol p a:focus, .leftCol-feature p a:focus { text-decoration: none; }
.navLink           { color: #333333; border-bottom: solid 1px #dddddd; display: block; padding: 7px 0; }
.departmentsHead   { margin: 0 0 5px; padding-bottom: 10px; color: #4695c5; border-bottom: solid 1px #dddddd; text-transform: uppercase; font: normal 14px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; line-height: 14px; }

.article, .article-feature       { float: left; width: 615px; padding-bottom: 80px; }
.article h3, .article-feature h3        { padding-top: 1em; }
.article h2 a, .article-feature  h2 a     { color: #b82d2d; }
.article h3 a, .article-feature h3 a     { color: #b82d2d; }
.article p, .article-feature p         { font: 14px  Georgia, "Times New Roman", Times, serif; line-height: 21px; }
.article p, .article-feature p         { font: 14px  Georgia, "Times New Roman", Times, serif; line-height: 21px; }
.articleDepartment { margin: 0 0 20px; padding-left: 8px; text-transform: uppercase; font: normal 13px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; }
.articleDeptSpan   { margin-left: 2px; padding-left: 7px; border-left: solid 1px #999999; color: #333333; text-transform: none; font: 13px Helvetica, Arial, sans-serif; letter-spacing: normal; }
.articleHeading    { margin: 0 0 10px 0; font: normal 24px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; line-height: 24px; }
.articleSubHead    { margin: 4px 0 0; font-size: 14px; font-weight: normal; }
.articleByLine     { padding: 0 0 21px; color: #999999; font: normal 13px Helvetica, Arial, sans-serif; }
.articleByLine a   { color: #505050; }
.articleByLine a:hover { color: #333333; }
p.imageWithCaption { padding-bottom: 4px; font: 11px Helvetica, Arial, sans-serif; color: #777777; line-height: 12px; }
p.ImageWithCaption { font: 11px Helvetica, Arial, sans-serif; color: #777777;}
p.imageWithCaption img { padding-bottom: 6px; }
p.smallImageWithCaption { float: left; width: 250px; padding: 0 20px 4px 0; font: 11px Helvetica, Arial, sans-serif; color: #777777; line-height: 12px; }
p.smallImageWithCaptionImg { margin-bottom: 6px; }
p.smallImageWithCaptionRight { float: right; width: 250px; padding: 0 0 4px 20px; font: 11px Helvetica, Arial, sans-serif; color: #777; line-height: 12px; }
.moreIcon          { float: left; padding: 2px 4px 0 0; }
a.enlarge { vertical-align: -6px; }

.articleSubHeading { font: normal 24px/24px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; color: #333333; }
.interviewQuestion { font-size: 14px; line-height: 20px; color: #333333; font-weight: bold; }

.first             { margin: 0 0 15px 0; }
.first:first-letter{ float: left; margin: 2px 8px 0 0; padding: 0 0 2px; font-size: 60px; line-height: 50px; border-bottom: solid 4px #333333; }

.current           { color: #4695c5; }
.leftColSubUl      { list-style: none; padding: 0; }
.leftColSubLi      { list-style: none; padding: 0 0 0 10px; font-weight: normal; }

.highlightBox      { background: #f1f1f1; border: 1px solid #e5e5e5; margin: 30px 0; padding: 20px 15px 10px; min-height: 160px; }
.highlightBox h2   { margin-top: 0; }
p.introduction     { font: normal 18px/26px Georgia, "Times New Roman", Times, serif; color: #777777; }
.article li, .wideCol li, .article-feature li { padding: 0 0 10px; font: 14px Georgia, "Times New Roman", Times, serif; line-height: 21px; }
.article ul, .article-feature ul	   { margin-top: 0; padding-left: 15px;}

/* --------------------------- Comment Form --------------------------- */

.commentForm h3    { padding: 20px 0 10px; }
.comment           { margin-bottom:10px;padding:20px 0;border-bottom:1px solid #ccc; }
.commentFormUl     { list-style-type:none;margin:0;padding:8px 0!important; }
.commentFormLi     { padding:10px 0;margin:0;line-height:25px; }
.commentFormLabel  { display: block; width: 120px; font-weight: bold; padding-right: 8px; font-family: Arial; padding: 0 0 8px; }
.text_field        { width:100%; }
.commentForm input[type="text"], .commentForm textarea{padding:4px 0;background-color:#fff;border:1px solid #ccc;font-size:1.2em;color:#666; }
.fieldsNameEmail   { width: 292px; }

/* --------------------------- Department Heading/Pages Styles --------------------------- */
.theCity           { color: #d5652e; }
.theCityHeading    { color: #d5652e; border-left: solid 18px #d5652e; }
.inTheLoop         { color: #1ba0db; }
.inTheLoopHeading  { color: #1ba0db; border-left: solid 18px #1ba0db; }
.alumni            { color: #8c1242; }
.alumniHeading     { color: #8c1242; border-left: solid 18px #8c1242; }
.artsCulture       { color: #e7a811; }
.artsCultureHeading{ color: #e7a811; border-left: solid 18px #e7a811; }
.athletics         { color: #8c1242; }
.athleticsHeading  { color: #8c1242; border-left: solid 18px #8c1242; }
.bibleTheology     { color: #3e566b; }
.bibleTheologyHeading{ color: #3e566b; border-left: solid 18px #3e566b; }
.bigIdeas          { color: #0097d7; }
.bigIdeasHeading   { color: #0097d7; border-left: solid 18px #0097d7; }
.business          { color: #a08472; }
.businessHeading   { color: #a08472; border-left: solid 18px #a08472; }
.education         { color: #8e4495; }
.educationHeading  { color: #8e4495; border-left: solid 18px #8e4495; }
.feature           { color: #ef3225; }
.featureHeading    { color: #ef3225; border-left: solid 18px #ef3225; }
.graceNote         { color: #6db33f; }
.graceNoteHeading  { color: #6db33f; border-left: solid 18px #6db33f; }
.homeFamily        { color: #8E715F; }
.homeFamilyHeading { color: #8E715F; border-left: solid 18px #8E715F; }
.onScreen          { color: #d60000; }
.onScreenHeading   { color: #d60000; border-left: solid 18px #d60000; }
.scienceTech       { color: #1D8ED3; }
.scienceTechHeading{ color: #1D8ED3; border-left: solid 18px #1D8ED3; }
.seniorEditor      { color: #82bc56; }
.seniorEditorHeading{ color: #82bc56; border-left: solid 18px #82bc56; }
.smallChange       { color: #770000; }
.smallChangeHeading{ color: #770000; border-left: solid 18px #770000; }
.theQuestion       { color: #dc6725; }
.theQuestionHeading{ color: #dc6725; border-left: solid 18px #dc6725; }
.theWorld          { color: #6cb43f; }
.theWorldHeading   { color: #6cb43f; border-left: solid 18px #6cb43f; }
.voices            { color: #8b9a92; }
.voicesHeading     { color: #8b9a92; border-left: solid 18px #8b9a92; }
.wordplay          { color: #4f556d; }
.wordplayHeading   { color: #4f556d; border-left: solid 18px #4f556d; }
.webfeature        { color: #888888; }
.webfeatureHeading { color: #888888; border-left: solid 18px #888888; }
.homeFeatureHead   { border-left-width: 12px; line-height: 12px; }
.questionHead      { border-left-width: 12px; color: #DC6725; font-size: 10px; line-height: 12px; margin: 12px 0 8px; padding-left: 5px; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; }
.deptSubArticles   { color: #333333; font: 14px "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times,serif; }
#home .theQuestionHeading { border: none; background: url('/depts/uc/response/new/images/icon-bubble.png')no-repeat; height: 16px; }
#home .questionHead      { padding-left: 23px; }


/* Fix for Firefox unstyled text flash issue 
.wf-loading { visibility: hidden; }
.wf-active, .wf-inactive { visibility: visible; } */