/* defaults, globals, and miscellaneous
==============================================================================*/
* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	}
body {
	font-size: 62.5%; /* sets the stage for using ems */
	text-align: center;
	}
	
body#head {background: #fff url(../images/bg-body.gif) repeat-x;}
body#nohead {background: #fff url(../images/bg-body2.gif) repeat-x;}
	
hr {
	display: none;
	}
a {
	text-decoration: none;
	}
.clearHack {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	}
#skipLink {
	display: none;
	}


/* inline images
==============================================================================*/
img {
	border: 0; /* removes border in case images get have anchor around them */
	}
.inlineImage {
	text-align: center;
	font: normal 1.0em 'lucida grande',tahoma,sans-serif;
	color: #999;
	}
	.inlineImage img {
		padding: 3px;
		border: 1px solid #ccc;
		}
	.noStyle img {
		padding: 0;
		border: 0 none;
		}
.right {
	float: right;
	margin: 1.3em 0 0 2em;
	}
.left {
	float: left;
	margin: 1.3em 2em 0 0;
	}
.center {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}


/* site id and utility links
==============================================================================*/
h1#topHead {
	position: relative;
	height: 70px;
	}
	h1#topHead a {
		display: block;
		position: absolute;
		top: 23px;
		width: 150px;
		height: 30px;
		text-indent: -5000px;
		overflow: hidden;
		}

#logo {position: relative}		
#logo a {
		display: block;
		position: absolute;
		width: 200px;
		height: 100px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(../images/logo3.gif) no-repeat;
		}		
#tagline {
	position: absolute;
	top: 35px;
	right: 230px;
	margin-left: 150px;
	font: normal 1.0em/1.0em 'lucida grande',tahoma,sans-serif;
	color: #ffca02;
	}
	#tagline a {
		text-decoration: none;
		color: #ffca02;
		}
	#tagline a:hover {
		color: #eae7d2;
		}


/* layout setup
==============================================================================*/
#container,
#search-cont,
#wrapper {
	position: relative;
	margin: 0 auto;
	width: 768px;
	}
#search-cont {
	z-index: 50000; /* ensures dropdown is clickable */
	}
#container,
#wrapper {
	text-align: left;
	}
#sidebar {
	position: relative;
	float: right;
	margin: 0;
	width: 156px;
	background: url(../images/bg-news.jpg) no-repeat;
	}


/* search
==============================================================================*/
#search-cont form {
	float: right;
	height: 39px;
	background: url(../images/bg.gif) repeat-x;
	}
#search-cont fieldset {
	float: left; /* forces Mozilla to shrink form to size */
	background: transparent url(../images/bgleft.gif) no-repeat;
	border: 0 none;
	}
#search-cont label {
	display: block;
	float: left;
	height: 39px;
	background: transparent url(../images/bgright.gif) right top no-repeat;
	}
#search-cont input {
	margin: 10px 25px 0;
	font-size: 10px;
	}


/* top-level navigation
==============================================================================*/
#nav {
	height: 28px;
	margin-bottom: 7px;
	margin-left: 180px;
	list-style: none;
	}
#nav li {
	float: left;
	margin-right: 1px;
	height: 28px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#nav li a {
	display: block;
	line-height: 28px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	}
	#tab1 a{
		width: 76px;
		background: url(../images/menu-home.gif) no-repeat;
		}
	#tab3 a{
		width: 136px;
		background: url(../images/menu-agency.gif) no-repeat;
		}
	#tab2 a{
		width: 120px;
		background: url(../images/menu-artists.gif) no-repeat;
		}		
	#tab5 a{
		width: 98px;
		background: url(../images/menu-news.gif) no-repeat;
		}
	#tab4 a{
		width: 150px;
		background: url(../images/menu-schedule.gif) no-repeat;
		}

#nav li a:hover {
	background-position: 50% -28px;
	}
	#nav li.current a,
	#nav li.current a:hover {
		background-position: 50% -56px;
		}


/* greeting (welcome/perspective)
==============================================================================*/
#greeting {
	float: right;
	width: 256px;
	background: #fff;
	}
#greetingTabs {
	clear: both;
	background: #eae7d2;
	height: 24px;
	}
	#greetingTabs span {
		display: block;
		float: left;
		height: 24px;
		overflow: hidden;
		}
	#welcomeTab {
		margin-right: 2px;
		width: 93px;
		cursor: pointer !important;
		background: url(../images/tab-welcome.gif) no-repeat;
		}
	#perspectiveTab {
		width: 161px;
		cursor: pointer !important;
		background: url(../images/tab-perspective.gif) no-repeat;
		background-position: center bottom;
		}
#welcome,
#perspective {
	display: block;
	position: relative;
	margin: 4px 5px 5px;
	width: 246px;
	height: 169px;
	overflow: auto;
	}
#welcome {
	background: url(../images/welcome-bg.gif) no-repeat;
	}
	#welcome h2 {
		display: none;
		}
	#welcome p {
		position: relative;
		float: right;
		right: 10px;
		margin: 75px 0 0 0;
		width: 112px;
		font: normal 1.0em/1.4 'lucida grande',tahoma,sans-serif;
		text-align: right;
		color: #555;
		}
	#welcome p a {
		display: block;
		margin-top: 2px;
		font-weight: bolder;
		text-decoration: none;
		text-transform: uppercase;
		color: #fff;
		}
	#welcome p a:hover {
		text-decoration: underline;
		}
#perspective {
	display: none;
	background: url(../images/perspective-bg.gif) center top no-repeat;
	}
	#perspective h2 {
		display: none;
		}
	#perspective p {
		position: relative;
		margin-top: 105px;
		padding: 0 10px;
		font: normal 1.0em/1.4 'lucida grande',tahoma,sans-serif;
		color: #555;
		}
	#perspective p a {
		font-weight: bolder;
		text-decoration: none;
		text-transform: uppercase;
		color: #752626;
		}
	#perspective p a:hover {
		text-decoration: underline;
		}


/* feature promos (aka 'currently')
==============================================================================*/
#currently {
	position: relative;
	float: left;
	width: 497px;
	min-height: 202px;
	margin-bottom: 16px; /* to force following elements down */
	background: #fff;
	}
	#currently h2 {
		position: absolute;
		left: -99px;
		width: 99px;
		height: 170px;
		text-indent: -5000px;
		overflow: hidden;
		background: #eae7d2 url(../images/logo.gif) no-repeat;
		}
	#currently div {
		margin: 5px 0 0 6px;
		}
	#currently span {
		display: block;
		font: normal 1em 'lucida grande',tahoma,sans-serif;
		text-align: center;
		color: #999;
		}
	#currently a {
		color: #2388ff;
		font-weight: bold;
		}
	

/* headers
==============================================================================*/
#news h2,
#events h2,
#core h2,
.feature h2 {
	clear: none;
	margin: 20px 0 7px 10px;
	padding-bottom: 3px;
	font: bold 1.2em/1em 'lucida grande',tahoma,sans-serif;
	color: #ffca02;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	}
	#core h2,
	.feature h2 {
		margin: 20px 15px 7px 0;
		}


/* news & announcements
==============================================================================*/
#news {
	position: relative;
	float: left;
	min-height: 280px;
	height: auto;
	}
ul.LIn_shortMode, ul#roster {
	clear: both;
	margin: 10px 0 10px 10px;
 list-style-type: none;	
	}
	#news .alert {
		padding: 5px;
		background: #ffc;
		border-top: 1px solid red;
		border-bottom: 1px solid red;
	}
#news ul.LIn_shortMode li a, #news ul#roster li a {
	position: relative;
	margin-bottom: -0.3em;
	font: bold 1.3em/1.2em 'lucida grande',tahoma,sans-serif;
	color: #6B1818;
	}
	
#news ul#roster li {
	position: relative;
	margin-bottom: 0.3em;
	font: normal 0.9em/0.8em 'lucida grande',tahoma,sans-serif;
	color: #D67573;
	}	
	
#news ul#roster li a {
	position: relative;
	font: bold 1.3em/1.2em 'lucida grande',tahoma,sans-serif;
	color: #6B1818;
	}	
	
	
	#news .LIn_date {
   	font: bold 9px 'lucida grande',tahoma,sans-serif;		
		color: #999;
		}

#news p.LIn_desc {
	margin: .5em 0 .5em 0;
	font: normal 1.0em/1.4em 'lucida grande',tahoma,sans-serif;
	color: #555;
	}

#news .withThumb h3,
#news .withThumb p {
	}

#news img {
	padding: 2px;
	float: right;
	margin-left: 7px;
	background: #fff;
	border: 1px solid #ccc;
	}
	#news img.l {
		}
	#news img.r {
		}


/* events
==============================================================================*/
#events {
	float: left;
	width: 100%;
	font: normal 1.1em/1em 'lucida grande',tahoma,sans-serif;
	}
#events ul {
	width: 100%;
	list-style: none;
	}
#events li {
	margin: 0 0 0 10px;
	padding: 8px 3px;
	color: #555;
	border-bottom: 1px solid #eee;
	}
#events li span {
	float: right;
	}

#news a,
#events a {
	color: #7e2c2f;
	font-weight: bold;
	}
#news a:hover,
#events a:hover {
	text-decoration: underline;
	color: #333;
	background-color: #ffc;
	}

#events p.archiveLink,
.LIn_index {
	clear: both;
	margin: 10px 0 10px 10px;
	border-top: 1px solid #ccc;
	}
	#events .archiveLink a,
	.LIn_index a {
		display: block;
		float: right;
		padding-right: 20px;
		color: #777;
		font: normal 9px/3em 'lucida grande',tahoma,sans-serif;
		}
#news .archiveLink a {
	background: url(../images/icon-document.gif) 100% 50% no-repeat;
	}
#events .archiveLink a {
	background: url(../images/icon-calendar.gif) 100% 50% no-repeat;
	}


/* main content
==============================================================================*/
#core {
	position: relative;
	float: left;
	width: 612px;
	min-height: 280px;
	height: auto;
	}
#coreInfo {
	position: relative;
	float: right;
	right: 15px;
	width: 612px;
	font-family: 'lucida grande',tahoma,sans-serif;
	}
	#coreInfo a {
		color: #7E2C2f;
		font-weight: bold;
		}
	#coreInfo a:hover {
		text-decoration: underline;
		color: #333;
		background: #ffc;
		}
	#coreInfo .left {
		position: relative;
		left: 15px;
		margin-right: 30px;
		}
	#coreInfo h3 {
		margin: 15px 0 -5px 15px;
		font: normal 1.4em 'lucida grande',tahoma,sans-serif;
		color: #555;
		}
	#coreInfo p {
		margin: 10px 0 10px 15px;
		font: normal 1.2em/1.45em 'lucida grande',tahoma,sans-serif;
		color: #777;
		}
	#coreInfo ul {
		clear: left;
		margin: 10px 0 10px 15px;
		padding: 15px;
		list-style: none;
		font: normal 1.0em/1.4em 'lucida grande',tahoma,sans-serif;
		color: #555;
		}
	#coreInfo ul li {
		margin: 5px 0;
		}
#artistsList {
	position: relative;
	float: left; /* prevents margin collapse */
	width: 128px;
	list-style: none;
	font: bold 1.1em/1.1em 'lucida grande',tahoma,sans-serif;
	color: #777;
	background: url(images/bg-campuses.jpg) right top repeat-y;
	}
	#artistsList li {
		margin: .09em 0;
		}
	#artistsList li#listTop {
		margin-top: 0;
		background: url(images/bg-servicestop.jpg) right top no-repeat;
		}
	#artistsList li#listBottom {
		margin-bottom: 0;
		background: url(images/bg-servicesbottom.jpg) right bottom no-repeat;
		}
	#artistsList li ul {
		margin: 0 0 .63em;
		list-style: none;
		}
	#artistsList li ul li {
		position: relative;
		margin: 0;
		padding-left: 11px;
		font-weight: normal;
		background: url(images/arrow-miniorange.gif) 0 50% no-repeat;
		}
#artistsList a,
#artistsList span {
	display: block;
	min-height: 1.55em;
	padding-top: .45em;
	color: #777;
	cursor: pointer; /* forces hyperlink cursor, just in case */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-color: transparent;
	}
	#artistsList span { cursor: default; }
#artistsList a:hover {
	color: #2388ff;
	background: white;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
#siGC ul {
	display: none;
	}


/* features
==============================================================================*/
.feature {
	position: relative;
	float: left;
	margin-top: 2em;
	width: 512px;
	}
.feature a {
	margin-right: 7px;
	}
	.feature a.endRow {
		margin-right: 0;
		}
.feature a img {
	padding: 3px;
	border: 1px solid #ccc;
	}
.feature a:hover img {
	background: #ffc;
	border: 1px solid #2388ff;
	}


/* footer
==============================================================================*/
#footer {
	position: relative;
	clear: both;
	margin-top: 20px;
	padding: 20px 0;
	background-color: #69191f;
	background-image: url(images/bg-footer.gif);
	background-repeat: repeat-x;
	}
#copyright {
	margin-top: 0;
	}

#copyright {
	width: 100%;
	background: #3e362f;
	border: 1px solid #797066;
	}
#copyright p {
	margin: 15px 10px;
	font: normal 1em/1.2em 'lucida grande',tahoma,sans-serif;
	color: #eae7d2;
	text-align:center
	}
#copyright strong {
	font-size: 1.2em;
	font-weight: normal;
	color: white;
	}
#copyright a {
	font-weight: bold;
	color: #ffca02;
	}
#copyright a:hover {
	text-decoration: underline;
	color: white;
	}

/* sIFR
==============================================================================*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}
.sIFR-replaced {
	visibility: visible !important;
	}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}
.sIFR-hasFlash #news h2,
.sIFR-hasFlash #events h2,
.sIFR-hasFlash #services h2,
.sIFR-hasFlash .feature h2 {
 	visibility: hidden;
 	}
.sIFR-hasFlash #content h2,
.sIFR-hasFlash #content h3,
.sIFR-hasFlash #sideBar h2 {
	visibility: hidden;
 	}
.sIFR-hasFlash #content h2 {
 	letter-spacing: -9px;
 	font-size: 36px;
 	line-height: 30px;
 	}
.sIFR-hasFlash #content h3 {
	margin-bottom: -5px;
	}
 .sIFR-hasFlash #content #serviceInfo h3 {
 	visibility: visible !important;
	}

#coreInfo table {	border-bottom: 1px solid #ccc; }

#coreInfo .listingControls {
	margin: 0 0 15px 10px;
	padding: 1em 5px;
	text-align: right;
	font-size: 1em;
	background: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
	#coreInfo .listingControls span {
		display: block;
		float: left;
		}
		
.bio {
	position: relative;
	padding: 1em;

	}

#coreInfo p.blurb {
	margin-top: 0;
	color: #777;
	font-size: 1.1em;
	line-height: 1.3em;
	}
#coreInfo .bio img {
	margin-bottom: 0;
	width: 70px; !important;
	height: auto !important;
	float: left;
	margin-right: 5px;
	padding: 3px;
	border: 1px solid #ddd;	
	}
#coreInfo .bio p {
	margin: 0 75px 0 65px;
	font-size: 1em;
	}
#coreInfo .bio p strong {
	font-size: 1.1em;
	}
#coreInfo .bio p span {
	font-weight: bold;
	}
#coreInfo .bio p a {
	padding-bottom: 2px;
	}
#coreInfo .bio p a:hover {
	}
#coreInfo .bio a:hover {
	text-decoration: none;
	background: none;
	}
#coreInfo .bio ul {
	position: absolute;
	top: 10px;
	right: 0;
	margin: 0;
	padding: 0;
	text-align: right;
	background-color: transparent;
	border-bottom: 1px solid #ddd;
	border-top: none;	
	}
#coreInfo .bio ul li {
	margin: 0; /* override */
	list-style: none;
	font-size: .9em; /* override */
	line-height: .9em; /* override */
	}
#coreInfo .bio ul li a {
	display: block;
	margin: 5px 0;
	line-height: 16px;
	padding-left: 20px;
	text-align: left;
	}
#coreInfo .bio li.print {
	background: url(../images/print-button.png) no-repeat;
	}
#coreInfo .bio li.save {
	background: url(../images/pdf-button.png) no-repeat;
	}
	
#coreInfo .bio li.mp3 {
	background: url(../images/mp3.png) no-repeat;
	}	

#coreInfo ul.audio li {
	background: url(../images/mp3-big.png) no-repeat;
	padding-left: 40px;
	height: 45px;
	}
	
#coreInfo ul.video li {
	background: url(../images/video-big.png) no-repeat;
	padding-left: 40px;
	height: 45px;	
	}	

.fixed {position: fixed;
bottom: 20px;
left: 10px;
}
