/* AUTO-SELECTING NAVIGATION http://24ways.org/advent/auto-selecting-navigation */
body.home #navbar li.home,
body.about #navbar li.about,
body.residence-halls #navbar li.residence-halls,
body.vanreken #navbar li.vanreken,
body.ke #navbar li.ke,
body.alliance #navbar li.alliance,
body.go #navbar li.go,
body.pn #navbar li.pn,
body.neighborhood #navbar li.neighborhood,
body.id-cards #navbar li.id-cards,
body.contact #navbar li.contact,
body.layout #navbar li.layout { font-weight: bold; background-color: #ddd;}


/* Hide & Seek */
#search-alt {
	display: none; /* HIDE */
	position: absolute;
	top: 30px;
	right: 0;
	background-color:#333333;
	-moz-opacity:.8; filter:alpha(opacity=80);
	opacity: 0.8; /* Fix Safari */
	width: 178px;
	height:auto;
	margin: 0 32px 0 0;
	padding: 0;
	list-style: none;
	text-align: left;
	z-index: 500;
}

#search-alt ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#search-alt li a {
	color: #FFFFFF;
	font-weight: normal;
	line-height: 150%;
	display: block;
	text-decoration: none;
	padding: 5px 5px 5px 8px;
}

#search-alt li a:hover {
	color: #9999cc;
	background-color: #222;
}

#search-container:hover #search-alt { /* SHOW */
	display: block;
}

a.search-items span { /* TOGGLE */
	position: absolute; margin-left: -9999em;
}

a.search-items {
	display: block;
	position: absolute;
	top:4px;
	right: 4px;
	width: 20px;
	height: 20px;
	background: url('http://www.calvin.edu/search/images/icon-toggle.gif') no-repeat top left;
}

a:hover.search-items { background: url('http://www.calvin.edu/search/images/icon-toggle.gif') no-repeat top right;}
a.active { background: url('http://www.calvin.edu/search/images/icon-toggle.gif') no-repeat bottom left;}
a:hover.active { background: url('http://www.calvin.edu/search/images/icon-toggle.gif') no-repeat bottom right;}


/* LEADERSHIP PAGE STYLES */
#right-column {
	float: right;
	width: 220px;
	margin: 0 10px 0 20px;
	padding: 0;
}

.side-bar {
	width: 218px;
	padding: 10px 10px 10px;
	background-color: #f7edd4;
	border: 1px solid #e9e0c8;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.side-bar h2 {
	display: block;
	font-size: 1.6em;
	margin: 10px 0 10px;
	padding: 0;
}

.bar-block {
	width: 218px;
	padding: 0 0 20px 0;
	border-top: 1px solid #f9f1dd;
	border-bottom: 1px solid #e9e0c8;
	}
	
.side-bar ul {
	margin: 0;
	padding: 0;
}

.side-bar h3 {
	font-size: 1.3em;
	background-color: #660000;
	display: block;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	width: 220px;
	color: #fff;
	padding: 8px 10px;
	margin-top: -12px;
	margin-left: -11px;
}

.side-bar ul li {
	margin: 0 0 14px 0;
	line-height: 1em;
}

.side-bar ul {
	margin: 10px 0 0 15px;
}