/* ---------------------------------------------
Greenville Symphony Orchestra Screen Style Sheet
author: cyberwoven
version:  2008.11
----------------------------------------------- */

body {
	font:normal 12px/20px Arial, "Trebuchet MS", helvetica, sans-serif;
	background:#779E69;
	color:#333;
	margin:0;
	padding:0;
	text-align:center;}

a,
a:link {color:#f90; text-decoration:underline; text-outline:none;}
a:visited {color:#c60;}
a:hover {color:#f60; text-decoration:none;}

h3 {font: 30px/40px Georgia, "Times New Roman", serif; letter-spacing: 1px; background:url(../images/h3bg.gif); margin:5px 0 10px 0;}
	h3 a {color:#333 !important;}

h4 {font: 24px/30px Georgia, "Times New Roman", serif;  color:#930; letter-spacing: 1px; background:url(../images/h4bg.gif); margin:5px 0 10px 0;}
	h4 a {color:#930 !important;}

h5 {font-size:16px; line-height:20px; color:#c63; margin:10px 0 10px 0; font-weight:normal;}
	h5 a {color:#c63 !important;}

p {margin:5px 0 15px 0;}
small {font-size:11px;}

/* Layout Blocks
----------------------------------------------- */

#container {width:800px; margin:0 auto; padding:0 24px; text-align:left; position:relative; z-index:1; background:url(../images/content-bodybg-green.jpg);}

h1 {margin:0; padding:0; height:140px; background:#6D9158 url(../images/content-h1-green.jpg);}
	h1 a {text-indent:-1337px; font-size:1px; outline:none; display:block; height:125px; width:375px;}

h2 {width:800px; height:235px; font-size:1px; text-indent:-1337px; margin:0; padding:0;}
h2.concerts {background-image:url(../images/content-h2-concerts.jpg);}
h2.about {background-image:url(../images/content-h2-about.jpg);}
h2.support {background-image:url(../images/content-h2-support.jpg);}
h2.support2 {background-image:url(../images/content-h2-support2.jpg);}
h2.education {background-image:url(../images/content-h2-education.jpg);}
h2.visit {background-image:url(../images/content-h2-visit.jpg);}
h2.contact {background-image:url(../images/content-h2-contact.jpg);}

#topnav {position:absolute; top:30px; margin:0; right:35px; width:360px; height:50px; list-style:none;}
	#topnav li {margin:0; padding:0; display:inline;}
	#topnav li a {
		display:block;
		float:left;
		height:18px;
		width:155px;
		padding-left:20px;
		margin-bottom:2px;
		background:url(../images/raquo175-white-orange.gif) no-repeat center left;
		line-height:18px;
		color:#fff; text-decoration:none; text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		white-space:nowrap;}
	#topnav li a.active,
	#topnav li a:hover {color:#f93; background-position:center right;}

#content {background:url(../images/content-bg.jpg) no-repeat; min-height:300px;}
#contentleft {float:left; width:287px;}
	#subnav {list-style:none; margin:15px 0 0 20px; padding:0 20px;}
		#subnav li {margin:0; padding:0; display:inline;}
		#subnav li a {
			display:block;
			height:25px;
			line-height:25px;
			padding-left:20px;
			margin-bottom:0;
			background:url(../images/raquosubnav.gif) no-repeat 0 0;
			color:#333; text-decoration:none; text-transform:uppercase;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			white-space:nowrap;}
		#subnav li a.active,
		#subnav li a:hover {color:#f93; background-position:0 -25px;}
		.leftblock {background:url(../images/contentleft-green.gif) no-repeat; margin:20px 0; padding:90px 45px 0 30px}
			.leftblock h4 {margin:5px 0; text-transform:lowercase; font-size:18px; font-weight:normal; }
				.leftblock h4 a {display:block; color:#333; text-decoration:none;}
				.leftblock h4 a:hover {text-decoration:underline;}
			.leftblock p {margin:0; font-size:11px; line-height:16px;}
		.leftcontact {background:url(../images/contentleft-green.gif) no-repeat; margin:20px 0; padding:90px 45px 0 30px; font-size:11px; line-height:14px;}
			.leftcontact h5 {margin:10px 0 2px 0;}


#contentright {float:left; width:503px}
#contentright img {float:right; margin:0 0 15px 15px; clear:right; background-color:#f7f4ef;border:1px solid #d7d1c8; padding:1px;}
#contentright img.nofloat {float:none; margin:10px 0; clear:none; background-color:transparent; border:none; padding:0;}

#footer {
	background-color:#fff;
	margin:20px 10px 0 10px;
	padding: 15px 0 0 0;
	width:780px;
	display:inline-block;
	clear:both;
	background-image:url(../images/doublehorizontal.gif);
	background-repeat:repeat-x;
	text-align:right;
	position:relative;
	font-size:11px;}
	#footer a {text-decoration:none;}
	#footer a:hover {text-decoration:underline;}
	#footer ul {position:absolute; left:0; top:15px; margin:0; padding:0; list-style:none; width:100%; text-align:left;}
	#footer ul li {display:inline; margin:0; padding:0;}
	#footer ul li a {margin-right:15px; color:#333; }
	#footer a.cyberwoven {
		color:#F9A11C;
		text-decoration:none;
		text-align:right;
		font-weight:bold;
		display:block;
		width:800px;
		position:absolute;
		left:-34px;
		background:#547A49 url(../images/content-footerbg-green.gif) no-repeat;
		padding:12px 34px 50px 14px;}
		#footer a.cyberwoven:hover {text-decoration:underline;}


/* Color Specific
----------------------------------------------- */
body.green {background:#779E69;}
body.green h1 {background:#6D9158 url(../images/content-h1-green.jpg);}
body.green #container {background:#547A49 url(../images/content-bodybg-green.jpg);}
body.green #footer a.cyberwoven {background:#547A49 url(../images/content-footerbg-green.gif) no-repeat;}
body.green .leftblock {background-image:url(../images/contentleft-green.gif);}


body.blue {background:#69889E;}
body.blue h1 {background:#23333E url(../images/content-h1-blue.jpg);}
body.blue #container {background:#49647A url(../images/content-bodybg-blue.jpg);}
body.blue #footer a.cyberwoven {background:#49647A url(../images/content-footerbg-blue.gif) no-repeat;}
body.blue .leftblock {background-image:url(../images/contentleft-blue.gif);}


body.violet {background:#8A7393;}
body.violet h1 {background:#342838 url(../images/content-h1-violet.jpg);}
body.violet #container {background:#695370 url(../images/content-bodybg-violet.jpg);}
body.violet #footer a.cyberwoven {background:#695370 url(../images/content-footerbg-violet.gif) no-repeat;}
body.violet .leftblock {background-image:url(../images/contentleft-violet.gif);}


body.mocha {background:#A8885F;}
body.mocha h1 {background:#42311D url(../images/content-h1-mocha.jpg);}
body.mocha #container {background:#83673F url(../images/content-bodybg-mocha.jpg);}
body.mocha #footer a.cyberwoven {background:#83673F url(../images/content-footerbg-mocha.gif) no-repeat;}
body.mocha .leftblock {background-image:url(../images/contentleft-mocha.gif);}

body.teal {background:#558786;}
body.teal h1 {background:#20514E url(../images/content-h1-teal.jpg);}
body.teal #container {background:#376F6C url(../images/content-bodybg-teal.jpg);}
body.teal #footer a.cyberwoven {background:#376F6C url(../images/content-footerbg-teal.gif) no-repeat;}
body.teal .leftblock {background-image:url(../images/contentleft-teal.gif);}


/* Unused Colors */

body.rose {background:#9D6159;}
body.rose h1 {background:#492218 url(../images/content-h1-rose.jpg);}
body.rose #container {background:#7F4439 url(../images/content-bodybg-rose.jpg);}
body.rose #footer a.cyberwoven {background:#7F4439 url(../images/content-footerbg-rose.gif) no-repeat;}
body.rose .leftblock {background-image:url(../images/contentleft-green.gif);}


body.olive {background:#B0AE4D;}
body.olive h1 {background:#524418 url(../images/content-h1-olive.jpg);}
body.olive #container {background:#8A8730 url(../images/content-bodybg-olive.jpg);}
body.olive #footer a.cyberwoven {background:#8A8730 url(../images/content-footerbg-olive.gif) no-repeat;}
body.olive .leftblock {background-image:url(../images/contentleft-green.gif);}


/* Homepage Specific
----------------------------------------------- */
body#home {background:#F7F3EE url(../images/home-bodybg.jpg) repeat-x top left;}
body#home #container {width:780px; background:none;}

body#home #adminbar {margin-left:-10px;}

body#home h1 {margin:0; padding:0; height:125px; background:#6D9158 url(../images/home-h1-brochure.jpg);}
	body#home h1 a {text-indent:-1337px; font-size:1px; outline:none; display:block; height:125px; width:375px;}

.homeflash {margin-left:277px; width:528px; height:320px; background:url(../images/home-flashboxbg.gif) no-repeat bottom right;}
.homeflash img {border:none;}


body#home.slideshow h1 {background-image: url(../images/home-h1-slideshow.jpg); background-color:none;}
#homeslide {
	margin-left:277px; 
	cursor: pointer;
	overflow: hidden;
	position: relative;
	top:-18px;
	margin-bottom:-18px;
	width:528px; 
	height:338px; 
	background:url(../images/home-flashboxbg.gif) no-repeat bottom right;
}

#homeslide img {

	position:absolute;
	border:none;
	cursor: pointer;
	width: 503px;
	height: 338px;
	top: 0;
	left: 0;
}

#homeslide a img {display:none;}
#homeslide a.firstslide img {display:block;}

.homeupcomingheader {position:absolute; top:140px; margin:0; z-index:10; height:50px;}
	.homeupcomingheader a {
		display:block;
		height:50px;
		width:250px;
		font-size:1px;
		text-indent:-1337px;
		outline:none;}

div.homeupcoming {
	position:absolute;
	top:125px;
	width:277px;
	height:104px;
	padding:75px 0 0 0;
	margin:0;
	background:url(../images/home-upcomingbg.jpg) no-repeat;}

div.homeupcoming ul {
	padding:0 0 0 0;
	margin:0;
	height:90px;
	overflow:hidden;}

	div.homeupcoming ul li {
		display:block;
		padding:0 40px 0 0;
		margin:0 0 12px 0;
		text-align:right;
		font-size:11px;
		line-height:11px;
		color:#fff;
		font-weight:bold;
		list-style:none;}

	div.homeupcoming ul li a {
		text-decoration:none;
		text-transform:uppercase;
		color:#fff !important;
		font-weight:bold;}
		div.homeupcoming ul li a:hover {text-decoration:underline !important;}

a.homebluebox {
	position:absolute;
	top:304px;
	width:125px; /* 277 */
	height:96px; /* 141 */
	padding:60px 40px 0 112px;
	background:url(../images/home-buytickets.jpg) no-repeat;
	color:#043137 !important;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	line-height:16px;}
	a.homebluebox:hover {text-decoration:underline;}

#home #footer {
	background-color:transparent;
	width: 780px;
	margin:0 auto;
	padding:15px 0 0 0;}

#home #footer a.cyberwoven {
	color:#f60;
	display:inline;
	position:relative;
	left:0;
	background:none;
	padding:0;}


ul.triptych {width:781px; margin:0; padding:0; list-style:none;}
	ul.triptych li {float:left; width:260px; height:112px; background:red; position:relative;}
		ul.triptych li span {display:none;}
		ul.triptych li a {position:absolute; display:block; top:0; left:0; color:#333; font-size:12px; line-height:14px; text-decoration:none;}
		ul.triptych li a:hover {text-decoration:underline;}
		ul.triptych li.maestro {background:url(../images/triptych-maestro.gif);}
			ul.triptych li.maestro a {padding:62px 90px 0 10px;}
		ul.triptych li.recordings {background:url(../images/triptych-recordings.gif);}
			ul.triptych li.recordings a {padding:62px 0 0 84px;}
				a.maestro { float: left;}
		ul.triptych li.dsc {background:url(../images/triptych-dsc.gif);}
			ul.triptych li.dsc a {padding:62px 0 0 100px;}

/* Forms
----------------------------------------------- */

form {border:none; margin:0; padding:0;}
form fieldset {border:none; display:block; margin:0; padding:0;}
form label {display:block; float:left; width:150px; text-align:right; padding:0 5px 0 0;}
form select {font-size:12px; padding:0; float:left; margin-bottom:10px; border:1px solid #ccc;}
form input.textbox {margin:0 10px 10px 0; border:1px solid #ccc;}
form input.shorttextbox {margin:0 10px 10px 0; border:1px solid #ccc; width:50px;}
form input.shortertextbox {margin:0 10px 10px 0; border:1px solid #ccc; width:25px;}
form input.disabled {color:#000; background-color:#f4f1ea;}
form br {clear:left;}
form textarea {width:300px; border:1px solid #ccc; padding:5px;}
form input.button {font-size:12px; height:20px; padding:0 15px 3px 15px; color:#fff; margin:0; width:auto !important; background:#444; border:1px solid #444;}
form input.button:hover {background-color:#c63; border:1px solid #c63;}
form label.required {font-weight:bold;}
form .textboxmargins {position:relative; top:-10px; left:-5px;}

.checkbox label {float:left;width:auto;text-align:left;margin:-4px 0 5px 0;}
.checkbox input {float:left;margin: 0 5px 0 155px;}


/* Recordings
----------------------------------------------- */
#recordings label {float:none; display:inline; width:50px; padding:0 5px 0 0;}
#recordings input.shortertextbox {margin:0 0px 0px 0; border:1px solid #ccc;}
#recordings {margin:10px; 0px; 10px; 0px;}

/* Reusables
----------------------------------------------- */



.clear
{
     border: 0;
     clear: both;
     display: block;
     float: none;
     margin: 0;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}


.hidden {display:none;}

.errortext {color:Red;}