/* LOCAL STYLE SHEET FOR DEPARTMENT'S WEBSITE TEMPLATE */

/* AUTO-SELECTING NAVIGATION http://24ways.org/advent/auto-selecting-navigation */
body.home #navbar li.home,
body.math #navbar li.math,
body.science #navbar li.science,
body.computers #navbar li.computers,
body.literature #navbar li.literature,
body.registration #navbar li.registration,
body.contact #navbar li.contact { font-weight: bold; background: url(/includes/templates/8/images/bg-border-navbar.gif) left bottom repeat-x; background-color: #ddd;}

/* Dan Cederholm's Indestructible Box */
.box-left {
	width: 220px;
	float: left;
	margin: 0 4px 5px 0;
	background: url(/academic/music/musiccamp/images/box-bottom.jpg) no-repeat bottom left;
	clear: both;
	}
	
.box-left h5 {
	margin: 0;
	padding: 20px 16px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #000066;
	border-bottom: 1px solid #000066;
	background: url(/academic/music/musiccamp/images/box-top.jpg) no-repeat top left;
	}
.box-left ul {
	margin: 0;
	padding: 5px 20px 5px 20px;
	list-style: none;
	}
.box-left ul li {
	margin: 0;
	padding: 0;
	}
.box-left h6 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 150%;
	color: #000000;
	}
	
.box-right {
	width: 220px;
	float: right;
	margin: 0 0 5px 4px;
	background: url(/academic/music/musiccamp/images/box-bottom.jpg) no-repeat bottom left;
	
	}
.box-right h5 {
	margin: 0;
	padding: 20px 16px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #000066;
	border-bottom: 1px solid #000066;
	background: url(/academic/music/musiccamp/images/box-top.jpg) no-repeat top left;
	}
.box-right ul {
	margin: 0;
	padding: 5px 20px 5px 20px;
	list-style: none;
	}
.box-right ul li {
	margin: 0;
	padding: 0;
	}
.box-right h6 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 150%;
	color: #000000;
	}
	
/* 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; padding-bottom: 5px;}
.spotLight {
	background-color: #ffffff;
	border: 1px solid #C79571;
	width: 220px;
	height: auto;
}
.spotLightHover { background-color: #FDBC5F; border: 1px solid #C79571; width: 220px; height: auto;}

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