/*
------------------------------------
Section
------------------------------------ */
#wrapperSection {
	background:#FFF url(images/banner_darkblue.gif) 0 11px repeat-x;
}

#section {
	width:792px;
	margin:0 auto;
	padding:0 11px 0;
	background:#FFF url(images/edge_banner_darkblue.gif) 0 11px no-repeat;
	overflow:auto;
}

#navSection {
	float:left;
	width:154px;
	padding:0 23px 0 21px;
	margin:22px 0 22px 0;
	background:url(images/rule_dotted_v.gif) right top repeat-y;
	position:relative;
	right:-1px;
	display:inline; /* IE 6 doubled-margins bug */
}

#content {
	float:left;
	width:550px;
	padding:22px 22px 22px;
	margin:0;
	display:inline; /* IE 6 doubled-margins bug */
}

#sectionHead {
	background:#404040 url(images/tab_top.gif) 0 0 no-repeat;
	padding:11px 22px 6px;
	margin:0;
	border-bottom:solid 6px #262626;
}

#sectionTitle a, #sectionTitle span, #sectionTitle h1  {
	font:small-caps normal 2.6em/1 "Palatino", "Palatino Linotype", Georgia, sans-serif;
	letter-spacing:0.1em;
	color:#FFF;
	text-decoration:none;
}
#sectionTitle h1 {
	margin: 0;
	height: auto;
	background-image: none;
}

#sectionTitle a:hover {
	text-decoration:underline;
}

#navSection ul {
	list-style-type:none;
	margin:0;
	font:normal 1.2em/1.2 Arial, sans-serif;
}

#navSection ul ul {
	font-size:1em;
	margin:11px 0 0 0;
}

#navSection ul ul.subnav {
	display: none;
}

#navSection ul.grouped ul, #navSection ul ul.active, #navSection li.selected ul.subnav {
	display: block;
}

#navSection li.selected ul.subnav ul {
	display:none;
}

#navSection li {
	float:left;
	width:154px;
	display:block;
	margin:0 0 8px 0;
	padding:0 0 7px 0;
	border-bottom:solid 1px #BBB;
}

#navSection ul ul li {
	border-bottom:none;
	padding:0;
	color:#333;
	margin-left:11px;
	width:143px;
	display:inline;
}

#navSection li a {
	border:none;
	display:block;
	width:143px;
	padding:0 0 0 11px;
	margin:0;
	background:url(images/bullet_square.gif) 0 0.4em no-repeat;
	color:#444;
	text-decoration:none;
	font-weight:bold;	
}

#navSection ul ul li a {
	background:url(images/arrow_small.gif) 0 0.4em no-repeat;
	font-weight:normal;
	color:#333;
	width:132px;
}

#navSection li a:hover {
	color:#921;
	text-decoration:underline;
}

#navSection li.selected a {
	font-weight:bold;
	color:#000;
	background-image:url(images/bullet_square_red.gif) !important;
}

#navSection li.selected li a {
	font-weight:inherit;
	color:#333;
	background-image:url(images/arrow_small.gif) !important;
}

#navSection .grouped ul {
	margin:0 !important;
}

#navSection .grouped li {
	margin:0 0 2em 0;
	border-bottom:none;
	padding:0;
}

#navSection .grouped li li {
	margin:0 0 8px 0;
	width:154px;
}

#navSection .grouped li li a {
	color:#333;
	background:url(images/bullet_square.gif) 0 0.4em no-repeat;
	font-size:1em !important;
	width:143px;
}

#navSection .grouptitle {
	display:inline;
	float:left;
	clear:left;
	width:154px;
	padding:0 0 6px 0;
	margin:0 0 8px 0;
	border-bottom:solid 1px #BBB;
	font:bold 0.95em/1.2 Arial, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#992111;	
}

/* external links */
#navSection span.external {
	float: none;
	clear: none;	
	margin-left: 2px;
	padding: 0 12px 0 0;
	background: url(images/external_link.gif) right center no-repeat !important;
	border-bottom: 0px !important;
}

#contentHead {
	margin:-22px -22px 33px;
	padding:0;
	float:left;
	width:594px;
	background:#DDD;
	display:inline; /* IE 6 doubled-margins bug */
}

#contentHead .caption {
	height:22px;
	margin:-33px 11px 0 0;
	color:#444;
	line-height:22px;
	background:#EEE;
	padding:2px 8px;
	position:relative;
	display:inline;
	float:right;
	font-size:1.1em;	
}

#contentHead img {
	padding:0;
	border:none;
	margin:0;
	display:block;
}

/*
#contentBody {
	background: url(images/edge_right_fade.gif) 0 0 no-repeat;
	clear:left;
	padding:22px 22px 0 22px;
	margin:0 -22px 0 -33px;
}
*/

/* Page variations */
body.wide #navSection {
	display:none;
}

body.wide #content {
	width:748px;
}

body.wide #contentHead {
	width:748px;
	margin:-22px -22px 22px;
	padding:11px 22px 0;
}

#content .highlight {
	/* background:#335180 url(images/edge_round_bottom_blue.gif) left bottom no-repeat !important; */
}

#content .highlight h2,
#content .highlight h3,
#content .highlight h4 {
	color:#F3F4F7;
}

#content .highlight li,
#content .highlight p {
	color:#CDD1D9;
}

#content .highlight a:link 		{ color:#CCC; }
#content .highlight a:visited { color:#CCC; }
#content .highlight a:hover 	{ color:#FFF; }


/*
------------------------------------
Defaults (extends global styles)
------------------------------------ */
/* external links */
a[href^="http:"] {
	background: url(images/external_link.gif) right center no-repeat;
	padding-right: 12px;
}

a[href^="http://libcat.biola.edu"], 
a[href^="http://www.biola.edu"], 
a[href^="http://calendar.biola.edu"], 
a[href^="http://offices.biola.edu"], 
a[href^="http://offices1.biola.edu"], 
a[href^="http://webdev.biola.edu"], 
a[href^="http://watercooler.biola.edu"], 
a[href^="http://www.fc.biola.edu"], 
a[href^="http://wisdom2.biola.edu"], 
a[href^="http://youth.biola.edu"], 
a[href^="http://www.rosemead.edu"],
a[href^="http://www.talbot.edu"],
a[href^="http://media.biola.edu"], 
a[href^="http://media1.biola.edu"], 
a[href^="http://giving.biola.edu"], 
a[href^="http://biola.edu"],
a[href^="http://now.biola.edu"],
a[href^="http://connect.biola.edu"] {
	background-image: none;
	padding-right: 0px;	
}


/*
------------------------------------
Classes
------------------------------------ */
/* Columns */
.column {
	float:left;
	display:inline;
}

.columns-2,
.columns-3,
.columns-4,
.columns-5,
.columns-2-1,
.columns-3-1,
.columns-5-4 {
	float:left;
	/* 
	width:528px; 
	margin:0 -11px 0;
	padding:0 11px 0;
	*/
	width:550px;
	display:inline;
}

body.wide .columns-2, body.wide .columns-3, body.wide .columns-4, 
body.wide .columns-5, body.wide .columns-2-1, body.wide .columns-3-1,
.sectionWide .columns-2, .sectionWide .columns-3, .sectionWide .columns-4, 
.sectionWide .columns-5, .sectionWide .columns-2-1, .sectionWide .columns-3-1 { width:748px; }

#contentHead .columns-2,
#contentHead .columns-3,
#contentHead .columns-4,
#contentHead .columns-5,
#contentHead .columns-2-1,
#contentHead .columns-3-1 {  }

.columns-2 .column { /* width:242px; */ width:253px; }
.columns-3 .column { /* width:143px; */ width:154px; }
.columns-4 .column { width:121px; }

.columns-2-1 .c1 { /* width:330px; */ width:352px; }
.columns-2-1 .c2 { /* width:143px; */ width:154px; }

.columns-3-1 .c1 { width:407px; }
.columns-3-1 .c2 { width:121px; }

.columns-5-4 .c1 { width:286px; }
.columns-5-4 .c2 { width:220px; }

body.wide .columns-2 .column, .sectionWide .columns-2 .column { width:352px; }
body.wide .columns-3 .column, .sectionWide .columns-3 .column { width:220px; }
body.wide .columns-4 .column, .sectionWide .columns-4 .column { width:154px; }
body.wide .columns-5 .column, .sectionWide .columns-5 .column { width:132px; }

body.wide .columns-2-1 .c1, .sectionWide .columns-2-1 .c1 { width:484px; }
body.wide .columns-2-1 .c2, .sectionWide .columns-2-1 .c2 { width:220px; }

body.wide .columns-3-1 .c1, .sectionWide .columns-3-1 .c1 { width:550px; }
body.wide .columns-3-1 .c2, .sectionWide .columns-3-1 .c2 { width:154px; }

.columns-2 .c1, .columns-2-1 .c1, .columns-5-4 .c1 { margin-right:22px; }
.columns-2 .c2, .columns-2-1 .c2, .columns-5-4 .c2 { margin-left:22px; }

body.wide .columns-3-1 .c1, .sectionWide .columns-3-1 .c1 { margin-right:22px; }
body.wide .columns-3-1 .c2, .sectionWide .columns-3-1 .c2 { margin-left:22px; }

.columns-3 .column { margin:0 44px 0 0; }
.columns-3 .c3 { margin:0; }

body.wide .columns-4 .column, .sectionWide .columns-4 .column { margin:0 44px 0 0; }
body.wide .columns-4 .c4, .sectionWide .columns-4 .c4 { margin-right:0; }

.columns-4 .column { margin:0 22px 0 0; }
.columns-4 .c4 { margin:0; }

.columns-3-1 .column { margin:0 22px 0 0; }
.columns-3-1 .c2 { margin:0; }

body.wide .columns-5 .column, .sectionWide .columns-5 .column { margin:0 22px 0 0; }
body.wide .columns-5 .c5, .sectionWide .columns-5 .c5 { margin-right:0; }

/* Ruled columns */
.columnRule-2 { background:url(images/rule_dotted_v.gif) 50% 0 repeat-y; }
.columnRule-3 { background:url(images/rule_dotted_2x198.gif) 176px 0 repeat-y; }

.columnRule-2-1 {	background:url(images/rule_dotted_v.gif) 374px 0 repeat-y; }
.columnRule-5-4 {	background:url(images/rule_dotted_v.gif) 308px 0 repeat-y; }

body.wide .columnRule-3, .sectionWide .columnRule-3 { background:url(images/rule_dotted_2x264.gif) 244px 0 repeat-y; }
body.wide .columnRule-4, .sectionWide .columnRule-4 { background:url(images/rule_dotted_3x198.gif) 176px 0 repeat-y; }
body.wide .columnRule-5, .sectionWide .columnRule-5 { background:url(images/rule_dotted_4x154.gif) 143px 0 repeat-y; }

body.wide .columnRule-2-1, .sectionWide .columnRule-2-1 {	background:url(images/rule_dotted_v.gif) 506px 0 repeat-y; }
body.wide .columnRule-3-1, .sectionWide .columnRule-3-1 {	background:url(images/rule_dotted_v.gif) 572px 0 repeat-y; }

/* Additional content link */
.additional {
	float:right;
	background:url(images/arrow.gif) left center no-repeat;
	padding-left:16px;
}

.content {
	padding:11px 11px 0;
}

/* Highlight Box */
.highlightbox {
	border-top:solid 1px #BBB;
	border-bottom:solid 1px #BBB;
	padding-top:1.2em;
	padding-bottom:1.2em;
	margin-top:1.4em;
	margin-bottom:1.4em;
}

.firstletter {
	font:normal 4em/0.9 "Palatino", "Palatino Linotype", Georgia, sans-serif;
	float:left;
	padding:0 0.2em 0 0;
	margin:0 0 0 0;
}

/* Overflow (float over left nav column space) */
.columnOverflow {
	float:left;
	margin:0 22px 11px -198px;
	position:relative;
}

/*  */
.imageMargin {
	margin:0 0 11px 0;
	float:left;
}

.imageMargin img {
	margin:0 22px 0 0;
	float:left;
}

.imageMargin .text {
	margin:0 0 0 187px;
}

.imageMargin .text h2, .imageMargin .text h3, .imageMargin .text h4 {
	margin-top:0;
}

/* Icon links */
.iconList {
	list-style-type:none;
	margin:0;
}

.iconList li {
	margin:0 0 11px 0;
	padding:0;
}

* html .iconList li {
	height:1%;
}

.iconList a,
a.iconLink {
	background:url(images/icons/circle/jump.gif) 0 0 no-repeat;
	padding:0 0 0 33px;
	line-height:22px;
	display:block;
	margin:0 !important;
}

.highlight .iconList a,
.highlight a.iconLink {
	background-image:url(images/icons/circle/jump_reverse.gif);
}


/*
------------------------------------
Pages
------------------------------------ */
table.hours {}

table.hours caption {
	font:bold 13px/1.4 Arial, sans-serif;
}

table.hours td {
	width:50%;
}

table.hours td.rangeday {
	font-weight:bold;
	color:#666;
}

table.hours .rangedate {
	font-weight:normal;
	display:block;
}

ul.navAlpha {
	list-style-type:none;
	margin:0 0 22px 0;
	overflow:auto;
	border:solid 1px #BBB;
	padding:11px;	
}

ul.navAlpha li {
	margin:0 1px 0 0;
	display:inline; /* IE 6 doubled-margins bug */
}

ul.navAlpha a, ul.navAlpha span {
	padding:4px 5px 2px;
	font-weight:bold;
	text-transform: uppercase;
	line-height:2;
}

ul.navAlpha a:link, ul.navAlpha a:visited {
	background:#EEE;
}

ul.navAlpha a:hover {
	background-color: #333;
	color: #FFF;
	text-decoration: none;
}

ul.navAlpha span.selected {
	background-color: #9CF;
}

.alphaHeading {
	background:#666;
	clear:left;
	width:1.5em;
	text-align:center;
	padding:0.2em 0 0;
	margin:0 0 0.8em 0;
	font-size:2.4em;
	font-family:"Palatino";
	color:#FFF;
}