/*
=====================================================
Reset + 960.gs grid
=====================================================*/
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}
.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;position:relative;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}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix { display:block; height:auto; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
* html .clearfix, *:first-child+html .clearfix { zoom:1 }

/*
=====================================================
Site Header
=====================================================*/
#wrapperSiteHeader {
  width:100%;
  height:200px;
  float:left;
  background:#563522 url(images/bg_header.jpg) 0 0 repeat-x;
}
#siteHeader {
  display:block;
  width:990px;
  height:200px;
  margin:0 auto;
  background:url(images/bg_content_top.png) 0 164px no-repeat;
}
#siteTitle {
  background:url(images/bg_logo_talbot.png) 0 0 no-repeat;
  width:190px;
  height:160px;
  position:absolute;
  margin:0;
}
#siteTitle a {
  display:block;
  height:160px;
  /* IR */
  text-indent:-1000px;
  overflow:hidden;
  outline:none;
}
#siteNavMain {
  background:url(images/bg_nav_bar.png) 0 0 no-repeat;
  position:absolute;
  margin:111px 0 0 190px;
  width:770px;
  height:39px;
  padding:3px 15px 6px;
  list-style-type:none;
}
#siteNavMain li {
  float:left;
  margin:0;
  padding:0;
  background:transparent;
}
#siteNavMain a {
  display:block;
  padding:0 10.7px;
  font:bold 13px/40px Arial,Helvetica,sans-serif;
  text-align:center;
  color:#FFF;
  text-transform:uppercase;
  text-decoration:none;
}
#siteNavMain a:hover {
  background:url(images/bg_nav_bar_hover.png) 0 0 repeat-x;
}
#siteNavMain a:hover {
  background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.15)),to(rgba(0,0,0,0.3)));
}
body.admissions #siteNavAdmissions a,
body.degree_programs #siteNavDegrees a,
body.why #siteNavWhy a,
body.distance #siteNavDistance a,
body.faculty #siteNavFaculty a,
body.news_events #siteNavNewsEvents a {
  background:url(images/bg_nav_bar_active.png) 0 0 repeat-x;
}
/*
#siteNavWhy { width:119px; }
#siteNavDegrees { width:165px; }
#siteNavCampuses { width:107px; }
#siteNavAdmissions { width:116px; }
#siteNavFaculty { width:124px; }
#siteNavNewsEvents { width:139px; }
*/
.siteNavSecondary {
  float:left;
  position:absolute;
  margin:32px 0 0;
  list-style-type:none;
  border-left:solid 1px #7D6559;
}
.siteNavSecondary li {
  margin:0 0 1px;
  padding:0 10px 0;
  background:transparent;
}
.siteNavSecondary a {
  font-size:12px;
  font-weight:normal;
  text-decoration:none;
  color:#FFF;
  text-shadow:0 1px 1px rgba(0,0,0,0.4);
}
.siteNavSecondary a:hover {
  text-decoration:underline;
}
#siteNavSecondary1 { margin-left:325px; }
#siteNavSecondary2 { margin-left:455px; }

#siteNavActions {
  position:absolute;
  margin:36px 0 0 215px;
}
#siteNavActions li {
  margin:0 0 8px;
}
#siteNavActions a {
  width:90px;
  height:18px;
  padding:1px 0 1px;
  color:#3F251A;
  font-size:12px;
  text-decoration:none;
  font-weight:bold;
  background:url(images/button_header_small.png) left top no-repeat;
  display:block;
  text-align:center;
}
#siteNavActions a:hover,
#siteNavActions a:active {
  background-position:left bottom;
}
#siteNavSocial {
  position:absolute;
  margin:15px 0 0 670px;
}
#siteNavSocial li {
  float:left;
  margin:0 20px 0 0;
  font-size:12px;
}
#siteNavSocial a {
  color:#FFF;
  text-decoration:none;
  display:block;
  padding:1px 0 5px 22px;
  background-position:left top;
  background-repeat:no-repeat;
  opacity:0.7;
}
#siteNavSocial a:hover {
  text-decoration:underline;
  opacity:1;
}
#siteNavSocial .facebook a { background-image:url(images/icon_social_facebook.png); }
#siteNavSocial .twitter a { background-image:url(images/icon_social_twitter.png); }

#siteSearch {
  position:absolute;
  margin:55px 0 0 670px;
  padding:0;
  width:312px;
  display:block;
}
#siteSearch span {
  background-image:url(images/bg_site_search_input.png);
}
#siteSearch input.query {
  width:250px;
}
#siteSearch button {
  width:42px;
  background-image:url(images/bg_site_search_button.png);
}
.searchField {
  height:30px;
  margin:0;
}
.searchField span {
  background:url(images/bg_search_input.png) 0 0 no-repeat;
  display:block;
  float:left;
  height:30px;
}
.searchField input.query {
  height:16px;
  float:left;
  padding:2px 10px 2px;
  margin:5px 0 0;
  vertical-align:top;
  border:none;
  font-size:13px;
  line-height:1.2;
  background:transparent;
}
.searchField button {
  margin:0;
  padding:6px 10px 6px;
  background:url(images/bg_search_button.png) right top no-repeat;
  border:none;
  display:block;
  float:left;
  font-size:13px;
  line-height:1.4;
  letter-spacing:1px;
  color:#FFF;
  cursor:pointer;
  text-align:center;
  text-transform:uppercase;
  border-radius:0;
}
*:first-child+html .searchField button {
  padding:4px 0;
  text-indent:-2px;
}
/* IE7 */
.searchField button:hover {
  background-position:right bottom;
}
#siteLanguage {
  font-size:11px;
  margin:82px 20px 0 0;
  float:right;
}
#siteLanguage h1 {
  float:left;
  color:#CCC;
  padding:0 5px 0 0;
  font-size:1em;
}
#siteLanguage ul {
  list-style-type:none;
  margin:0;
  float:left;
}
#siteLanguage li {
  float:left;
  margin:0;
  padding:0 6px 0;
  border-right:solid 1px #825E3E;
  background:transparent;
}
#siteLanguage li.omega {
  border:none;
}
#siteLanguage a {
  text-decoration:none;
  color:#BF9060;
  font-weight:bold;
  outline:none;
}
#siteLanguage li.active a {
  background:url(images/icon_arrow_beige_right.png) left center no-repeat;
  padding-left:10px;
}
/*
=====================================================
Biola Footer
=====================================================*/
body {
  background-color:#3C2518;
}
#wrapperFooter {
  float:left;
  width:100%;
  padding:0;
  background:url(images/bg_footer_shadow.png) 0 0 repeat-x;
}
#biolaFooter {
  width:770px;
  margin:0 auto;
  padding:35px 110px 20px;
  overflow:auto;
  background:url(images/bg_content_bottom.png) center top no-repeat;
}
#biolaFooter, #biolaFooter a, #biolaFooter div {
  color:#AAA;
}
/*
=====================================================
Talbot Footer
=====================================================*/
#talbotFooter {
  float:left;
  width:980px;
  margin:25px -10px 0;
  padding:12px 0 0;
  background:#665751 url(images/bg_footer_shadow2.png) left top repeat-x;
  clear:both;
}
#talbotFooter ul {
  margin:0 10px 0;
}
#content #talbotFooter li {
  float:left;
  background:transparent;
  padding:0;
  margin:0 10px 0;
  line-height:1;
}
#talbotFooter a {
  text-decoration:none;
  color:#E0DDDC;
}
#footerSocial {
  float:left;
}
#footerSocial a {
  padding:2px 0 2px 22px;
  background-position:0 0;
  background-repeat:no-repeat;
}
#footerSocial .facebook a { background-image:url(images/icon_social_facebook.png); }
#footerSocial .twitter a { background-image:url(images/icon_social_twitter.png); }
#footerSocial .open-biola a { background-image:url(images/icon_open_biola.png); }

#footerAbout {
  float:right;
}
#footerAbout h1,
#footerAbout ul {
  float:left;
  font-weight:normal;
  line-height:16px;
}
#footerAbout h1 {
  text-transform:uppercase;
  font-size:11px;
  margin-bottom:0;
}
#footerAbout h1 canvas {
  margin-top:-3px;
}
/*
=====================================================
Content
=====================================================*/
#wrapperBody {
  background:#F0EFE6;
  float:left;
  width:100%;
}
#content {
  background:url(images/bg_content.png) center top repeat-y;
  width:960px;
  margin:-26px auto 0;
  padding:10px 15px 0;
  position:relative;
}
#content:after {
  clear:both;
  content:' ';
  display:block;
  font-size:0;
  line-height:0;
  visibility:hidden;
  width:0;
  height:0;
}
#content ul > li {
  margin:0;
  padding:0 0 0 30px;
  background:url(images/bullet_square_gray.png) 14px 7px no-repeat;
}
#content header h1 {
  font-family:'HelveticaNeue-Light','HelveticaNeue','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
  font-size:22px;
  line-height:32px;
  margin:0 0 20px -10px;
  padding:4px 20px 4px 10px;
  float:left;
  text-transform:uppercase;
  border-left:solid 10px rgb(191,38,46);
  background:rgb(191,38,46);
  color:#FFF;
  font-weight:normal;
  position:relative;
  z-index:1;
  text-shadow:0px 1px 1px rgba(0,0,0,0.2);
  clear:both;
}
#content header.overlay h1 {
  border-left-color:rgb(204, 0, 22);
  background-color:rgba(172,0,2,0.9);
}
#content header h1 a {
  color:#FFF;
  text-decoration:none;
}

/*
=====================================================
Defaults
=====================================================*/
body,input,button,textarea {
  font:13px/18px 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
  color:#111;
}
section, header {
  display:block;
}
hr {
  border:0 #ccc solid;
  border-top-width:1px;
  clear:both;
  height:0;
}
ol {
  list-style:decimal;
}
ul {
  list-style-type:none;
}
ol li {
  margin-left:30px;
}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {
  margin-bottom:18px;
}
h2,h3,h4,h5,h6 {
  color:#111;
}
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:13px; }
a {
  color:#054593;
}
a:focus {
  outline:none;
}
a[href=""] {
  color:red;
}
dt {
  font-weight:bold;
}
table {
  width:100%;
}
caption {
  font-style:italic;
  border-bottom:solid 1px #CCC;
  padding:0 4px 4px;
}
thead th {
  border-bottom:solid 2px #888;
  text-align:left;
}
tbody th {
  color:#888;
  font-weight:normal;
}
td,th {
  padding:8px 0px 6px;
}
th {
  text-align:left;
}
td {
  border-bottom:1px solid #AAA;
  border-top:1px solid #AAA;
}
select.select {
  font-size:16px;
  margin:5px 0;
  display:inline-block;
}

/*
=====================================================
Local Nav
=====================================================*/
.localnav {
  width:220px;
  float:right;
  margin:0 0 30px 10px;
}
.localnav h1 {
  margin:0;
  padding:7px 10px 6px;
  font-size:14px;
  text-transform:uppercase;
  color:#332F2C;
  background:#D9D3D0;
  border-radius:4px 4px 0 0;
  border-bottom:solid 1px #FFF;
  text-decoration:none;
  font-family:'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
  height:auto;
  font-weight:bold;
}
.localnav h1 a {
  margin:0;
  font-size:14px;
  text-transform:uppercase;
  color:#332F2C;
  text-decoration:none;
}
.localnav h1 a:hover {
  color:#583724 !important;
  background:none;
}
.localnav ul.main {
  margin:0;
  padding:0 0 8px;
  background:#80746F;
  border-radius:0 0 5px 5px;
}
.localnav ul.infosession {
  margin:0;
  padding:5px 0;
  background:#ffffff;
  border-top:solid 1px #B3ACA9;
}
.localnav ul.infosession li a {
  color:#054593;
  padding:10px 0px 0px;
  text-decoration:none;
  line-height:1.3;
}
.localnav ul.infosession li a:hover {
  background-color:#FFF;
  text-decoration:underline;
}
#content .localnav li {
  padding:0;
  margin:0;
  background:none;
  border-bottom:solid 1px #B3ACA9;
}
.localnav li a {
  color:#FFF;
  padding:8px 10px;
  display:block;
  text-decoration:none;
  line-height:1.3;
}
.localnav ul ul {
  margin:0px 0 8px;
}
#content .localnav ul ul li {
  border:none;
}
.localnav ul ul a {
  padding:5px 10px 5px 20px;
  font-size:11px;
}
.localnav a:hover {
  background-color:#6F6059;
}
.localnav li.active a {
  margin:0 -5px 0;
  padding-left:15px;
  padding-right:15px;
  width:200px;
  background:#65574F url(images/bg_local_nav_active.png) left bottom repeat-x;
  position:relative;
  border-radius:4px;
}
.localnav li.active li a {
  margin:0;
  padding-left:20px;
  background-image:none;
  width:auto;
}
.localnav ul ul li.active a {
  padding-left:25px;
  width:190px;
}
.pullTop #localNav {
  margin-top:-10px;
}
.localnav .level_two_nav {
  display: none;
}
.localnav .active .level_two_nav {
  display: block;
}

/*
=====================================================
Buttons
=====================================================*/
button,a.button {
  border:0;
  line-height:1.4;
  display:block;
  float:left;
  color:#FFF;
  margin:0 10px 20px 0;
  padding:6px 10px;
  cursor:pointer;
  text-decoration:none;
  background:#6F757B url(images/button_overlay.png) left bottom repeat-x;
  border-radius:5px;
  -webkit-transition:background-color 100ms linear;
  text-shadow:0 1px 1px rgba(0,0,0,0.3);
}
button:hover,a.button:hover {
  background-color:#222;
}
#content button:active,#content a.button:active {
  -webkit-box-shadow:none;
}
*:first-child+html button {
  padding:3px 0 1px;
}
/* Button Variations */
.button.buttonBlock {
  display:block;
  margin-bottom:0;
  margin-right:0;
  width:100%;
  box-sizing:border-box;
  text-align:center;
}
.button.buttonRed {
  background-color:#CC1122;
}

/*
=====================================================
Content Classes
=====================================================*/
#content section h1 {
  font-size:16px;
  text-transform:uppercase;
  color:#36261F;
}
h2.special {
  font-size:16px;
  text-transform:uppercase;
  color:#36261F;
}
tr.shade td {
  background-color:#CEE6E6;
}
.shadeBox {
  padding:18px 20px 1px;
  margin:0 0 18px 0;
  overflow:auto;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background:#D9D3D0;
}
p.more {
  clear:left;
}
p.more a {
  background:url(images/icon_arrow_blue_right.png) no-repeat right center;
  padding-right:14px;
}
p.rss {
  float:right;
  margin:2px 10px 0 0;
}
p.rss a {
  font-size:0.9em;
  padding:3px 0 3px 20px;
  color:#666;
  text-decoration:none;
  background:url(images/feed.png) 0 50% no-repeat;
}
.standout {
  padding:10px 10px 0px 10px;
  margin:0 0 8px 0;
  background:#FFD;
  border:1px dotted #FC9;
}
ul#buttonlink {
  list-style:none;
  margin:0
}
ul#buttonlink li {
  width:100%;
  text-align:center;
  background:#6789B9;
  margin-bottom:15px;
  border-bottom:solid 1px #354463;
  border-right:solid 1px #4C688D;
  padding:0;
}
ul#buttonlink li a:link, ul#buttonlink li a:visited {
  color:white;
  text-decoration:none;
  text-transform:uppercase;
  display:block;
  padding:5px 10px;
  font-weight:bold;
}
ul#buttonlink li a:hover,
ul#buttonlink li a:visited:hover {
  color:#EEE
}

.hiBand {
  background:#EEE;
  float:left;
  width:100%;
  margin:0 -10px;
  padding:30px 10px 10px;
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
}
.hiBlock {
  margin:0 0 20px;
  padding:25px 20px 10px;
  background:#FFF;
  border:2px solid #AAA;
  border-radius:5px;
}
.hiBlock .button {
  float:none;
  display:inline-block;
}
.applyBlock {
  height:180px;
  text-align:center;
}
.hiBlock .button {
  width:240px;
  display:inline-block;
  margin:0 auto 10px;
  padding:6px 0;
}
.applyBlock .mainOption {
  font-size:14px;
}
/*
=====================================================
Contact Card
=====================================================*/
.contactCard {
  margin:0 0 20px;
  background:#FFF;
  overflow:hidden;
  border-top:3px solid #000;
  border-radius:3px;
  box-shadow:0 1px 2px rgba(0,0,0,0.4);
}
.contactCard .head {
  padding:10px 15px 10px 105px;
  overflow:hidden;
}
.contactCard .photo {
  float:left;
  width:80px;
  margin:0 0 0 -95px;
}
.contactCard .photo img {
  max-width:100%;
  border-radius:2px;
  display:block;
}
.contactCard .name {
  margin:0 0 5px;
  font:20px/1.3 'Lato',Helvetica,Arial,sans-serif;
}
.contactCard .title {
  font-size:13px;
  font-weight:normal;
  color:#666;
}
.contactCard ul {
  list-style:none;
  margin:0;
  padding:0;
  background:#EEE;
  border-top:1px solid #BBB;
  overflow:hidden;
}
.contactCard li {
  float:left;
  background-image:none !important;
  padding:0 !important;
}
.contactCard li a {
  display:block;
  padding:12px 0;
  text-decoration:none;
  text-align:center;
}
.contactCard li a:hover {
  text-decoration:underline;
  background:#FFF;
}
.contactCard li.tel {
  width:36%;
}
.contactCard li.email {
  width:64%;
}
.contactCard li.email a {
  border-left:1px solid #BBB;
}
/*
=====================================================
Layout Classes
=====================================================*/
.clear, .clearfloat {
  width:100%;
  clear:both;
}
.pullTop {
  margin-top:-50px;
}
.floatLeft {
  float:left;
  margin:0 10px 1px 0;
}
.floatRight {
  float:right;
  margin:0 0 1px 10px;
}
.narrowLeftTop {
  margin-left:-10px;
  margin-top:-20px;
}
.narrowLeft {
  margin-left:-10px;
}
div.subsection {
  margin-bottom:40px;
}
.flushTop {
  margin-top:-60px;
}
.textCenter {
  text-align:center;
}
.textRight {
  text-align:right;
}
.textLeft {
  text-align:left;
}

/* Page Segments */
.pageSegment {
  float:left;
  width:100%;
  margin:0 -10px;
  padding:25px 10px 5px;
}
.segmentTint {
  background:#EEE;
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
}
.segmentLight {
  background:#EDE3E4;
}
.segmentHeader {
  margin-top:20px;
}
.segmentHeader header {
  margin-top:-45px;
}

/* Buttons */
#bc_links {
  background: #2060A3 url(http://media1.biola.edu/biola/css/images/button_overlay.png) 0 100% repeat-x;
  display: block;
  width: 220px;
  padding: 8px 10px 9px;
  color: #FFF;
  text-decoration: none;
  font-weight: normal;
  font-size: 14px;
  line-height: 1;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  position: relative;
  cursor: pointer;
}
#bc_links:hover, #bc_links:focus {
  background-color: #C33;
}
/* Video Wrap Why Biola */
.videoInline {
  width:770px;
  min-height:432px;
  margin-bottom:10px;
}

/* Fix JWPlayer (HTML5) styles affected by site css: */
.jwplayer .jwlist li {
  padding:0 !important;
  background-position:0 0 !important;
}

/*
=====================================================
Tabs
=====================================================*/
#content .tabs-container {
  background:#CCC;
  margin:0 -20px 40px;
  padding:20px;
  border-top:1px solid #BBB;
  border-bottom:1px solid #BBB;
  min-height:300px;
}
#content .tab-content {
  display:none;
  background:#FFF;
  padding:5px 20px;
}
#content .tab-list {
  width:100%;
  overflow:hidden;
  margin:0;
}
#content .tab-list > li {
  float:left;
  padding:10px 20px;
  margin:0 5px 0 0;
  background:#AAA;
  border-radius:4px 4px 0 0;
  font-size:15px;
}
#content .tab-list > li.active {
  background:#FFF;
}
#content .tab-list a {
  text-decoration:none;
  color:#444;
  font-weight:bold;
}

/*
=====================================================
Panel
=====================================================*/
.panel {
  background: #EDEDED;
  border:1px solid #CCC;
  border-radius:5px;
  margin-bottom:20px;
  padding:15px;
  overflow:hidden;
}

/*
=====================================================
Toggle List
=====================================================*/
#content ul.toggleList > li {
  background-image:none; padding-left:0;
}
#content ul.toggleList > li > h3 {
  text-transform:none;
}
#content ul.toggleList > li > div {
  display:none;
}
#content ul.toggleList > li.active > div {
  display:block;
}