@import url(http://media1.biola.edu/css/section.css);
/* 1024 Header/Footer */
#branding { width:968px; padding-bottom:20px; }
#sitesearch { margin-right:22px; }
#navExtra { margin-right:33px; }
#navMain { min-width:990px; }
#navMain li a { margin:0 11px; }
#footer { padding:0 110px; background-position:528px 0; }

/* 1024 layout */
#section { width:968px; }

/* Site template */
#navExtra .givingLink { display:none; }
#wrapperSection { background:#FFF url(images/banner.gif) 0 11px repeat-x; }
#section { background:url(images/edge_banner.gif) 0 11px no-repeat; overflow: hidden; }
#sectionHead { border-bottom:solid 4px #2F8DFF; background:#1D68A3 url(images/bg_section_head.gif) 0 0 no-repeat; float:left; width:968px; padding:0 0; }
#sectionTitle { font-size:1em; margin:16px 22px 14px; float:left; display:inline; }

#navGive { float:right; background:url(images/button_give_now.gif) 0 0 no-repeat; margin:0 18px 0 0; }
#navGive a { width:128px; height:38px; display:block; text-indent:-1000px; outline:none; }

#navSectionPrimary { float:left; background:#0E1F32; width:924px; padding:0 22px; }
#navSectionPrimary ul { list-style-type:none; margin:0; border-left:solid 1px #1D68A3; float:left; font-size:1.3em; letter-spacing:1px; }
#navSectionPrimary li { float:left; border-right:solid 1px #1D68A3; }
#navSectionPrimary a { color:#FFF; text-decoration:none; line-height:33px; text-align:center; display:block; padding:1px 0 0 0; background:none; }
#navSectionPrimary a:hover { background:#000; }

#nav-biolafund { width:142px; }
#nav-projects { width:156px; }
#nav-presidentscircle { width:158px; }
#nav-givingideas { width:127px; }
#nav-plannedgiving { width:158px; }
#nav-events { width:83px; }
#nav-news { width:75px; }
#nav-contact { width:90px; }

#content { width:682px; }
#content #contentHead { width:726px; padding:0; }
#content #contentHead h1 { display:none; }
body.wide #content { width:924px; }
body.wide #content #contentHead { width:968px; padding:0; position:relative; }

#navSection { width:198px; }
#navSection li { width:198px; }

#navSection .sectionTitle { border-bottom:solid 1px #BBB; text-transform:uppercase; font-weight:bold; padding:0 0 6px 0; margin:0 0 10px 0; }
#navSection .sectionTitle a:link, #navSection .sectionTitle a:visited { text-decoration:none; color:#333; }
#navSection .sectionTitle a:hover { text-decoration:underline; }
#navSection span.external { display:none; }

#contentExtra { width:198px; float:left; margin:22px 0; padding:0 22px; }

/* Grid */
.span-1  { width: 11px; } .span-2  { width: 22px; } .span-3  { width: 33px; } .span-4  { width: 44px; } .span-5  { width: 55px; } 
.span-6  { width: 66px; } .span-7  { width: 77px; } .span-8  { width: 88px; } .span-9  { width: 99px; } .span-10 { width:110px; } 
.span-11 { width:121px; } .span-12 { width:132px; } .span-13 { width:143px; } .span-14 { width:154px; } .span-15 { width:165px; } 
.span-16 { width:176px; } .span-17 { width:187px; } .span-18 { width:198px; } .span-19 { width:209px; } .span-20 { width:220px; } 
.span-21 { width:231px; } .span-22 { width:242px; } .span-23 { width:253px; } .span-24 { width:264px; } .span-25 { width:275px; } 
.span-26 { width:286px; } .span-27 { width:297px; } .span-28 { width:308px; } .span-29 { width:319px; } .span-30 { width:330px; } 
.span-31 { width:341px; } .span-32 { width:352px; } .span-33 { width:363px; } .span-34 { width:374px; } .span-35 { width:385px; } 
.span-36 { width:396px; } .span-37 { width:407px; } .span-38 { width:418px; } .span-39 { width:429px; } .span-40 { width:440px; } 
.span-41 { width:451px; } .span-42 { width:462px; } .span-43 { width:473px; } .span-44 { width:484px; } .span-45 { width:495px; } 
.span-46 { width:506px; } .span-47 { width:517px; } .span-48 { width:528px; } .span-49 { width:539px; } .span-50 { width:550px; } 
.span-51 { width:561px; } .span-52 { width:572px; } .span-53 { width:583px; } .span-54 { width:594px; } .span-55 { width:605px; } 
.span-56 { width:616px; } .span-57 { width:627px; } .span-58 { width:638px; } .span-59 { width:649px; } .span-60 { width:660px; } 
.span-61 { width:671px; } .span-62 { width:682px; } .span-63 { width:693px; } .span-64 { width:704px; } .span-65 { width:715px; } 
.span-66 { width:726px; } .span-67 { width:737px; } .span-68 { width:748px; } .span-69 { width:759px; } .span-70 { width:770px; } 
.span-71 { width:781px; } .span-72 { width:792px; } .span-73 { width:803px; } .span-74 { width:814px; } .span-75 { width:825px; } 
.span-76 { width:836px; } .span-77 { width:847px; } .span-78 { width:858px; } .span-79 { width:869px; } .span-80 { width:880px; } 
.span-81 { width:891px; } .span-82 { width:902px; } .span-83 { width:913px; } .span-84 { width:924px; } .span-85 { width:935px; }
.span-86 { width:946px; } .span-87 { width:957px; } .span-88 { width:968px; }

.span-1,  .span-2,  .span-3,  .span-4,  .span-5,  .span-6,  .span-7,  .span-8,  .span-9,  .span-10,
.span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20,
.span-21, .span-22, .span-23, .span-24, .span-25, .span-26, .span-27, .span-28, .span-29, .span-30,
.span-31, .span-32, .span-33, .span-34, .span-35, .span-36, .span-37, .span-38, .span-39, .span-40,
.span-41, .span-42, .span-43, .span-44, .span-45, .span-46, .span-47, .span-48, .span-49, .span-50,
.span-51, .span-52, .span-53, .span-54, .span-55, .span-56, .span-57, .span-58, .span-59, .span-60,
.span-61, .span-62, .span-63, .span-64, .span-65, .span-66, .span-67, .span-68, .span-69, .span-70,
.span-71, .span-72, .span-73, .span-74, .span-75, .span-76, .span-77, .span-78, .span-79, .span-80,
.span-81, .span-82, .span-83, .span-84, .span-85, .span-86, .span-87, .span-88  { float:left; }

.append-1 { padding-right:11px; } .append-2  { padding-right:22px; } .append-3  { padding-right:33px; } .append-4 { padding-right:44px; }
.prepend-1 { padding-left:11px; } .prepend-2 { padding-left:22px; }  .prepend-3 { padding-left:33px; } .prepend-4 { padding-left:44px; }

.split-2 { background:url(images/rule_dotted.gif) 50% 0 repeat-y; }
/*.split-27-29-28 { background:url(images/rule_dotted_29.gif) 297px 0 repeat-y; } */

/* Type */
#content h1 { color:#3B3022; }
#content h2 { color:#3B3022; font-weight:normal; }
#content h3 { color:#3B3022; }

#content a:link { color:#1D68A3; }

/* Classes */
img.graphic { padding:0; border:none; }
img.alignleft { margin:0 22px 22px 0; float:left; clear:left; }
img.alignright { margin:0 0 22px 22px; float:right; clear:right; }
img.block { display: block; clear: both; margin: 1em auto; }

#content .quote { background:#1D68A3; padding:11px 22px; margin:0 0 22px 0; }
#content .quote img { border:none; padding:0; position:relative; margin:-11px -22px 0; }
#content .quote blockquote, #content .quote p { color:#C9DAE9; }
#content .quote blockquote { margin:0; font-style:italic; }

#content .section { border-bottom:solid 1px #BBB; padding-bottom:11px; margin-bottom:22px; }
#content p.lead { color:#222; margin:0 0 16px 0; }

#content .more { padding:11px 0 0 0; }
#content .button1 { background:url(images/button_blue1.gif) 0 0 no-repeat; width:210px; height:36px; margin:0 0; display:block; text-align:center; text-decoration:none; font:bold 1em/31px Arial,Helvetica,sans-serif; text-transform:uppercase; letter-spacing:1px; }
#content .button1:link, #content .button1:visited { color:#FFF; }
#content .button1:hover { background-position:left bottom; }
#content ul.actions { list-style: none; float: right; margin-right: 100px; }
#content ul.actions li { display: inline; }
#content ul.actions a { background-image: none; }
#content ul.links {  }

div.image { float: left; margin: 0 10px 8px 0; }

.joinNowButton { padding:11px 0 0 0; text-transform:uppercase; font:2em/1.4 "Palatino","Palatino Linotype",Georgia,serif; letter-spacing:2px; word-spacing:2px; }
.joinNowButton a { display:block; margin:0 auto; padding:10px 10px 8px; width:200px; text-align:center; border:solid 5px #CCC; text-decoration:none; background:#6D3E3C; }
.joinNowButton a:link, .joinNowButton a:visited { color:#FFF !important; }
.joinNowButton a:hover { background:#600F0E; }

.sideBlock { padding:18px 11px 11px; float:right; width:295px; background:#EEE; border:solid 1px #CCC; text-align:center; }

.centerBlock { padding:0 0 8px 0; text-align:center; }