@charset "UTF-8";
/* CSS Document */

/* Colors

Brown: #261f0f
Turqoise: #326b6c
Olive: #697532
Sidebar Grey: #e6e6d8
Blue: #0d4d74
Blue Text: #0066a6
Purple: #77133d
footer: #8ba879
text: #261d0f

--------------------------------------------------------------------------------------------------- */

@import url("reset.css");

body {
	font: normal normal 14px/1.5em "Trebuchet MS", Georgia, serif;
	color: #261d0f;
}

body.portal #header {background: url(gfx/midsummerHeaderBg.jpg) repeat-x left bottom #261f0f;}
body.midsummer-festival #header {background: url(gfx/midsummerHeaderBg.jpg) repeat-x left bottom #261f0f;}
body.bvfms #header {background: url(gfx/bvfmsHeaderBg.jpg) repeat-x left bottom #012339;}

#headerContainer {
	width: 900px;
	height: 324px;
	margin: 0 auto;
	position: relative
}

body.portal #headerContainer {background: url(gfx/portalHeaderQuickBg.jpg) no-repeat left top;}
body.midsummer-festival #headerContainer {background: url(gfx/midsummerHeaderQuickBg.jpg) no-repeat left top;}
body.bvfms #headerContainer {background: url(gfx/bvfmsQuickBg.jpg) no-repeat left top;}

#headerContainer #logo {
	width: 900px;
	height: 324px;
	position: absolute;
	left: 0;
	top: 0;
}

#headerContainer #logo a {
  width: 900px;
	height: 324px;
}

body.portal #headerContainer #logo a {background: url(gfx/portalHeader.png) no-repeat right bottom;}
body.midsummer-festival #headerContainer #logo a {background: url(gfx/midsummerHeader.png) no-repeat left top;}
body.bvfms #headerContainer #logo a {background: url(gfx/bvfmsHeader.png) no-repeat left top;}

#headerContainer img {float: right;}

#headerContainer p {
	width: 200px;
	position: absolute;
	top: 36px;
	left: 52px;
	font: italic bold 22px/1em "Trebuchet MS", Georgia, serif;
	color: #ffffff;
}

#headerContainer p span {
	font: normal bold 40px/1em "Trebuchet MS", Georgia, serif;}

#content {
	width: 900px;
	margin: 0 auto;
}

body.portal #content {background: url(gfx/contentBg.gif) repeat-y right top;}

/* Midsummer Sidebar
-------------------------------------------------------------------------------------------------------- */

#navTertiary {
	font-size: 14px;
	color: #77133d;
	list-style: none;
	padding-bottom: 15px;
}

#navTertiary li {display: inline;}

#navTertiary li a {
	color: #77133d;
	text-decoration: none;
}

#navTertiary li a:hover {border-bottom: 1px dotted #77133d;}

#midsummerSidebar {
	width: 260px;
	float: right;
	padding-top: 20px;
	text-align: right;
	padding-bottom: 50px;
	position: relative;
}

body.portal #midsummerSidebar {
  background: url(gfx/midsummerArrow.gif) no-repeat 227px top;
	text-align: left;
	float: left;
	padding-right: 20px;
}

#tickets, #announcements h3 {
	padding: 5px 15px;
	background-color: #261f0f;
	font: normal bold 22px/1em "Trebuchet MS", Georgia, serif;
	color: #ceceb2;
	margin-bottom: 15px;
	text-transform: lowercase;
	width: 230px;
}

#announcements h3 {text-align: right;}

.festivalrss {
	width: 24px;
	height: 24px;
	display: block;
	float: left;
	background: url(gfx/rss.png) no-repeat left top;
	overflow: hidden;
	text-indent: 99px;
}

body.midsummer-festival #tickets {float: right;}

#tickets {width: 163px;}

#tickets a, #announcements h3 a {
  color: #ceceb2;
	text-decoration: none;
}

#tickets a:hover, #announcements h3 a:hover {
	text-decoration: none;
	color: #ffffff;
}

span.arrows {font-size: 12px; letter-spacing: -2px;}

#navMidsummer {
	color: #77133d;
	font-size: 24px;
	text-transform: lowercase;
	margin-bottom: 30px;
	clear: both;
}

#navMidsummer li.sub-level-0 {
	color: #77133d;
	margin-bottom: 15px;
}

#navMidsummer li.sub-level-0 a {
	color: #77133d;
	text-decoration: none;
	background: url(gfx/midsummerNavBg.gif) no-repeat left bottom;
	display: block;
	padding: 0 15px 12px 15px;
	margin-bottom: 5px;
}

#navMidsummer li.sub-level-0 a:hover, #navMidsummer li.sub-level-0.current a, #navMidsummer li.sub-level-0.parent-current a {
	background: url(gfx/midsummerNavBgActive.gif) no-repeat left bottom transparent;
}

#navMidsummer li.sub-level-1 {font-size: 16px;}
#navMidsummer li.sub-level-0.current ul li a:hover, #navMidsummer li.parent-current ul li a:hover, #navMidsummer li.sub-nav-level-0.current ul li.current a, #navMidsummer li.parent-current ul li.current a {
	background-color: #77133d;
	background-image: none;
	color: #e6e6d8;
}

#navMidsummer li.sub-level-0.current ul li a, #navMidsummer li.sub-level-0.parent-current ul li a {
  background-image: none;  
	padding: 0 5px 3px 20px;
	margin-bottom: 2px;
	}

body.portal #navMidsummer li a {background: url(gfx/portalMidsummerNavBg.gif) no-repeat left bottom;}
body.portal #navMidsummer li a:hover {background: url(gfx/portalMidsummerNavBgActive.gif) no-repeat left bottom;}

#enewsSubscribe {
	background-color: #e6e6d8;
	padding: 8px 15px;
	margin-bottom: 30px;
	font-size: 22px;
	font-weight: bold;
}

#enewsSubscribe a {
	color: #261f0f;
	text-decoration: none;
}

#enewsSubscribe span {
	text-transform: uppercase;
	color: #000000;
	font: italic normal 16px/1em "Trebuchet MS", Georgia, serif;
}

#announcements {background-color: #e6e6d8; padding-bottom: 10px;margin-bottom: 30px;}

#announcements h3 {padding: 8px 15px 10px 15px;}

#announcements h4 {
  font: normal bold 16px/1.2em "Trebuchet MS", Georgia, serif;
	color: #261f0f; margin-bottom: 8px;
}

#announcements h4 a {
  color: #261f0f;
	text-decoration: none;
}

#announcements h4 a:hover {text-decoration: underline;}

#announcements div {
	padding-left: 15px;
	width: 215px;
	border-bottom: 1px dotted #261f0f;
	margin-bottom: 8px;
}

#announcements p {margin-bottom: .6em;}

#midsummerContacts {
  font: normal normal 22px/1.2em "Trebuchet MS", Georgia, serif;
	color: #77133d;
	padding-left: 15px;
}

#midsummerContacts a {
	color: #77133d;
	text-decoration: none;
}

#midsummerContacts a:hover {text-decoration: underline;}

#midsummerSidebar address {padding-left: 15px; margin-bottom: 20px;}

#fbIcon {
	width: 90px;
	height: 92px;
	margin-left: 15px;
}

body.midsummer-festival #fbIcon {
	float: right;
	text-align: left;
}

#fbIcon span {background: url(gfx/facebookLogo.jpg) no-repeat left top;}

	
/* Primary
-------------------------------------------------------------------------------------------------------- */

body.portal #primary {
	width: 330px;
	padding: 38px 30px 0 0;
	float: left;
	background: url(gfx/portalMidsummerText.jpg) no-repeat right top;
	height:auto !important;
  height:975px;
  min-height:975px;
}

body #primary {
	width: 468px;
	padding: 38px 40px 20px 132px;
	float: left;
}

body.midsummer-festival #primary {
	background: url(gfx/midsummerText.gif) no-repeat left top;
	height: auto !important;
	height: 975px;
	min-height: 975px;
}

body.bvfms #primary {
	background: url(gfx/bvfmsText.gif) no-repeat left top;
	height: auto !important;
	height: 531px;
	min-height: 531px;
}

p.summaryMore {
	text-align: right;
	margin-bottom: 0;
	font-size: 12px;
	font-style: italic;
	margin-top: -10px;
}

body.bvfms #primary p.summaryMore a, #primary p.summaryMore a {border-bottom: none;}

#primary div.summaryEven, #primary div.summaryOdd {margin-bottom: 20px; border-bottom: 1px dotted #DEC5D3;}
body.bvfms #primary div.summaryEven, body.bvfms #primary div.summaryOdd {border-bottom: 1px dotted #BFD9E9;}
	
/* BVFMS Sidebar 
-------------------------------------------------------------------------------------------------------- */

#navBVFMSTertiary {
	font-size: 14px;
	color: #0066a6;
	list-style: none;
	padding-bottom: 15px;
}

#navBVFMSTertiary li {display: inline;}

#navBVFMSTertiary li a {
	color: #0066a6;
	text-decoration: none;
}

#navBVFMSTertiary li:last-child a {color: #77133D;}

#navBVFMSTertiary li a:hover {border-bottom: 1px dotted #0066a6;}
#navBVFMSTertiary li:last-child a:hover {border-bottom: 1px dotted #77133D;}

#bvfmsSidebar {
	width: 260px;
	float: right;
	text-align: right;
	position: relative;
	padding-bottom: 50px;
	padding-top: 20px;
}

body.bvfms #bvfmsSidebar {padding-top: 47px;}

#bvfmsLogo {
	width: 201px;
	height: 190px;
	margin: 0 0 15px 30px;
	text-align: left;
}

#bvfmsLogo span {background: url(gfx/bvfmsLogo.gif) no-repeat left top;}

#navBvfms {
	color: #0066a6;
	font-size: 24px;
	text-transform: lowercase;
	margin-bottom: 30px;
}

#navBvfms li.sub-level-0 {
	color: #0066a6;
	margin-bottom: 15px;
}

#navBvfms li.sub-level-0 a {
	color: #0066a6;
	text-decoration: none;
	background: url(gfx/bvfmsNavBg.gif) no-repeat left bottom;
	display: block;
	padding: 0 15px 12px 15px;
	margin-bottom: 5px;
}

body.portal #navBvfms li.sub-level-0 a {color: #261f0f;}

#navBvfms li.sub-level-0 a:hover, #navBvfms li.sub-level-0.current a, #navBvfms li.sub-level-0.parent-current a {
	background: url(gfx/bvfmsNavBgActive.gif) no-repeat left bottom transparent;
}

#navBvfms li.sub-level-1 {font-size: 16px;}
#navBvfms li.sub-level-0.current ul li a:hover, #navBvfms li.parent-current ul li a:hover, #navBvfms li.sub-nav-level-0.current ul li.current a, #navBvfms li.parent-current ul li.current a {
	background-color: #0066a6;
	background-image: none;
	color: #e6e6d8;
}

#navBvfms li.sub-level-0.current ul li a, #navBvfms li.sub-level-0.parent-current ul li a {
  background-image: none;  
	padding: 0 5px 3px 20px;
	margin-bottom: 2px;
	}

body.portal #navBvfms li a {background: url(gfx/portalBvfmsNavBg.gif) no-repeat left bottom;}
body.portal #navBvfms li a:hover {background: url(gfx/portalBvfmsNavBgActive.gif) no-repeat left bottom;}

#bvfmsSidebar h3 {
	color: #f0f1ea;
	padding: 10px 15px 5px 15px;
	font: normal normal 22px/1em "Trebuchet MS", Georgia, serif;
	margin-bottom: 15px;
	text-transform: lowercase;
}

#bvfmsSidebar h3 a {text-decoration: none; color: #f0f1ea; font-weight: normal;}
#bvfmsSidebar h3 a:hover {color: #ffffff;}

#concerts h3 {background-color: #697532;}

#concerts {background-color: #e6e6d8; margin-bottom: 25px;}

#concerts div, #bvfmsNews div {
	padding: 0 15px 5px 15px;
}

#bvfmsSidebar h4 {
  font: normal bold 16px/1.2em "Trebuchet MS", Georgia, serif;
}

#bvfmsSidebar h4 a {text-decoration: none;}

#bvfmsSidebar h4 a:hover {text-decoration: underline;}

#bvfmsSidebar p {margin-bottom: .6em;}

#concerts h4 a {color: #697532;}

#concerts p.date {
  font: normal normal 12px/1.2em "Trebuchet MS", Georgia, serif;
	color: #697532;
	margin-bottom: 0;
}

#bvfmsNews h3 {background-color: #0d4d74;}

#bvfmsNews h4 a {color: #0d4d74;}


/* Utility Nav
-------------------------------------------------------------------------------------------------------- */

#navUtility {
  clear: both;
  list-style: none;
	width: 900px;
	padding: 0 0 10px 0;
	margin: 0 auto;
	text-align: right;
}

body.portal #navUtility, body.bvfms #navUtility {
	width: 885px;
	padding: 0 15px 10px 0;
}

body.portal #navUtility {background: url(gfx/portalUtilityBg.gif) repeat-y right top;}

#navUtility li {display: inline;}

#navUtility li a {
	color: #261d0f;
	text-decoration: none;
	font-weight: normal;
}

#navUtility li a:hover {text-decoration: underline;}

body.bvfms #navUtility li {color: #697532;}
body.bvfms #navUtility li a {color: #697532;}
body.midsummer-festival #navUtility li {color: #8ba879;}
body.midsummer-festival #navUtility li a {color: #8ba879;}

/* footer
-------------------------------------------------------------------------------------------------------- */

#footer {background-color: #8ba879;}
body.bvfms #footer {background-color: #697532;}

#footerContainer {
	width: 900px;
	margin: 0 auto;
	padding: 5px 0 10px 0;
}

#footer h2 {
	width: 515px;
	height: 54px;
	margin-bottom: 10px;
}

#footer h2 span {background: url(gfx/repl-midsummerSponsors.jpg) no-repeat left top;}

#footer #sponsors div {
	float: left;
	padding-left: 0px;
}

#footer #sponsors div.first {padding-left: 0;}

#footer p, #footer a, #footer a:hover {
	font-size: 12px;
	text-align: center;
	color: #eaf6e4; 
	text-decoration: none;
	padding: 35px 0 20px 0;
}

/* site specific typography
-------------------------------------------------------------------------------------------------------- */

#primary h2 {
  font: normal bold 34px/1.2em "Trebuchet MS", Georgia, serif;
  color: #77133d;
  margin-bottom: .5em;
}

body.bvfms #primary h2, body.bvfms #primary h2 a, body.bvfms #primary h3, body.bvfms #primary h3 a {color: #0066a6;}
body.bvfms #primary h4, body.bvfms #primary h4 a {color: #697532;}
body.bvfms #primary h4 a:hover {border-bottom: 1px dotted #697532;}

#primary h2 a {
	text-decoration: none;
	color: #77133d;
	border-bottom: none;
}

#primary h3, #primary h4 {
  font: normal bold 22px/1.2em "Trebuchet MS", Georgia, serif;
  margin-bottom: .5em;	
}

#primary h3 {color: #77133d;}
#primary h3 a {color: #77133d; border-bottom: none;}
	
#primary h4 {color: #261d0f;}
#primary h4 a {color: #261d0f; border-bottom: none;}
#primary h4 a:hover {border-bottom: 1px dotted #261d0f;}

#primary a {
	color: #77133d;
	border-bottom: 1px dotted #dec5d3;
	text-decoration: none;
}

body.bvfms #primary a {
	color: #0066a6;
	border-bottom: 1px dotted #bfd9e9;
}

#primary a:hover {border-bottom: 1px dotted #77133d;}

body.bvfms #primary a:hover {border-bottom: 1px dotted #0066a6;}

/* Standard Styles most sites edit as needed
--------------------------------------------------------------------------------------------------- */


em, i {font-style: italic;}
strong, b {font-weight: bold;}
.left {float: left; width: auto;}
.right {float: right; width: auto;}
sub {vertical-align: sub;}
sup {vertical-align: super;}

p {margin-bottom: .8em;}

#primary ul {
	padding: 0 10px 1em 40px;
  list-style: outside disc;
}

#primary ul ul {padding-bottom: 0;}

#primary ol {
	padding: 0 10px 1em 40px;
	list-style: outside decimal;
}

#primary li {
	margin-bottom: .4em;
	line-height: 1.5em;
}

hr {
	width: 100%;
	color: #666666;
	display: block;
}

blockquote {
	width: 90%;
	padding: 0px 20px 0 20px;
	border: 1px solid #77133d;
	border-left: 4px solid #77133d;
	background-color: #e6e6d8;
	margin-bottom: 20px;
	clear: both;
}

body.bvfms blockquote {
	border: 1px solid #0066a6;
	border-left: 4px solid #0066a6;
}

blockquote p {
	margin-bottom: 0;
	padding: 10px 0;
	font-weight: bold;
}

img.left {padding-right: 10px;}
img.right {padding-left: 10px;}

#searchsite input {float: left; margin-bottom: 20px;}
#searchsite .submit {margin: 0 0 20px 20px;}

#sitemap {clear: both;}

#primary #sitemap {list-style-type: none; font-weight: bold; padding-left: 0;}
#primary #sitemap ul {list-style-type: disc; font-weight: normal; padding-left: 40px;}
#primary #sitemap ul ul {list-style-type: square; font-weight: normal; padding-left: 40px;}

/* Flickr Badge 
--------------------------------------------------------------------------------------------------- */
#midsummerSidebar #flickr_badge_uber_wrapper {
  text-align:center; 
	background-color: #E6E6D8;
	padding: 6px;
	margin-bottom: 20px;
}

.flickr_badge_image {
	width: 75px;
	margin-bottom: 8px;
	float: left;
}

#flickr_badge_image2, #flickr_badge_image5 {margin: 0 10px 8px 10px;}
.flickr_badge_image img {border: 1px solid #326B6C !important;}
#midsummerSidebar #flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#midsummerSidebar #flickr_badge_uber_wrapper a:hover,
#midsummerSidebar #flickr_badge_uber_wrapper a:link,
#midsummerSidebar #flickr_badge_uber_wrapper a:active,
#midsummerSidebar #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#77133D;}
#midsummerSidebar #flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#000000 !important;}




/* Helpers
--------------------------------------------------------------------------------------------------- */

.replTransparent a {
	text-indent: -999999px;
	overflow: hidden;
	display: block;
}

.replSpan {
 	position:relative;
	font-style: italic;
	overflow: hidden;
}

.replSpan span {
	position: absolute;
	height: 100%;
	width: 100%;
}

/* Clear Fix
--------------------------------------------------------------------------------------------------- */
.clear { clear: both; }

/* new clearfix */
.clearfix:after, #flickr_badge_wrapper:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix, * html #flickr_badge_wrapper { zoom: 1; } /* IE6 */
*:first-child+html .clearfix, *:first-child+html #flickr_badge_wrapper { zoom: 1; } /* IE7 */