@charset "utf-8";
/**************************************************************
   Sangre de Cristo Arts & Conference Center
   2007-2008
   Layout Version: 2
 **************************************************************/
/*Normalize Site Features in all Browsers*/

/*Normalizes margin, padding*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}

/*Normalizes font-size for headers*/
h1,h2,h3,h4,h5,h6 
{font-size:100%;}

/*Removes list-style from lists*/                                                                                             
ol,ul 
{list-style: none;}

/*Normalizes font-size and font-weight to normal*/                                                                            
address, caption, cite, code, dfn, em, strong, th, var 
{font-style: normal; font-weight: normal;}

/*Removes list-style from lists*/                     
table
{border-collapse: collapse;border-spacing: 0;}


/*Removes border from fieldset and img*/ 
fieldset, img
{border: 0;}

/*Left-aligns text in caption and th*/ 
caption, th 
{text-align: left;}

/*Removes quotation marks from q*/                                                                                            
q:before, q:after 
{content: '';}

/*Colors*/
/*
#783492 PURPLE
#41a9b2 TORQUOISE
#d0d0d0 LT. GREY
#656565 CHARCOAL
#e1e1e1 BACKGROUND
#edad13 ORANGE

*/

/**************************************************************
  Main Areas
 **************************************************************/

 body {
	background:#e1e1e1;
	margin: 0;
	padding: 0;
	
}

#topborder {
	margin:0px auto;
	border-bottom: 0px solid #e1e1e1;
	}
	
#header {
	margin:0px auto;
		}
	
#header h1 a { 
	width: 241px; 
	height: 160px; 
	background: transparent;
	text-indent: -9999px; 
	margin:0; padding:0; 
	float:left; 
	display:block;}	
	
#logo {
	margin:20px auto;
	width:241px;  
	height: 160px;
	float: left;
	border: 0;
	background: url(../images/updatedlogo.png) no-repeat;
		}
#quote {
	margin: -90px 0 0 280px;
	width:450px;  
	height: 100px;
	float: left;
	border: 0;
	background: url(../images/quote2.png) no-repeat;
	
		}
#searchbox {
	margin: 20px 0 0 -120px;
	width:345px;  
	height: 20px;
	float:right;
			}
		
br.clear {clear: both;}

 #container {
 	margin: 0px auto;
	padding: 0px;
	width:740px;
	border: 0px solid #656565;
	}


/**************************************************************
  CONTENT
 **************************************************************/
 
 #content {
 	margin: 0px auto;
	padding: 0px;
	width:790px;
	background: #268c93;
	}

 #exhibitfeature {
	margin:130px 0 0 -45px;
	padding: 5px;
	width: 345px;
	height: 230px;
	background: #e1e1e1;
	float: left;
		}
		
#exhibitfeaturetext {
	margin:240px 0 0 -5px;
	padding: 5px;
	width: 345px;
	background: transparent;
	float: left;
		}
		
 #rightside{
	margin:-200px 0 0 0;
	padding: 10px;
	width: 170px;
	background: #656565;
	float: right;

		}

#mainfeature {
	padding: 5px;
	width: 713px;
	height: 100px;
	background-color:#edad13;
	border: solid 2px #edad13;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
			}
			
#secondarycontent {
	margin: 140px 0 0 -15px;
	padding: 5px;
	width:500px;
	border-top: 5px solid #783492;
	float: left;
	}
	
#blackcontent {
	margin: 20px 0 0 50px;
	padding: 5px;
	width:500px;
	border-top: 5px solid #783492;
	background-color:#000000;
	float: left;
	}
#calendarcontent {
	margin: 20px 0 0 auto;
	padding: 5px;
	width:490px;
	border-top: 5px solid #783492;
	float: left;
	}

/**************************************************************
  BOTTOM INFO
 **************************************************************/	

.boxname {
	margin:10px 0 0 10px;
	padding: 5px;
	width: 165px;
	float: left;
	text-align:center;

		}		
.box {
	margin:10px 0 0 0px;
	padding: 0px;
	width: 165px;
	background: #fff;
	float: left;
	
		}
		
.line {
	border-bottom: 1px solid #41a9b2;
	margin:10px 0 0 0px;
	}
/**************************************************************
  SIDE NAVIGATION
 **************************************************************/
	
#nav {
	margin:216px 0 0 -230px;
	background: transparent;
	width: 170px;
	float: left;
		
	}	

#nav ul{
	margin:0 auto;
	overflow:hidden;
	}

#nav li{
	display:block;
	list-style:none;
	/*	font-size:1.4em;*/
	font-size:0.8em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
}

#nav li a:link{
	display: block;
	padding: 5px;
	color:#41a9b2;
	border-bottom: #656565 solid 1px;
	text-decoration:none;
}

.activelink{
	display: block;
	color:#ffffff;
	padding: 5px;
	background:#783492;
	border-bottom: #783492 solid 1px;
}

.activelink a:link{
	color:#ffffff;
	}
	
	.activelink a:hover{
	color:#cccccc;
	}
.activelink a:visited{
	color:#fff;
	}
#nav li a:visited {
	display: block;
	padding: 5px;
	color:#656565;
	border-bottom: #656565 solid 1px;
	text-decoration:none;
}

#nav li a:hover {
	display: block;
	color:#ffffff;
	background:#783492;
	border-bottom: #783492 solid 1px;
}

#nav li a:active {
	display: block;
	color:#000;
	background:#783492;
	border-bottom: #783492 solid 1px;
}



li.inset{
	display:block;
	list-style:none;
	/*	font-size:1.4em;*/
	font-size:0.6em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding-left: 20px;
	
}
li.inset a:link{
	display: block;
	padding: 5px;
	color:#41a9b2;
	border-bottom: #656565 solid 1px;
	text-decoration:none;
}

li.inset a:hover {
	display: block;
	color:#fff;
	background:#783492;
	border-bottom: #783492 solid 1px;
}


/**************************************************************
  RIGHT SIDE NAVIGATION
 **************************************************************/
	
#rightnav {
	margin:125px 0 0 0;
	background: transparent;
	width: 170px;
	float: right;
		
	}	

#rightnav ul{
	margin:0 auto;
	overflow:hidden;
	}

#rightnav li{
	display:block;
	list-style:none;
	/*	font-size:1.4em;*/
	font-size:0.8em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
}

#rightnav li a:link, #nav li a:visited{
	display: block;
	padding: 5px;
	color:#41a9b2;
	border-bottom: #656565 solid 1px;
	text-decoration:none;
}

#rightnav li a:hover{
	display: block;
	color:#fff;
	background:#783492;
	border-bottom: #783492 solid 1px;
}


/**************************************************************
  TOP NAVIGATION
 **************************************************************/
 
 #topnav{
 	margin: 20px 0px;
 	float: right;
	width: 250px;
	
}

#topnav ul{
	margin:0;
	overflow:hidden;
}

#topnav li{
	display:inline;
	margin:0 0 0 10px;
	list-style:none;
/*	font-size:1.4em;*/
	font-size: 12px;
	font-weight: lighter;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
}

#topnav li a:link, #topnav li a:visited{
	color:#000;
	text-decoration:none;
}

#topnav li a:hover{
	color:#783492;
	

}


/**************************************************************
  FOOTER
 **************************************************************/
 #footer {
 padding: 5px;
 border-top:  solid 5px #edad13;
 text-align:center;
 
 
 }
 
/**************************************************************
  HEADLINERS
 **************************************************************/
 .headliner {
 	padding: 5px;
	display:block;
	background: #d0d0d0;
	}
	
 .headliner2 {
 	padding: 5px;
	display:block;
	background:#eeae1d;
	font-weight: bold;
	
	}
 
 /**************************************************************
  CALENDAR
 **************************************************************/
 
 #calendar {
	width: 505px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #A2ADBC;
	font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}

caption.calendar {
	margin: 0;
	padding: 0;
	width: 505px;
	background: #656565;
	color: #fff;	 
	font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

th.calendar {
	font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #d0d0d0;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}

.today, td.today a, td.today a:link, td.today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #783492;
}

td.calendar {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 70px;
	height: 50px;
	text-align: center;
	background: url(backup/images/bg_calendar.gif) no-repeat right bottom;
}

td.calendar a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}

td.calendar a:link, td a:visited {	
	color: #608194;
	background: url(backup/images/bg_calendar.gif) no-repeat;
}

td.calendar a:hover, td a:active {
	color: #6aa3ae;
	background: url(backup/images/bg_calendar.gif) no-repeat right top;
}


.calendarinfo {
	margin: 0 0 0 200px;
	width: 150px;
	padding: 0;
	margin: 0;
	border-left: 0px solid #A2ADBC;
	font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	float: right;
	
}


.events {
	position: absolute;
	left: 185px;
	padding: 20px;
	top: 0px;
	width: 200px;
	display: none;
}

.calendar li:hover .events, .events:hover {
	display: block;
}

#myGallery
{
width: 344px !important;
height: 230px !important;
} 

.table1 {
	background: #e1e1e1;
	border: 0;
	}

td.table1 {
	background: #e1e1e1;
	border: 0;
	}

/**************************************************************
  CODA SLIDER
 **************************************************************/
 p { text-align: left; margin: 15px 0 }
		
		
		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
						
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 344px; height: 230px; background: #e1e1e1; overflow: scroll}
		.csw .loading {margin: 800px 0 400px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 5px double #999; /* this is the border. should have the same value for the links */
			margin: auto;
			/* Also specified in  .stripViewer .panelContainer .panel  below */
			width: 344px;
			height: 230px;
			clear: both;
			background: #e1e1e1;
		}
		
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 343px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			display: none 

		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #41a9b2;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #d0d0d0 }
		.stripNav li.tab2 a { background: #d0d0d0 }
		.stripNav li.tab3 a { background: #d0d0d0}
		.stripNav li.tab4 a { background: #d0d0d0 }
		.stripNav li.tab5 a { background: #d0d0d0}
		
		.stripNav li a:hover {
			background: #783492;
			color:#FFFFFF;
		}
		
		.stripNav li a.current {
			background: #783492;
			color: #ffffff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 235px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url(images/left_arrow.jpg) no-repeat center;
		}
		
		.stripNavR {
			background: url(images/right_arrow.jpg) no-repeat center;
		}
#skip img#logo-print {
	display:none;
}
.noshow, .structural {
	position: absolute;
	top:-9999px;
	left:-9999px;
	height: 1px;
	width: 1px;
	}
.clear {
	clear:both;
	}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.pullquote {
	background: #e5e5e5;
	border: 2px solid #CCCCCC;
	padding: 10px;
	font-weight: bold;
	color: #783492;
	}
#definition{
	margin:25px;
	}