/* AUTO-SELECTING NAVIGATION http://24ways.org/advent/auto-selecting-navigation */
body.home #navbar li.home,
body.students #navbar li.students,
body.faculty #navbar li.faculty,
body.family #navbar li.family,
body.visitor #navbar li.visitor,
body.camps #navbar li.camps,
body.cool #navbar li.cool,
body.habits #navbar li.habits,
body.facilities #navbar li.facilities, 
body.staff #navbar li.staff { font-weight: bold; background-color: #ddd;}

/* Tabs */
body.faculty #tabs li.faculty a,
body.students #tabs li.students a,
body.student-org #tabs li.student-org a { 
	font-weight: bold;
	background-color: #fff;
	border-bottom: solid #fff 1px;
}


/* PROFILE SPOTLIGHTS
----------------------------------------------------------------------------------------- */
.spotLight a, .spotLightHover a { color: #000000; text-decoration: none;}
.spotLight a:hover  { color: #000000;}
.spotLight a:active, a:focus { background-color: transparent;}

.spotLight, .spotLightHover { text-align: center; text-decoration: none; margin-bottom: 2em; vertical-align: top;}
.spotLight {
	background-color: #ffffff;
	border: 1px solid #ccc;
}
.spotLightHover { background-color: #eeeeee; border: 1px solid #ccc;}

.spotLight img, .spotLightHover img { padding: 4px;}
.spotLight strong, .spotLightHover strong { font-size: 110%; text-transform: uppercase;}

/*---------------------------------------------------------------------------------------------
    TAB STYLES - Based on Dan Cederholm's Simplified CSS Tabs Trick
  --------------------------------------------------------------------------------------------- */

#tabs {border-bottom: 1px solid #ccc; width: 675px; margin-left: 20px; margin-bottom: 20px;}

.tabnav {
	height: 23px;
	margin: 0;
	padding-left: 5px;
	width: 700px;
	top: 0;
	_top: 1px; /* show to IE, hide from other browsers */
}

.tabnav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

.tabnav a {
	float: left;
	background: #eeeeee;
	line-height: 12px;
	padding: 5px 5px 5px 5px;
	margin-right: 4px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #333366;
}

.tabnav a:hover {
	background: #eeeeee;
	text-decoration: underline;
	color:#000;
}
.underlined-heading {
     border-bottom: 1px dotted #999999;
}


/* Noteworthy */


#noteworthy {
	width: 100%;
	border: 1px solid #660000;
	padding: 5px;
	background: #f7edd4;
	margin-bottom: 2em;
}
div#noteworthy h4 {
	width: 100%;
	padding: 5px;
	margin:-5px -5px 5px -5px;
	color:#ffffff;
	background: #98002e;
	border-bottom: 1px dotted #660000;
	text-align: left;
}
#noteworthy p {
	padding: 5px;
	margin: 0;
}

#noteworthy ul li { list-style-image: url(http://www.calvin.edu/images/icons/bullet.gif); margin-left: 2em;}


/* Remove bullets from A-Z lists */

	#primaryContent .gutter ul {
	list-style: none;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 2em;
	margin-left: 0;
	padding:0;
	}

	#secondaryContent .gutter ul {
	list-style: none;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 2em;
	margin-left: 0;
	padding:0;
	}
	
	#sideContent .gutter ul {
	list-style: none;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 2em;
	margin-left: 0;
	padding:0;
	}
	
	/* Data Tables
-------------------------------------------------------------------------------------------- */
.data-table {
	border: 1px solid #999999;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 2em;
}

.data-table td {
	border: 1px solid #999999;
	padding: 0.5em;
	color: #000000;
	font-size: 0.8em;
}

.data-table th {
	border: 1px solid #999999;
	padding: 0.5em;
	color: #333333;
	background-color: #EEEEEE;
}

.data-table tr.altrow {
	background-color: #F7EDD4;
}

.data-table td.altcolumn {
	background-color: #F7EDD4;
}