body    {font-family:"open sans",arial,sans-serif; font-size:1em; font-weight:300; line-height: 1.5; background-color: #F8F6DB;  color: #333333;}

.jc-page {max-width: 960px; margin:auto;}

.jc-full-width {width: 100%; float:left;}
.jc-three-quarters {width: 100%; float:left;}
.jc-two-thirds {width: 100%; float:left;}
.jc-one-third  {width: 100%; float:left;}
.jc-half       {width: 100%; float:left;}
.jc-quarter    {width: 50%; float:left;}
.jc-eighth     {width: 25%; float:left;}

.jc-menu {list-style-type:none;margin: 0;padding: 0;}
ul.jc-menu li {float: left; border-right: 1px solid #F8F6DB;font-size:0.9em; width:33%;text-align: center;}
ul.jc-menu li:last-child {border-right: none;}
ul.jc-menu li a:hover {background-color:#CC9933}
ul.jc-menu a {display: block; padding: 0.5em; background-color: #CDCD99; color:white; text-decoration:none;}
ul.jc-menu a:active {background-color: #CC9933;}

@media screen and (min-width:480px)
{
    .jc-three-quarters {width: 100%;}
    .jc-two-thirds {width: 50%;}
    .jc-one-third  {width: 50%;}
    .jc-half       {width: 100%;}
    .jc-quarter    {width: 50%;}
    .jc-eighth     {width: 25%;}
    ul.jc-menu li  {width: 24%;}

}

@media screen and (min-width:800px)
{
    .jc-three-quarters {width: 75%;}
    .jc-two-thirds {width: 66.7%;}
    .jc-one-third  {width: 33.3%;}
    .jc-half       {width: 50%;}
    .jc-quarter    {width: 25%}
    .jc-eighth     {width: 12.5%}
    ul.jc-menu li  {width: 15%;}
}

.jc-container {background-color: #F8F6DB; margin:0.5em;padding:1.0em; float:left;}


a:link {text-decoration:none;}    /* unvisited link */
a:visited {text-decoration:none;} /* visited link */
a:hover {text-decoration:underline;}   /* mouse over link */
a:active {text-decoration:underline;}  /* selected link */

.recentimg {width:100%; border-width:2px; border-style:solid; border-color:white;}

#Contactusbutt
{
  margin: 0px;
  padding: 0px;
  border: 2px solid #ffffff;
  height: 60px;
  width: 150px;
  text-align: center;
  border-radius: 0px 0px 0px 0px;
  //background-image:url("butdots2.jpg");
  Position:relative;
  left:70px;
}

#Contactusbutt:hover
{
  //background-image:url("butdots3.jpg");
  border: 2px solid #000000;
 }

h1 {font-family:"roboto",arial,sans-serif; font-size:1.2em; border-bottom: 1px solid #cc9900; color: #005555;}
h2 {font-family:"roboto",arial,sans-serif;font-size:1.0em;color: #993300;}

.contactin[type=text] {width: 100%; padding: 12px 20px; border:1px solid #ccc; border-radius:4px; box-sizing: border-box; font-size:1em; background-color:#ffffee;}

.contacttext {width: 100%; padding: 12px 20px; display:inline-block; border:1px solid #ccc; border-radius:4px; box-sizing: border-box; font-family:"open sans",arial,sans-serif; font-size:1em; resize:none;background-color:#ffffee;}

.contactin[type=submit] {width: 100px; height: 40px; padding: 12px 20px; display:inline-block; border:1px solid #990000; background-color:#ff9999; font-family:"roboto",arial,sans-serif; font-size:0.8em; border-radius:4px; box-sizing: border-box;}

.buytickets {width: 130px; height: 50px; padding: 12px 20px; display:block;margin-left: auto;margin-right: auto; border:1px solid #336633; background-color:#99ff99; font-weight:300; font-family:"open sans",arial,sans-serif; font-size:1em; border-radius:4px; box-sizing: border-box;color: #333333;-webkit-appearance:none;}