/*fix no scrollbar in firefox on short pages*/
html {
min-height: 101%;
}

body {   background-color: #BACDC1;  text-align: center;  margin: 0; padding: 0;  padding-bottom: 5px;  font-family:   Arial, Helvetica, sans-serif; font-size: 13px; background-image:url(images/bg1.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed;}

div#container {font-family:  Arial, Helvetica, sans-serif; font-size: 13px;  position: relative; text-align: left; width: 1080px; margin: 10px auto 10px auto; border: 10px solid  #FFF; border-top-width: 0;   color: #333; background-color: #FFF; padding: 160px 0 0 0; line-height: 1.6em;   background-repeat: no-repeat; background-image: url(images/header1.gif); background-position: 10px 20px; font-size-adjust: 0.59; }

div#header {  background-color: #FFF; margin-bottom: 30px; }

div#login {position: absolute; top: 3px; right: 12px; text-align: right; padding-right: 1px; font-size: 12px; color: #666;}
div#login a {text-decoration: none; color: #666; font-size: 12px; font-weight: bold; margin-left: 10px;}
div#login a:hover {text-decoration: underline;}

div#smedia {position: absolute; top: 65px; right: 0; text-align: right; padding-right: 1px;}
div#smedia a {margin-left: 9px;}

img.flrimg {float: right; margin: 0 0 20px 20px;}
img.fllimg {float: right; margin: 0 20px 20px 0;}
img.block {display: block; margin: 0 0 20px 0;}

div.topfooter {background-color: #666; padding: 15px; color: #fff; text-align:center; font-size: 12px; font-weight: bold;}
div.bottomfooter { padding: 10px 0 10px 0; color: #fff; font-size: 10px; text-align: right; background-color: #0A1C48; }
div#footer {clear: both;  background-color: #AEADBB; text-align: right; color: #FFF; font-size: 12px; padding: 8px 20px 8px 8px; }
div#footer div.topfooter a {color: #fff;}
div#footer a {text-decoration: none;}
div#footer a:hover {text-decoration: underline;}
span.contact1  {display: inline-block; padding-left: 10px; padding-right: 10px; }
	
a {text-decoration: none; color: #cc0000;}
a:hover { text-decoration: underline; }
a img {border-width: 0;}

/*navigation
div#nav { text-align: center; padding-top: 4px; padding-bottom: 5px;    padding-right: 0; background-color: #871135; position: absolute; top: 108px; left: 0; z-index: 10000; width: 100%; border-bottom: 3px solid #FFF; border-top: 1px solid #FFF; }*/
div#nav { text-align: center; padding-top: 0; padding-bottom: 12px;    padding-right: 0;  position: absolute; top: 108px; left: 0; z-index: 10000; width: 100%; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; white-space: nowrap; }
div#nav  a { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; font-weight: bold; text-decoration: none; border-top: 3px solid #FFF; padding-top: 7px;}
div#nav a:hover, div#nav a.uber, div#nav li.uber a { text-decoration: none; border-top-color: #AEADBB; transition: border-top-color 0.3s ease-in-out; } 


div#nav ul li.hassub#uber, div#nav ul li.hassub:hover {padding-bottom: 25px;}
div#nav ul li.hidesub ul li {background-image: none;}
 
/*div#nav ul li.hassub#uber a { background-image: url(images/icons/downarrow.png); background-repeat: no-repeat; background-position: 50% 110%; }*/
div#nav ul li.hassub#uber ul a { background-image: none; }

div#nav ul li#uber a,  div#nav a:hover {border-top-color: #AEADBB; }
div#nav ul li.hassub ul li:hover a {color: #8A8A90;}
div#nav ul li#uber ul a {border-top-color: #FFF;}

div#nav ul li {list-style-type: none; margin-right: 0; padding: 3px 10px 3px 10px; display: inline;  }
div#nav ul ul li, div#nav ul li.first { background-image: none; padding-left: 10px;  }
div#nav ul {margin: 0; padding: 0;}
div#nav ul ul {display: none; position: absolute;  left: 20px; top: 30px; text-align: left; width: 650px; z-index: 1000;  background-color: #F9F9F9;   }

div#nav ul ul li a {color: #8A8A90;}

div#nav ul li:hover ul ul {display: none; position: absolute; left: 70px; top: 23px; text-align: left; width: 230px; z-index: 2000;}
div#nav ul li:hover ul li:hover ul {display: block; background-image: none;}

div#nav ul li:hover ul ul li#uber a{color: #8A8A90;}


/*div#nav ul li.hidesub#uber ul {display: none;} hides subnav if multi sub-navs*/
div#nav ul li#uber a { position: relative; }
div#nav ul li#uber ul li a {color: #CCC; background-image: none;}
/*div#nav ul li#uber li#uber2 a, div#nav ul li#uber ul li:hover a {color: #CC6600;} */
div#nav ul li.hassub ul li a, div#nav ul li.hassub#uber ul li a {color: #8A8A90;;}
div#nav ul li.hassub ul li a:hover, div#nav ul li.hassub#uber ul li a:hover {color: #333;}


div#nav ul ul li {display: inline-block;   margin-right: 0; padding: 5px 10px 5px 10px; }
div#nav ul ul li a {font-size: 14px;   }
div#nav ul li:hover ul {display: block;}

div#nav ul li#uber2 ul {display: block;}
/*div#nav ul li#uber ul {display: block;} */

div#nav ul li:hover a { }
div#nav ul li:hover li a { color: #666666;}
div#nav ul li:hover li:hover {}
div#nav ul li#uber.hidesub {background-image: none;}
/*div#nav ul li#uber2.hidesub ul {display: none;}*/

div#nav ul li.uber a, div#nav ul li.uber ul li.uber a {color: #666666;}
div#nav ul li.uber ul li a {color: #333;}
div#nav ul li.uber ul li a:hover {color: #666666;}
/*end navigation */


h1, h2, h3 {font-family:  'Source Sans Pro', Arial, Helvetica, sans-serif; line-height: 1.4em;}

h1 { text-align: left; color: #871135; font-size: 34px;   font-weight: normal; margin-top: 0; margin-bottom: 10px;  }
h1.caps {text-transform: none; font-size: 15px; font-weight: normal; letter-spacing: 0;}
h2 { text-align: inherit; color: #871135; font-size: 23px; font-weight: normal; margin-top: 0; margin-bottom: 10px;}

div.doublecolalt div.doublecolright h2 {font-weight: bold; font-size: 25px; color: #FFF;}
h3 { text-align: left; color: #666; font-size: 13px; font-weight: normal; margin-top: 0; margin-bottom: 8px;}
h3 { text-align: left; color: #871135; font-size: 19px; font-weight: bold; margin-top: 0; margin-bottom: 8px;}

p {margin-top: 0; margin-bottom: 1em;}
p.review {font-size: 12px; font-style: italic; }

table td {vertical-align: middle; text-align: left; padding: 5px 10px 5px 0;}


table.email {margin-left: 150px;}
/*input {height: 21px;}
input, textarea {width: 350px; background-color: #E8EAEE; color: #333; border: 1px solid #666;}*/
textarea {height: 150px;}
input.btn, table.user input.btn { width: auto;}
input.btn:hover {background-color: #666; color: #fff;}

.alert {font-weight: bold; color: #C50F3C; margin-left: 100px;}
.nowrap { white-space: nowrap; }

/*LAYOUTS*/
div#content { padding-left: 0; color: #333; background-color: #FFF; padding-top: 0; min-height: 304px; }

div.singlecolnomarg {padding: 0; }
div.singlecol, div.doublecol, div.doublecolalt, div.triplecol {clear: both; padding-bottom: 8px; margin-bottom: 8px; padding-left: 40px; padding-right: 20px;}
div.doublecol {}
div.doublecolleft {float: left; width: 66%; padding-left: 0;}
div.doublecolright {float: right; width: 250px; padding-left: 0; margin-right: 0; padding-right: 0;  text-align: left; }

div.doublecolalt {}
div.doublecolalt div.doublecolleft {float: left; width: 51%; padding-left: 0;  }
div.doublecolalt div.doublecolright {float: right; width: 42%;  text-align: left;    }
div.doublecolalt div.doublecolright div.subdiv {background-color: #756C89; color: #FFF;border-top-right-radius: 20px; border-bottom-right-radius: 20px; margin-bottom: 20px; padding: 10px 15px 10px 15px;}

div.triplecol { padding-left: 15px; padding-right: 9px;  }
div.triplecolleft {float: left; width: 381px; }
div.triplecolcentre {float: left; width: 180px; padding-left: 50px; }
div.triplecolright {float: right; width: 224px; margin-right: 0;  padding-right: 46px; }

div.level1 {border-top: 3px solid #B47E50; border-bottom: 3px solid #B47E50; color: #FFF;}
div.level2 {border-top: 3px solid #929D9A; border-bottom: 3px solid #929D9A; color: #FFF;}
div.level3 {border-top: 3px solid #EABA5D; border-bottom: 3px solid #EABA5D; color: #FFF;}
div.level1, div.level2, div.level3 {padding: 10px; font-weight: bold; font-size: 19px; text-align: center; margin-bottom: 10px; }

div.rev1 {background-color: #DBDBDF; padding: 5px;}

/*GALLERY*/
div#flrcol {float: right; width: 250px;}
div.thumbs {float: left; width: 120px; height: 120px; margin: 0 0 10px 10px; border: 1px solid #ccc; padding: 2px; text-align: center;}
div.portthumbs {float: left; width: 100px; height: 100px; margin: 0 0 10px 10px; border: 1px solid #ccc; padding: 2px; text-align: center;}
div.thumbs a {display: block;}
div.bigpic {width: 600px; text-align: center;}
p.bigimg {padding-left: 30px;}

div.clearer {clear: both; font-size: 1px; height: 1px;}

form.contact {margin-left: 34px;}
div#search {position: absolute; top: 8px; right: 12px;}
div#search input#searchtext {width: 113px; height: 16px; background-color: #3D6D92; border: 1px solid #3D6D92; color: #86AECC; font-weight: bold; font-size: 12px; background-image: url(images/searchicon.jpg); background-repeat: no-repeat; background-position: 100px 50% ; padding-left: 10px;}

input.textfield {border: 1px solid #ccc; font-size: 12px; font-family: Arial, Helvetica, sans-serif; width: 180px; padding: 3px 0 3px 3px; font-weight: bold; color: #666;}
input.btnstyle, a.btnstyle {border: 1px solid #ccc; font-size: 14px; font-family: Arial, Helvetica, sans-serif; width: auto; padding: 0px 7px 3px 7px; font-weight: normal; color: #FFF; background-color: #48525E; line-height: 1.1em; text-decoration: none;}
input.btnstyle:hover, a.btnstyle:hover {cursor: pointer; background-color: #333; text-decoration: none;}


h2.sep {margin-top: 20px; padding-top: 5px; border-top: 3px solid #ccc;}

.hidden {visibility: hidden;}
.nowrap {white-space: nowrap;}

div#login {display: none;}

a.buttonstyle1 {display: inline-block; padding: 1px 7px 1px 7px; border-radius: 10px; background-color: #C50E3B; color: #FFF; text-decoration: none; font-size: 11px; margin-left: 16px; margin-right: 44px;}
a.buttonstyle1:hover {background-color: #F02F60;}

div.homefeatswap { height: 263px; background-repeat:no-repeat; background-position: 0 0; }
/*div.homefeatswap div { position: absolute; top: 450px; left: 0;    padding: 18px 0 18px 0; text-align: justigy; font-size: 15px; } background-image:url(images/opacitywhite1.png);*/
div.homefeatswap div h2 { font-size: 18px; margin-bottom: 9px; text-align: right;}

div.homefeatswap div p {margin-bottom: 7px; }


table.contacttable { padding: 5px;  font-weight: bold;}
table.contacttable input, table.contacttable textarea {width: 300px; padding: 7px 7px 7px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #ccc;}
table.contacttable input.num {width: 34px;}
table.contacttable input#sbmtcontact {width: auto; font-weight: bold; cursor: pointer;}
table.contacttable input#sbmtcontact:hover {background-color: #ccc;}
table.contacttable td {padding-right: 20px; font-weight: bold; vertical-align: middle;}

img.code {display: inline-block; padding: 8px 4px 8px 4px; border: 1px solid #ccc; position: relative; top: 11px; margin-right: 10px; }


ul.bxslider {padding: 0; margin: 0;}
div.bx-viewport {border-width: 0;}

ul.tabs {border-bottom: 1px solid #CCC; padding-top: 10px; margin-bottom: 15px;}

.tabs li {list-style:none; display:inline; }
.tabs a { padding:3px 10px; display:inline-block;  color:#666; text-decoration:none; border: 1px solid #fff; border-bottom-width: 0; border-top-left-radius: 16px; border-top-right-radius: 16px; margin-right: 34px; font-weight: bold; font-size: 15px;
background: -webkit-linear-gradient(#F8F8F8, #E1E1E1); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#F8F8F8, #E1E1E1); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#F8F8F8, #E1E1E1); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#F8F8F8, #E1E1E1); /* Standard syntax */
  
  }


.tabs a.active { color: #CC6600;
background: -webkit-linear-gradient(#F8F8F8, #E1E1E1, #F8F8F8); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#F8F8F8, #E1E1E1, #F8F8F8); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#F8F8F8, #E1E1E1, #F8F8F8); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#F8F8F8, #E1E1E1, #F8F8F8); /* Standard syntax */}}

h1.divider {border-top: 2px solid #ccc; padding-top: 5px;}

p.none {display: none;}

div.doublecolleft p.icon {max-width: 500px;}
div.doublecolleft a.icon4 {width: 480px;}

p.icon {  padding: 0 10px 0 10px; margin-right: 10px; border-top-right-radius: 15px; margin-bottom: 5px; max-width: 300px;
background: -webkit-linear-gradient(#F8F8F8, #E1E1E1, #F8F8F8); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#F8F8F8, #E1E1E1, #F8F8F8); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#F8F8F8, #E1E1E1, #F8F8F8); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#F8F8F8, #E1E1E1, #F8F8F8); /* Standard syntax */}
a.icon1, a.icon2, a.icon3, a.icon4 {display: block; font-size: 15px; font-weight: bold; color: #666; background-position: 100% 50%; background-repeat: no-repeat; display: inline-block; padding-top: 10px; padding-bottom: 10px; width: 280px;

}
a.icon1 {background-image: url(images/icons/icon-report.png);}
a.icon2 {background-image: url(images/icons/icon-workshop.png);}
a.icon3 {background-image: url(images/icons/icon-graph.png);}
a.icon4 {background-image: url(images/icons/icon-pdf.png);}
a.icon1:hover, a.icon2:hover, a.icon3:hover, a.icon4:hover {text-decoration: none; color: #585858;}

p.smalltext {font-size: 11px; color: #666; padding-top: 10px;}

ul.stylelist1 {margin: 0; padding-left: 12px;}
ul.stylelist1 li {margin: 0 0 7px 0; padding: 5px 10px 5px 25px; background-image: url(images/icons/libg1.png); background-position: 0 50%; background-repeat: no-repeat; list-style-type: none; }

/*div.concerts {border-top: 1px solid #ccc; padding-top: 10px; padding-bottom: 5px;}*/
div.concerts {background-color: #EAEAED; padding: 20px 5px 10px 5px; margin-top: 25px; background-image:url(images/concertbg1.jpg); background-repeat: repeat-y; position: relative;}
div.concertdate, div.concerttitle, div.concertartists, div.concertdetails, div.concertplace  {float: left; }
div.concertdate { width: 172px; margin-right: 10px; font-weight:normal; font-size: 17px; text-align: center; color: #C22328; line-height: 1.4em; }
div.concertdate div.bigdate {font-size: 24px;}
div.concerttitle {width: 320px; margin-right: 32px; padding-left: 20px; }
div.concerttitle h2 {font-weight:normal; font-size: 28px; color: #C22328;}
div.concertprog { font-weight: bold; font-style: italic;}
div.concertartists {margin-right: 20px;  } 
div.concertplace {width: 250px; }
div.concertplace h2 {text-transform: uppercase; color: #333; font-size: 16px; font-weight: bold; }
div.moreinfo {float: left; position: absolute; bottom: 10px; right: 10px;}
div.concertdetailright {float: right; width: 500px; margin-left: 40px;}
div.detailprog {padding-top: 10px; padding-bottom: 10px; font-weight: bold; font-style: italic;}

div.homeconcert { background-color: #F6F6F6; padding: 10px 15px 10px 15px; margin-bottom: 20px;}
div.homeconcert h2 { text-align: center; font-size: 30px; font-weight: bold;  color: #871135; border-bottom: 1px solid #CCC; padding: 10px 0 16px 0; line-height: 1.2em;}
div.homeconcert h3 { font-size: 19px; color: #666; border-bottom: 1px solid #CCC; padding: 10px 0 10px 0;}
div.homeconcertdate {font-weight: bold;}
a.buttons1 {display: block; margin: 10px 0 10px 0; padding: 5px 10px 5px 10px; border-top-right-radius: 12px;border-bottom-right-radius: 12px; background-color: #756C89; color: #FFF; background-image: url(images/arrow1.jpg); background-repeat: no-repeat; background-position: 95% 50%; opacity: 1; transition: opacity 0.3s ease-in-out; clear: right; width: 150px;}
a.buttons1:hover {opacity: 0.84; text-decoration: none; transition: opacity 0.3s ease-in-out;}
a.buttons2 {display: block; margin: 0 0 10px 0; padding: 5px 39px 5px 10px; border-top-right-radius: 12px;border-bottom-right-radius: 12px; background-color: #756C89; color: #FFF; background-image: url(images/arrow1.jpg); background-repeat: no-repeat; background-position: 95% 50%; opacity: 1; transition: opacity 0.3s ease-in-out;}
a.buttons2:hover {opacity: 0.84; text-decoration: none; transition: opacity 0.3s ease-in-out;}
div.floatbuttons {float:right;}

div.galleria {height: 650px; }
div.gallmanage {float: right; width: 250px; text-align: right; line-height: 1.6em;}
div.gallmanage a { color: #666; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
a.imgcaptn { display: inline-block; width: 100%; background-color: #ccc; text-align: center; font-weight: bold; color: #333; }

div.multigallholder {}



@media only screen and (max-width: 500px) {
   
  div#nav {text-align: left;}
  
  div.sliderstyle1 {width: 300px;}
  div.doublecolalt div.doublecolright {width: auto; text-align: left; float: left;}
}