/* Standard Browser Reset */
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}

/* Defaults */
body { font:13px/1.4 Helvetica,Arial,sans-serif; }
input, textarea { font:13px/1.4 Helvetica,Arial,sans-serif; }
p, ul, ol { margin:0 0 20px; }
ol, ul { list-style-position:inside; margin-left:5px; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
a { text-decoration:none; color:#0068A8; }
a:hover { text-decoration:underline; }
table { width:100%; margin:5px 0 30px; }
td, th { padding:5px 10px; border-bottom:solid 1px #AAA; }
th { text-align:left; }
h1, h2, h3, h4, h5, h6 { margin:0 0 20px; padding:5px 0; line-height:1.3; }
h2 { font-size:24px; font-weight:normal; }
h3 { font-size:20px; font-weight:normal; }
h4 { font-size:18px; font-weight:normal; }
hr { height:0; border:0 #CCC solid; border-top-width:2px; margin:0 0 20px; }

/* Grid */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { float:left; padding:0 10px; }

.grid-1  { width:60px;  }
.grid-2  { width:140px; }
.grid-3  { width:220px; }
.grid-4  { width:300px; }
.grid-5  { width:380px; }
.grid-6  { width:460px; }
.grid-7  { width:540px; }
.grid-8  { width:620px; }
.grid-9  { width:700px; }
.grid-10 { width:780px; }
.grid-11 { width:860px; }
.grid-12 { width:940px; }

.grid-1.first, .grid-2.first, .grid-3.first,
.grid-4.first, .grid-5.first, .grid-6.first,
.grid-7.first, .grid-8.first, .grid-9.first,
.grid-10.first,.grid-11.first,.grid-12.first { padding-left:0; }

.grid-1.last, .grid-2.last, .grid-3.last,
.grid-4.last, .grid-5.last, .grid-6.last,
.grid-7.last, .grid-8.last, .grid-9.last,
.grid-10.last,.grid-11.last,.grid-12.last { padding-right:0; }

/* Template */
body { background:#333; }
#wrapperSite { padding:30px 0 0; background-color:#807A7A; background-position:center 40px; background-repeat:no-repeat; }
#siteHeader { height:170px; width:980px; margin:0 auto; padding:0 5px; }
#siteTitle { position:absolute; margin:24px 0 0 0; padding:0; text-indent:-9999px; overflow:hidden; }
#siteTitle a { display:block; width:484px; height:100px; background-position:0 0; background-repeat:no-repeat; }

#siteTitle .biolaNow { background-image:url(images/logo_biola_now.png); }
#siteTitle .biolaNews { background-image:url(images/logo_biola_news.png); }
#siteTitle .biolaEvents { background-image:url(images/logo_biola_events.png); }
#siteTitle .biolaPressroom { background-image:url(images/logo_biola_pressroom.png); }

#currentDate { position:absolute; margin:133px 0 0 847px; padding:2px 3px 0; width:130px; height:35px; background:url(images/bg_tab_gray.png) 0 0 no-repeat; text-align:center; line-height:; color:#CCC; line-height:36px; }
#siteNavMain { position:absolute; margin:133px 0 0 -3px; list-style-type:none; }
#siteNavMain li { float:left; margin:0; background:url(images/bg_tab_red.png) left bottom no-repeat; padding:2px 3px 0; width:130px; height:35px; text-align:center; }
#siteNavMain li.active { background-position:left top; }
#siteNavMain a { display:block; color:#FFF; text-decoration:none; font:bold 12px/37px Helvetica,Arial,sans-serif; text-transform:uppercase; letter-spacing:1px; }
#siteNavMain li.active a { color:#000; font-size:13px; }
#siteSearch { position:absolute; margin:55px 0 0 675px; width:300px; height:30px; padding:3px 5px 7px; background:url(images/bg_search_bar.png) 0 0 no-repeat; }
#siteSearch .query { border:none; background:#FFF; height:18px; padding:0; margin:6px 0 0 11px; font:14px/1 Helvetica,Arial,sans-serif; width:240px; }
#siteSearch .placeholder { color:#888; }
#siteSearch button { float:right; background:url(images/icon_search.png) 0 0 no-repeat; width:18px; height:18px; border:none; text-indent:-9999px; overflow:hidden; margin:6px 10px 0 0; }
#siteBody { width:960px; padding:20px 15px; margin:0 auto; overflow:hidden; background:url(images/bg_page.png) 0 0 repeat-y; }

#pageTitle { font:28px/1.4 Helvetica,Arial,sans-serif; padding:0 10px; }

/* Snippets */
#studentMedia h2 { margin-bottom:5px; }
#studentMedia ul { list-style-type:none; margin:0; }
#studentMedia li { padding:0 10px; float:left; width:130px; text-align:center; }
#studentMedia h3 { margin:0 0 10px; padding:0; }
#studentMedia .desc { color:#666; }
#studentMedia a { display:block; height:46px; overflow:hidden; text-indent:-1000px;  }
#studentMedia .chimes a { background:url(images/logo_chimes.png) center center no-repeat; }
#studentMedia .eaglevision a { background:url(images/logo_eaglevision.png) center center no-repeat; }
#studentMedia .biolaRadio a { background:url(images/logo_biola_radio.png) center center no-repeat; }
#studentMedia .thePoint a { background:url(images/logo_the_point.png) center center no-repeat; }

#externalMedia ul { list-style-type:none; margin:0; float:left; width:100%; }
#externalMedia li { padding:0 10px; float:left; width:130px; margin:0 0 4px; }
#externalMedia a { background-position:0 0; background-repeat:no-repeat; padding:5px 0 5px 34px; display:block; }
#externalMedia .facebook a { background-image:url(images/icon_facebook_24.png); }
#externalMedia .youtube a { background-image:url(images/icon_youtube_24.png); }
#externalMedia .twitter a { background-image:url(images/icon_twitter_24.png); }
#externalMedia .itunesu a { background-image:url(images/icon_itunesu_24.png); }
#externalMedia .googleplus a { background-image:url(images/icon_google_plus_24.png); }
#externalMedia .pinterest a { background-image:url(images/icon_pinterest_24.png); }

/* Classes */
.more a { background:url(images/arrow_blue_right_small.png) right center no-repeat; padding-right:13px; }
.sectionHeader { font:bold 16px/1.3 'Trebuchet MS', serif; text-transform:uppercase; letter-spacing:1px; color:#D40000; border-top:solid 3px #D47F7F; padding:5px 10px; margin:0 0 15px; }
.sectionBlock { margin:0 0 20px; overflow:hidden; }
.sectionBlock .more { padding:0 10px; }
.flushLeft { margin-left:-20px; }
.flushRight { margin-right:-20px; }
.gridGroup { float:left; width:100%; }
.figLeft { float:left; clear:left; margin:0 20px 20px 0; }
.figRight { float:right; clear:right; margin:0 0 20px 20px; }

.eventList { list-style-type:none; margin:0; }
.eventList li { padding:0 10px 8px 100px; margin:0 0 15px; border-bottom:solid 1px #AAA; overflow:hidden; }
.eventList li h3 { margin:0 0 5px; font-size:13px; padding:0; font-weight:bold; }
.eventList li p { margin:0 0 5px; }
.eventList .date { font-weight:bold; color:#444; }
.eventList .photo { float:left; margin:0 0 8px -90px; }
.eventList .photo img { display:block; border:solid 1px #CCC; }

.articleList { list-style-type:none; margin:0; }
.articleList li { padding:0 10px 5px; margin:0 0 11px; border-bottom:solid 1px #AAA; overflow: hidden; }
.articleList li h3 { margin:0 0 5px; padding:0; font-size:13px; font-weight:bold; }
.articleList li p { margin:0 0 5px; }

.subscriptionList { list-style-type:none; margin:0 0 20px; }
.subscriptionList li { padding:0 10px; margin:0 0 10px; }
.subscriptionList li a { padding:1px 0 1px 24px; background:url(images/icon_rss_16.png) 0 0 no-repeat; }

button.buttonLight, a.buttonLight, button.buttonDark, a.buttonDark { padding:6px 15px; font:13px/1.3 Helvetica,Arial,sans-serif; text-align:center; border-width:1px; border-style:solid; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
button.buttonLight, a.buttonLight { color:#0068AD; background:url(images/bg_fade_white.png) 0 0 repeat-x; border-color:#999; }
button.buttonDark, a.buttonDark { color:#FFF; background:url(images/bg_fade_blue.png) 0 0 repeat-x; border:none; }
button.buttonLight:hover, a.buttonLight:hover, button.buttonDark:hover, a.buttonDark:hover { text-decoration:underline; }
button.buttonLight:active, a.buttonLight:active { background:#CCC; border-color:#888; }
button.buttonDark:active, a.buttonDark:active { background:#00426A; }

.slideshow .position { padding:0 6px; }
.slideshow .container { width:600px; overflow:hidden; position:relative; }
.slideshow .carousel { position:relative; width:9999px; }
.slideshow .slide { float:left; visibility:hidden; }

.ajaxContainer {}
.ajaxContainer .loading, .ajaxContainer .error { padding:0 0 10px; text-align:center; font-weight:normal; color:#333; }
.ajaxContainer .loading span { background:url(images/icon_loading.gif) 0 0 no-repeat; padding:4px 0 5px 32px; }
.ajaxContainer .error span { background:url(images/icon_error.png) 0 0 no-repeat; padding:2px 0 2px 26px; }

#message404, #message500 { border:solid 1px #CCC; padding:40px 150px 30px; margin:0 10px; background:#EEE; text-align:center; }
#message404 h1, #message500 h1 { font-size:22px; }
#message404 p, #message500 p { font-size:14px; }

#navLocal { margin:0 0 40px 40px; }
#navLocal .sectionTitle { font-size:17px; font-weight:bold; margin:0; padding:6px 10px 5px; border:1px solid #AAA; border-bottom:1px solid #AAA; background:#DDD; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; }
#navLocal ul { list-style-type:none; margin:0; padding:0; border:1px solid #AAA; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; }
#navLocal li { padding:0; }
#navLocal li a { padding:8px 0 8px 22px; display:block; background:url(images/arrow_blue_right_small.png) 10px 13px no-repeat; border-top:1px solid #AAA; }
#navLocal ul ul { border:none; }
#navLocal li li { padding-left:15px; }
#navLocal li li a { margin:0 0 0 10px; padding-left:12px; background-position:0 13px; }
#navLocal a.active { background-image:url(images/arrow_black_right_small.png); color:#111; font-weight:bold; }