/* CPVA - Screen Styles - Created by SUU Web Services 07/2008 */

body {
	background: url(../images/bkg-body.jpg) repeat-x;
}
#container {
	background: #FFFFFF;
	font-size: 86%;
	margin: 0px auto;
	overflow: hidden;
	width: 960px;
}
#container #branding {
	background: url(../images/bkg-branding.gif) no-repeat;
	height: 100px;
	position: relative;
}
	#container #branding h1 {
		margin: 0px;
		padding: 0px;
		text-indent: -9999px;
		width: 360px;
	}
	#container #branding h1 a {
		display: block;
		height: 100px;
		width: 360px;
	}
	#container #branding ul {
		position: absolute;
		bottom: 0;
		color: #FFFFFF;
		font-size: 1.1em;
		list-style-type: none;
		margin: 0px 0px 8px 0px;
		padding: 0px;
		right: 0;
	}
	#container #branding li {
		display: inline;
		margin: 0px;
		padding: 0px;
	}
	#container #branding li a {
		color: #FFFFFF;
		padding: 0px 20px 0px 0px;
		text-decoration: none;
	}
	#container #branding li a:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}
	#container #branding p {
		position: absolute;
		top: 5px;
		right: 0px;
		background: url(../images/bkg-buytickets.gif) no-repeat;
		height: 31px;
		width: 130px;
	}
		#container #branding p a {
			display: block;
			height: 31px;
			text-indent: -9999px;
			width: 130px;
		}
		#container #branding p a:hover {
			background: url(../images/bkg-buytickets-hover.gif) no-repeat;
		}
/* ---- Department Branding Bar ---- */
#container #deptbar {
	background: url(../images/bkg-branding-dept.gif) no-repeat;
	height: 50px;
}
	#container #deptbar h2 {
		height: 50px;
		margin: 0px 0px 0px 361px;
		padding: 0px;
		width: 587px;
	}
	#container #deptbar h2.ad { /* Art & Design */
		background: url(../images/bkg-dept-ad.gif) no-repeat;
	}
	#container #deptbar h2.aa { /* Arts Administration */
		background: url(../images/bkg-dept-aa.gif) no-repeat;
	}
	#container #deptbar h2.music { /* Music */
		background: url(../images/bkg-dept-music.gif) no-repeat;
	}
	#container #deptbar h2.tad { /* Theatre Arts & Dance */
		background: url(../images/bkg-dept-tad.gif) no-repeat;
	}
	#container #deptbar h2.acclamation { /* Acclamation */
		background: url(../images/bkg-dept-acclamation.gif) no-repeat;
	}
	#container #deptbar h2.afb { /* American Folk Ballet */
		background: url(../images/bkg-dept-afb.gif) no-repeat;
	}
	#container #deptbar h2.ballroom { /* Ballroom */
		background: url(../images/bkg-dept-ballroom.gif) no-repeat;
	}
	#container #deptbar h2.bfag { /* Braithwaite Fine Arts Gallery */
		background: url(../images/bkg-dept-bfag.gif) no-repeat;
	}
	#container #deptbar h2.ceramics { /* Ceramics Guild */
		background: url(../images/bkg-dept-ceramics.gif) no-repeat;
	}
	#container #deptbar h2.ucaa { /* Utah Center for Arts Administration */
		background: url(../images/bkg-dept-ucaa.gif) no-repeat;
	}
	#container #deptbar h2.woodeno { /* Wooden O Symposium */
		background: url(../images/bkg-dept-woodeno.gif) no-repeat;
	}
	#container #deptbar h2.suma { /* Southern Utah Museum of Art */
		background: url(../images/bkg-dept-suma.gif) no-repeat;
	}
	#container #deptbar h2 a {
		display: block;
		height: 50px;
		text-indent: -9999px;
		width: 587px;
	}
/* ---- Arts Branding Bar ---- */
#container #artsbar {
	background: url(../images/bkg-branding-arts.gif) no-repeat;
	height: 50px;
}
	#container #artsbar h2 {
		margin: 0px;
		padding: 0px;
	}
	#container #artsbar h2 a {
		display: block;
		height: 50px;
		text-indent: -9999px;
		width: 587px;
	}
/* ---- Home Flash for rotating images ---- */
#container #homeflash {
	margin: 0px;
	padding: 0px;
}
/* ---- Main Left Column Navigation for each area ---- */
#container #nav {
	float: left;
	font-size: 0.9em;
	width: 210px;
}
	#container #nav ul {
		list-style-type: none;
		margin: 20px 10px;
		padding: 0px;
	}
	#container #nav ul ul {
		list-style-type: none;
		margin: 0px 10px 10px;
		padding: 0px;
	}
	#container #nav li {
		padding: 0px 0px 10px;
	}
	#container #nav a {
		color: #000000;
		text-decoration: none;
	}
	#container #nav a:hover {
		text-decoration: underline;
	}
	#container #nav ul.sublinks {
		color: #666666;
		font-size: 0.8em;
	}
	#container #nav ul.sublinks a {
		color: #666666;
	}
	#container #nav p.allsteinway {
		color: #666666;
		font-size: 0.8em;
		font-style: italic;
		margin: 20px 10px;
	}
		#container #nav p.allsteinway img {
			border: 0;
			margin: 0px 0px 5px 0px;
		}
		#container #nav p.allsteinway a {
			color: #666666;
		}
/* ---- Main Left Column Navigation for Arts and Affiliates sites ---- */
#container #nav-arts {
	background: #a80303 url(../images/bkg-nav-arts.gif) bottom no-repeat;
	color: #FFFFFF;
	float: left;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px 0px 130px 0px;
	width: 198px;
}
	#container #nav-arts h2 {
		background: #000000 url(../images/bkg-nav-arts-h2.gif) no-repeat;
		font-size: 1.1em;
		font-weight: normal;
		height: 23px;
		margin: 0px;
		padding: 7px 0px 0px 20px;
	}
	#container #nav-arts ul {
		list-style-type: none;
		margin: 10px 10px 10px 20px;
		padding: 0px;
	}
	#container #nav-arts li {
		padding: 0px 0px 5px;
	}
	#container #nav-arts a {
		color: #FFFFFF;
		text-decoration: none;
	}
	#container #nav-arts a:hover {
		text-decoration: underline;
	}
	#container #nav-arts form {
		border-bottom: 1px solid #000000;
		border-top: 1px solid #000000;
		font-size: 0.9em;
		margin: 10px 10px 10px 20px;
		padding: 10px 0px;
	}
	#container #nav-arts form select {
		font-size: 0.9em;
	}
	#container #nav-arts form input {
		font-size: 0.9em;
	}
/* ---- Main Content ---- */
#container #content {
	float: left;
	width: 750px;
}
	/* -- Heading Styles -- */
	#container #content h2 {
		font-size: 1.6em;
		margin: 20px 0px 10px;
	}
	#container #content h3 {
		color: #333333;
		font-size: 1.3em;
		margin: 20px 20px 5px 0px;
		text-transform: uppercase;
	}
	#container #content h4 {
		color: #990000;
		font-size: 1.2em;
		margin: 20px 20px 5px 0px;
	}
	#container #content h5 {
		color: #666666;
		font-size: 1.1em;
		margin: 20px 20px 5px 0px;
	}
	#container #content h6 {
		color: #666666;
		font-size: 1em;
		margin: 20px 20px 5px 0px;
	}
	/* -- Text Styles -- */
	#container #content p {
		line-height: 1.4em;
		margin: 0px 20px 10px 0px;
	}
	/* -- List Styles -- */
	#container #content ul {
		margin: 10px 20px 10px 30px;
		padding: 0px;
	}
	#container #content ol {
		margin: 10px 20px 10px 30px;
		padding: 0px;
	}
	#container #content li {
		line-height: 1.4em;
		margin: 0px;
		padding: 0px 0px 3px;
	}
	/* -- Image Styles -- */
	#container img.imgrightborder {
		border: 1px solid #CCCCCC;
		float: right;
		margin: 10px 0px 10px 10px;
		padding: 5px;
	}
	#container img.imgleftborder {
		border: 1px solid #CCCCCC;
		float: left;
		margin: 10px 10px 10px 0px;
		padding: 5px;
	}
	#container img.imgright {
		float: right;
		margin: 10px 0px 10px 10px;
	}
	#container img.imgleft {
		float: left;
		margin: 10px 10px 10px 0px;
	}
	#container img.imgborder {
		border: 1px solid #CCCCCC;
		margin: 10px;
		padding: 5px;
	}
	/* -- Table Styles -- */
	#container #content table {
		border: 1px solid #EEEEEE;
		border-collapse: collapse;
		margin: 20px 20px 20px 0px;
		width: 730px;
	}
		#container #content th {
			background: #EEEEEE;
			font-size: 0.9em;
			padding: 4px;
			text-align: left;
			text-transform: uppercase;
		}
		#container #content td {
			border: 1px solid #EEEEEE;
			padding: 4px;
		}
	/* -- Form Styles -- */
	#formcontainer {
		border-top: 1px solid #EEEEEE;
		margin: 10px auto;
		padding: 10px 0px;
	}
	#formcontainer h1 {
		border-bottom: 1px solid #000000;
		font-size: 1.5em;
		margin: .5em 0;
		padding: 0px;
	}
	#formcontainer h2 {
		color: #333333;
		font-size: 1.2em;
		margin: .2em 0;
	}
	#formcontainer fieldset {
		border: 0;
		border-bottom: 1px solid #EEEEEE;
		clear: left;
		margin: 0 0 1em 0;
		padding: 5px 0px;
	}
	#formcontainer legend {
		color: #990000;
		font-weight: bold;
		margin: 0;
		padding: 0px;
	}
	#formcontainer fieldset ol {
		list-style-type: none;
		margin: 0px;
		padding: 1em;
	}
	#formcontainer fieldset li {
		margin: 0px 0px 1em 0px;
		padding: 0px;
	}
	#formcontainer fieldset li em {
		font-size: 0.8em;
	}
	#formcontainer label {
		float: left;
		padding-right: 0.5em;
		text-align: right;
		width: 11em;
	}
	/* --- Forms with long descriptive labels --- */
	#formcontainer fieldset.longtext li {
		overflow: auto;
		padding: 5px 0px 10px 0px;
	}
	#formcontainer fieldset.longtext label {
		float: left;
		font-size: 0.9em;
		padding-bottom: 1em;
		padding-right: 0.5em;
		text-align: left;
		width: 38em;
	}
	#formcontainer fieldset.longtext select {
		margin-bottom: 2.5em;
	}
	#formcontainer fieldset.longtext textarea {
		margin-bottom: 1em;
	}
	#formcontainer #buttons {
		clear: left;
		margin: 0 0 1em 0;
		text-align: center;
	}
	/* -- Sub-column Right -- */
	#container #content .subcolumnright {
		border-left: 1px dotted #CCCCCC;
		float: right;
		font-size: 0.9em;
		margin: 0px 0px 10px 10px;
		padding: 0px 10px;
		width: 200px;
	}
		#container #content .subcolumnright h3 {
			margin: 0px;
			padding: 2px 0px 0px;
		}
		#container #content .subcolumnright p {
			margin: 2px 0px 10px 0px;
			padding: 0px;
		}
		#container #content .subcolumnright ul {
			margin: 5px 20px;
			padding: 0px;
		}
		#container #content .subcolumnright li {
			margin: 0px;
			padding: 0px 0px 2px 0px;
		}
		#container #content .subcolumnright .button {
			background: #990000;
			border: 1px solid #000000;
			text-align: center;
			margin: 0px;
			margin: 10px auto;
			padding: 0px;
			width: 150px;
		}
			#container #content .subcolumnright .button a {
				color: white;
				display: block;
				font-size: 1.3em;
				padding: 5px;
				text-decoration: none;
			}
			#container #content .subcolumnright .button a:hover {
				background: #FFFFFF;
				color: #000000;
			}
	/* -- 540px width middle column for home page use -- */
	#container #content .columnhome1 {
		border-left: 1px solid #990000;
		border-right: 1px solid #990000;
		float: left;
		font-size: 0.9em;
		margin: 10px 0px;
		min-height: 600px;
		padding: 0px;
		width: 538px;
	}
		#container #content .columnhome1 h2 {
			margin: 0px;
			padding: 2px 10px 0px;
		}
		#container #content .columnhome1 h3 {
			margin: 0px;
			padding: 20px 10px 0px;
		}
		#container #content .columnhome1 p {
			margin: 10px 10px 2px;
			padding: 0px;
		}
		#container #content .columnhome1 ul {
			margin: 5px 30px;
			padding: 0px;
		}
		#container #content .columnhome1 li {
			margin: 0px;
			padding: 0px 0px 10px 0px;
		}
		#container #content .columnhome1 hr {
			background-color: #CCCCCC;
			border: 0;
			color: #CCCCCC;
			height: 1px;
			margin: 20px 10px;
		}
		/* -- Table Styles -- */
		#container #content .columnhome1 table {
			border: 1px solid #EEEEEE;
			border-collapse: collapse;
			margin: 20px 10px;
			width: 510px;
		}
			#container #content .columnhome1 th {
				background: #EEEEEE;
				font-size: 0.9em;
				padding: 4px;
				text-align: left;
				text-transform: uppercase;
			}
			#container #content .columnhome1 td {
				border: 1px solid #EEEEEE;
				padding: 4px;
			}
	/* -- 210px width right column for home page use -- */
	#container #content .columnhome2 {
		float: left;
		font-size: 0.9em;
		margin: 10px 0px;
		min-height: 300px;
		padding: 0px;
		width: 210px;
	}
		#container #content .columnhome2 h2 {
			font-size: 1.4em;
			margin: 0px;
			padding: 2px 10px 0px;
		}
		#container #content .columnhome2 h3 {
			font-size: 1.3em;
			margin: 0px;
			padding: 2px 10px 0px;
		}
		#container #content .columnhome2 p {
			margin: 2px 10px 10px;
			padding: 0px;
		}
		#container #content .columnhome2 ul {
			margin: 5px 30px;
			padding: 0px;
		}
		#container #content .columnhome2 li {
			margin: 0px;
			padding: 0px 0px 2px 0px;
		}
		#container #content .columnhome2 .button {
			background: #990000;
			border: 1px solid #000000;
			text-align: center;
			margin: 0px;
			margin: 10px auto;
			padding: 0px;
			width: 150px;
		}
			#container #content .columnhome2 .button a {
				color: white;
				display: block;
				font-size: 1.3em;
				padding: 5px;
				text-decoration: none;
			}
			#container #content .columnhome2 .button a:hover {
				background: #FFFFFF;
				color: #000000;
			}
	/* -- Photo/Title/Contact Info display -- */
	#container #content .phototitle {
		clear: left;
		min-height: 175px;
	}
		#container #content .phototitle img {
			float: left;
			margin: 0px 10px 10px 0px;
		}
	/* -- Photo Gallery -- */
	#container #content .gallery img {
		border: 1px solid #666666;
		margin: 5px;
	}
	/* -- Content Area for Arts and Affiliates -- */
	#container #content-arts {
		float: left;
		width: 762px;
	}
		/* -- Heading Styles in Arts -- */
		#container #content-arts h2 {
			font-size: 1.6em;
			margin: 20px 20px 10px 30px;
		}
		#container #content-arts h3 {
			color: #333333;
			font-size: 1.3em;
			margin: 20px 20px 5px 30px;
			text-transform: uppercase;
		}
		#container #content-arts h4 {
			color: #990000;
			font-size: 1.2em;
			margin: 20px 20px 5px 30px;
		}
		#container #content-arts h5 {
			color: #666666;
			font-size: 1.1em;
			margin: 20px 20px 5px 30px;
		}
		#container #content-arts h6 {
			color: #666666;
			font-size: 1em;
			margin: 20px 20px 5px 30px;
		}
		#container #content-arts #formcontainer {
			margin: 10px 20px 10px 30px;
		}
		/* -- Text Styling in Arts -- */
		#container #content-arts p {
			margin: 0px 20px 10px 30px;
			line-height: 1.4em;
		}
		/* -- List Styles -- */
		#container #content-arts ul {
			margin: 5px 20px 10px 50px;
			padding: 0px;
		}
		#container #content-arts ol {
			margin: 5px 20px 10px 50px;
			padding: 0px;
		}
		#container #content-arts li {
			line-height: 1.4em;
			margin: 0px;
			padding: 0px 0px 3px;
		}
		#container #content-arts hr {
			background: #CCCCCC;
			border: 0;
			color: #CCCCCC;
			height: 1px;
			margin: 5px 10px 5px 30px;
		}
		/* -- Flash Rotator -- */
		#container #content-arts .flashrotator {
			margin: 20px 0px 0px 30px;
		}
		/* -- Sub-column for the Arts -- */
		#container #content-arts div.subcolumnarts {
			float: right;
			font-size: 0.8em;
			min-height: 600px;
			width: 250px;
		}
		#container #content-arts div.subcolumnarts #creditfooter {
			display: none;
		}
		#container #content-arts div.subcolumnarts p.allsteinway {
			color: #666666;
			font-style: italic;
			margin-top: 35px;
		}
			#container #content-arts div.subcolumnarts p.allsteinway img {
				border: 0;
				margin: 0px 0px 5px 0px;
			}
			#container #content-arts div.subcolumnarts p.allsteinway a {
				color: #666666;
			}
		/* -- Newsletter Specific Style -- */
		#container #content-arts h2.newsletterhead {
			border-bottom: 1px solid #000000;
			margin-top: 10px;
			margin-bottom: 0px;
			padding: 0px;
		}
		#container #content-arts p.newslettervolume {
			background: #a80303;
			color: #FFFFFF;
			font-size: 0.8em;
			margin-top: 0px;
			margin-bottom: 10px;
			text-align: right;
			text-transform: uppercase;
		}
	/* -- Home link above footers -- */
	#container #homebar {
		border-top: 1px solid #990000;
		clear: left;
	}
	#container #homebar p {
		font-size: 0.8em;
		margin: 0px;
		padding: 3px;
		text-align: right;
	}
	#container #homebar a {
		color: #000000;
		text-decoration: none;
	}
	#container #homebar a:hover {
		text-decoration: underline;
	}