/*
Original design: Variant Light (v1.1 - Sep 15, 2012) - A free xhtml/css website template by Andreas Viklund. For more information, see http://andreasviklund.com/templates/variant-light/
Modified by Melanie Hayn, v.1.1.M4; 9.24.13
*/



/* Main containers */
body {padding:0; margin:0; background:url("http://www.brocktonsymphony.org/images/background_current.png") #F2F2E8; text-align:center; } /* #f4f4f4*/
.page {margin:20px;}

/* Header, Top Menu, main divs*/
#headerpic{width:100%;text-align:left;margin:0;padding:0;}
#headerpic img {padding:0;margin:0;}

#topmenu{text-align:center; height:auto; margin:0; padding:0;width:100%; background:#2b2b2b; float:left; clear:none;} /*#444*/
#topmenu p{text-align:left; font-family:"Jost", serif; font-size:1.2em; line-height:2.0em; color:#777; margin:0 auto; overflow:hidden;padding:0;
font-weight:400;}
#topmenu a{color:#F2F2E8; background-color:#2b2b2b; text-decoration:none; padding:12px 10px 9px 10px; font-weight:400; margin:0 9px 0 0; border:0;
    border-top-left-radius: 0.9em; border-top-right-radius:0.9em; }
#topmenu a:hover {color:#2b2b2b; background-color:#F2F2E8; text-decoration:none; border-top-left-radius:0.9em;border-top-right-radius:0.9em;}
#topmenu a.active {color:#2b2b2b; background-color:#F2F2E8; text-shadow:#ccc 1px 1px 3px;text-decoration:none;border-top-left-radius:0.9em;border-top-right-radius:0.9em;} /*#dadada*/
#topmenu a.active:hover {color:#2b2b2b; padding:12px 10px 9px 10px;text-decoration:none;border-top-left-radius:0.9em;border-top-right-radius:0.9em;}
#topmenu a.active2 {color:#62072b; text-shadow:0px 0px 12px white,0px 0px 12px white,0px 0px 12px white,0px 0px 12px white,0px 0px 12px white,0px 0px 12px white,0px 0px 12px white;
    text-decoration:none;border-top-left-radius:0.9em;border-top-right-radius:0.9em;font-weight:700;} /*#dadada*/

.news {border:2px solid #777; width:95%; margin:0em 0em 2em 0em; box-shadow:0px 0px 3px #777;padding:0px 1em 1em 1em; overflow:hidden;} /* 777 */
.news img {margin:10px 10px 0px -10px; padding-left:0;}




a, .normal li a {font-weight:500; text-decoration:underline; color:#147985;} /*was #222 0F57C2 104FAF Nicole 337967 Me 147985*/
a:hover, .tickets a:hover, .normal li a:hover {color:#8baad8;} /*was 666 then 6f95cf*/
.red {color:#971C4D;}

.concert {font-family: "Jost", serif; font-size:1.2em; font-weight:700;padding-top:1em;padding-bottom:0;}
.title {font-family: "Jost", serif; font-weight:700; color:#971C4D; font-size:1.2em; line-height:1.4em;padding-bottom:0;padding-top:0;}
.date {font-weight:bold; color: #971C4D;padding-bottom:0;padding-top:0;}
.location{padding-bottom:0;padding-top:0;}
.tickets, .tickets a:link {font-style:italic;padding-top:0;}

.composer{font-family: "Jost", serif;font-weight:700;color:#971C4D;}

/* Sidebars */

#sidebar p {padding:5px 20px;font-family:"Jost",serif;font-size:1.1em;line-height:1.15em;font-weight:400;}
#sidebar h3{color:#F2F2E8; background-color:#62072b;border-top-left-radius:1em;border-bottom-left-radius:1em;padding: 8px 20px;margin:10px auto;}
/* #sidebar a:link {text-decoration:none;} */

ul {list-style:none; margin:0 15px 15px 15px; padding-left:20px;}
ul li {margin:0; list-style-image: url('http://www.brocktonsymphony.org/images/redarrow.gif');}
ul a, ul li a {line-height:1.3em;text-decoration:none;font-weight:500;font-family: 'Jost', serif; font-size:1.05em; } /*  color:#222; */
ul a:hover {text-decoration:underline;color:#6f95cf;}


/* Headers and associated font propertires */
h1, h2, h3 {font-weight:400; margin:0; padding:4px 10px;}
h1 a, h2 a, h3 a {text-decoration:none; border:0; color:#222;}
h1 a:hover, h2 a:hover, h3 a:hover {text-decoration:none; border:0; }
h1 {font-family: "Jost", serif; font-size:1.5em; line-height:1em; color:#222; margin:0px 0px 0px 0px;font-weight:600; }/* text-shadow:#ccc 2px 2px 6px;}*/
h2 {font-family: "Jost", serif; font-size:1.5em; line-height:1em; color:#971C4D; margin:10px 0px 0px 0px;font-weight:600;}
h3 {font-family: "Jost", serif; font-size:1.2em; line-height:1em; color:#222; margin:0px 0px 0px 0px;font-weight:600; }
h4 {font-family: "Jost", sefir; font-size:1.2em; line-height:1em; color:#222; margin:0;font-weight:400;padding:10px 10px 4px 10px;}
.center{text-align:center;}
.lineabove{text-align:center; border-top:1px solid #d8d8d8; padding-top:20px;}
.script{font-family:"Rouge Script",cursive,serif;font-style:italic;font-size:2.5em;line-height:1.3em;text-align:center;color:#971C4D;}
.script a {text-decoration:none; color:#971C4D;}
.script2{font-family:"Rouge Script",cursive,serif;font-size:2.4em;line-height:1.3em;text-align:center;color:#971C4D;padding-bottom:10px;}
.script3{font-family: "Cormorant Upright", cursive, serif;font-size:1.6em;line-height:1.2em;}

/* Regular text fonts and links */
.toptext {padding-top:10px; padding-left:30px;font-size:1.05em;}
.toptext a {color:#971C4D;font-style:italic;}
.toptext a:hover {color:#c68f88;}
.rep {padding-left:50px;padding-top:10px;}
.soloist {font-weight:bold; font-style:italic; font-size:1.0em; margin-left:60px;}
.soloist a:link {font-weight:bold; font-style:italic; font-size:1.1em; text-decoration:none;}

.comp1 {padding-left:10px;font-size:1.2em;font-weight:bold;} /* padding-top:20px; */
.comp2 {padding-left:35px;font-size:1.05em;font-weight:bold;} /* padding-top:10px; */
.comp3 {padding-left:60px;font-size:1.05em;}

/* Content area and divs*/
.push{clear:left;width:90%;height:1px;background-color:#f0f0f0;margin-bottom:12px;}
.push2{clear:left;width:90%;height:1px;background-color:transparent;margin-bottom:4px;}
.pic{float:left;width:auto;padding:20px;clear:none;}
.w400 {float:left;width:160px;clear:none;display:block;}
.w400 p {padding-left:15px;}
.w200 {float:left;clear:none;}
.w100 {float:left;width:25%; padding:10px 15px; clear:none;}


/* Java boxes for info about symphony on fundraising campaign page */
.littitle {padding:8px;margin:0px 10px;}
.littitle a, .littitle-mid a {line-height:1.2em; font-size:1.2em; color:#971C4D;font-family:"Jost", serif; padding-bottom:0px;}
.littitle a:hover {color:gray;}
.litblock {padding: 0px 20px 0px 30px;margin:0;}
.litblock p {padding: 3px 0 3px 0;font-family:"Jost", serif; padding-bottom:10px;} /* font-size:1em; line-height:1.05em; */

.litblock ul {list-style:none; margin:0 15px 10px 15px; padding-left:10px;}
.litblock ul li {margin:0 0 10px 0; list-style-image: url('http://www.brocktonsymphony.org/images/redarrow.gif')}
.litblock ul a {line-height:1.3em;text-decoration:none;color:#222;}
.litblock ul a:hover {text-decoration:underline;color:#6f95cf;}



/* HTML Tags */

a img, a:hover img {border:0; text-decoration:none; border-bottom:1px solid transparent;}

.button3 img {text-decoration:none; border:1px solid gray; border-radius:10px;}
.button3:hover img {text-decoration:none; border:1px solid gray; border-radius:10px; box-shadow:0px 0px 10px #999999;}

.noline a:hover{margin:0;text-decoration:none;border-bottom:1px solid transparent;}
.noline a{margin:0;text-decoration:none;border-bottom:1px solid transparent;}


/* Footer */
#footer{width:100%; background:#444; margin:0; padding:0px; clear:both;}
#footer p {margin:0;padding:0; text-align:left; color:#F2F2E8; font-size:0.8em; line-height:1.4em; font-weight:400; }
#footer a {color:#FFF; font-weight:400; text-decoration:none; border-bottom: 1px dotted #888;}



/* Various classes */
.hide {display:none;}

.button1 {
	-moz-box-shadow: 0px 1px 0px 0px #e09191;
	-webkit-box-shadow: 0px 1px 0px 0px #e09191;
	box-shadow: 0px 1px 0px 0px #e09191;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e09191), color-stop(1, #62072b) );
	background:-moz-linear-gradient( center top, #e09191 5%, #62072b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e09191', endColorstr='#62072b');
	background-color:#e09191;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #540100;
	display:inline-block;
	color:#ffffff;
	font-family:Georgia;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	height:35px;
	line-height:35px;
	width:260px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #540100;}
	
.button2 {
	-moz-box-shadow: 0px 1px 0px 0px #e09191;
	-webkit-box-shadow: 0px 1px 0px 0px #e09191;
	box-shadow: 0px 1px 0px 0px #e09191;
	background-image:url("images/Amazon.PNG");
	background-position: top center;
	background-repeat:no-repeat;
	background-color:#ffffff;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #ff9700;
	display:inline-block;
	height:50px;
	width:260px;
	text-align:center;}
	
.button1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #971C4D), color-stop(1, #e09191) );
	background:-moz-linear-gradient( center top, #971C4D 5%, #e09191 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#971C4D', endColorstr='#e09191');
	background-color:#971C4D;
	color:white;}
.button1:active {
	position:relative;
	top:1px;}