/*
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; font:1em Georgia,'Times New Roman',serif; background:url("http://www.brocktonsymphony.org/images/background_current.png") #f4f4f4; text-align:center; }
#wrap {width:1024px; text-align:left; margin:0 auto; padding:0 0 0 0;border:1px solid black;background-color:#f0f0f0;box-shadow: 0px 0px 25px #444;}

/* Header */
#headerpic{width:1024px; background: url("http://www.brocktonsymphony.org/images/header_current_1024.png") no-repeat; background-position:left center;text-align:left;margin:0 auto 5px auto;
	padding:0;margin:0;height:200px;float:left;}

/* Top menu */
#topmenu{text-align:center; height:auto; margin:0; padding:0;width:100%; background:#444; float:left; clear:none;} /*background-color:#f0f0f0; */
#topmenu p{width:1024px; text-align:left; font-family:'PT+Serif', serif; font-size:1.2em; line-height:2.0em; color:#777; margin:0 auto; overflow:hidden;padding:0;}
#topmenu a{color:white; background-color:#444; 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:#444; background-color:#e8e8e8; text-decoration:none; border-top-left-radius:0.9em;border-top-right-radius:0.9em;}
#topmenu a.active {color:#444; background-color:white; 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:#444; padding:12px 10px 9px 10px;text-decoration:none;border-top-left-radius:0.9em;border-top-right-radius:0.9em;}
#topmenu a.active2 {color:#8d2011; 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*/

.memberlink {font-size:1.2em;}

/* Sidebars */
#sidebar {width:300px; float:left; margin:0; padding:0px; color:#777;background-color:#f0f0f0;clear:none;}
#sidebar p {padding:5px 20px;font-family:'PT+Serif',serif;font-size:1.1em;line-height:1.15em;}
#sidebar h3{color:white; background-color:#8d2011;border-top-left-radius:1em;padding: 8px 20px;margin:10px auto;}
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 {line-height:1.3em;color:#222;}
ul a:hover {text-decoration:underline;color:#6f95cf;}
#sidebar a:link {text-decoration:none;}

/* 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: 'PT+Serif', serif; font-size:1.5sem; line-height:1em; color:#222; margin:0px 0px 0px 0px; }/* text-shadow:#ccc 2px 2px 6px;}*/
h2 {font-family: 'PT+Serif', serif; font-size:1.5em; line-height:1em; color:#8d2011; margin:0px 0px 0px 0px;}
h3 {font-family: 'PT+Serif', serif; font-size:1.2em; line-height:1em; color:#222; margin:0px 0px 0px 0px; }
h4 {font-family: 'PT+Serif', 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:#8d2011;}
.script a {text-decoration:none; color:#8d2011;}
.script2{font-family:'Rouge Script',cursive,serif;font-size:2.4em;line-height:1.3em;text-align:center;color:#8d2011;padding-bottom:10px;}
.script3{font-family: 'Cormorant Upright', cursive, serif;font-size:1.6em;line-height:1.2em;}

/* Regular text fonts and links */
p {font-family: 'PT+Serif', serif; font-size:1.05em; margin:0;font-family:'PT+Serif', serif; padding:0px 10px; color:#222;}
a, .normal li a {font-weight:400; text-decoration:underline; color:#0e479d;} /*was #222 0F57C2 104FAF */
a:hover, .tickets a:hover, .normal li a:hover {color:#8baad8;} /*was 666 then 6f95cf*/

.red {color: #8d2011; margin:10px auto 4px auto;}
.red2 a{font-weight:400; text-decoration:underline; color:#8d2011;} 
.red2 a:hover {color:#d12f19;}

.concert {font-family: 'Cinzel', serif; font-size:1.2em; font-weight:700;padding-top:30px;}
.concert2 {font-family: 'Marcellus SC', serif; font-size:1.4em; font-weight:700;padding-top:5px;}
.title {font-family: 'Cinzel', serif; font-weight:700; color:#8d2011; font-size:1.2em; line-height:1.4em; padding-top:10px;}
.composer{font-family: 'Cinzel', serif;font-weight:700;color:#8d2011;}
.emphasis {serif;font-weight:700;color:#8d2011;}
.date {font-weight:bold; color: #8d2011;}
.location{text-decoration:none;}
.tickets, .tickets a:link {font-style:italic; text-decoration:none;}
.desc  {padding-top:10px; padding-left:30px;line-height:1.3em;}
.toptext {padding-top:10px; padding-left:30px;font-size:1.05em;}
.toptext a {color:#8d2011;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;}
.grant {font-size:0.9em;line-height:1.1em;margin-top:20px;}
.links{padding-bottom:20px;padding-top:10px;}
.para{padding-top:10px;}
.centerspaced{text-align:center; padding:20px 0;}

.table1 {font-size:0.95em;border-collapse:collapse;}
tr.sep td {border-top:1px solid #d8d8d8;}
.table3 td{padding:5px 10px;}
.MMConcert {padding-left:10px;padding-top:10px;padding-bottom:5px;font-weight:bold;font-size:1.05em;}
.MMConcertList {padding-left:10px;padding-top:0px;padding-bottom:5px;font-weight:normal;font-size:1.05em;}
.MMtable {font-size:1.0em;font-family: 'PT+Serif', serif; color:#222;font-weight:normal;}
.MMtable th {font-weight:normal;padding-left:5px;padding-right:5px;padding-top:5px;}

/* Content area and divs*/
#content {float:left;text-align:left; padding:20px; margin:0; width:682px; min-height:800px; background-color:white;clear:none;border-right:1px dotted grey;}
#content1 {float:left;text-align:left; padding:0px; margin:0; width:1024px; min-height:800px; background-color:white;clear:none;}
.w500{float:left;clear:none;width:520px;margin:0;padding:0;}
.push{clear:left;width:750px;height:1px;background-color:#f0f0f0;margin-bottom:12px;}
.push2{clear:left;width:750px;height:1px;background-color:transparent;margin-bottom:4px;}
.linebelow{float:left;text-align:left; width:676px; padding-bottom:20px; padding-top:20px;border-bottom:1px solid #d8d8d8;}
.standard{float:left;text-align:left; width:676px; padding-bottom:20px; padding-top:20px;}
.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:190px; padding:10px 15px; clear:none;}
.news {border:2px solid #777; width:642px; margin:auto;box-shadow:0px 0px 3px #777;padding:8px; margin:10px 10px 30px 10px;overflow:hidden;}
.news img {margin:10px 10px 0px -10px; padding-left:0;}
.news2 {border:2px solid #777; width:660px; margin:auto;box-shadow:0px 0px 3px #777;padding:0px; margin:10px 10px 30px 10px;}
.news2 img{margin:0;padding:0;}
.boxed {border:2px solid #777; margin:10px;}
.winn {padding-left:20px;font-size:90%;}
.comp1 {padding-left:10px;font-size:120%;padding-top:20px;font-weight:bold;}
.comp2 {padding-left:35px;font-size:100%;padding-top:10px;font-weight:bold;}
.comp3 {padding-left:60px;font-size:100%;}

/* Fundraising Site 
.littitle {padding:8px 50px 8px 70px;margin:0 50px 0 50px;border:2px solid #B0B0B0;}
.littitle a, .littitle-mid a {margin-bottom:8px;}

.litblock {padding: 12px 50px 0px 50px;margin:0;}
.litblock p {padding: 3px 0 3px 0;font-size:0.9em;line-height:1.05em;}

p.donate {padding-top:10px; padding-left:50px;padding-right:50px;}
.donate li {padding-top:10px;margin-left:40px;}
.donates {color:#8d2011;font-weight:bold;font-family:'Handlee', serif;}
.donate {line-height:1.2em; font-size:1.3em; font-family:'PT+Serif', serif; padding-bottom:10px;}
*/


/* 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:#8d2011;font-family:'PT+Serif', 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:'PT+Serif', 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;}

.donates {color:#8d2011;font-weight:bold;font-family:'Handlee', serif;}
.donate {line-height:1.2em; font-size:1.3em; font-family:'PT+Serif', serif; padding-bottom:10px;}
p.donate {padding:10px 10px 10px 30px;}

/* 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:1024px; background:#444; margin:0; padding:0px; clear:both;}
#footer p {margin:0;padding:0; text-align:left; color:white; 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, #8d2011) );
	background:-moz-linear-gradient( center top, #e09191 5%, #8d2011 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e09191', endColorstr='#8d2011');
	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, #8d2011), color-stop(1, #e09191) );
	background:-moz-linear-gradient( center top, #8d2011 5%, #e09191 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d2011', endColorstr='#e09191');
	background-color:#8d2011;
	color:white;}
.button1:active {
	position:relative;
	top:1px;}