body{background:#00a1b1 url(../images/bg-body.jpg) no-repeat top center;margin:15px 0 0 0;padding:0;font:12px Arial, Helvetica, sans-serif;color:#5b5b5b;}
p, div, img, h1, h2, h3, form{ margin:0; padding:0; border:0; list-style:none;}

a:link, a:visited { color:#007985; font-weight: bold; text-decoration: none;}
a:hover{ color:#007985; text-decoration: underline;}

h1 { color:#00a1b1; font-weight:normal; font:18px "Trebuchet MS"; margin:0 0 8px 0; text-decoration:none;}
h1 a{  text-decoration:none; color:#00a1b1 !important;}
h1 a:hover{ color:#00a1b1;text-decoration: underline;}

h2 { color:#7ac142; font-weight:normal; font:18px "Trebuchet MS"; margin:0 0 8px 0; text-decoration:none;}
h2 a{ text-decoration:none; color:#7ac142!important;}
h2 a:hover{ color:#7ac142;text-decoration:none;}

#main{ width:980px; margin:0 auto;}
.bannerbg{background:url(../images/banner-bg.gif) repeat-x top center; width:734px; height:293px; float:left;}
.banner{ background:url(../userimages/banner-img.jpg) no-repeat top center; width:734px; height:235px; font:18px "Trebuchet MS"; text-transform:uppercase; color:#fff; line-height:24px;}
.textright{ float:right; text-align:left; padding:175px 20px 0px 0;}
.banner span{ font-size:14px;} 
.navbg{background:url(../images/nav-bg.jpg) repeat-x top center; height:35px; width:705px; float:left; color:#fff ; padding:5px 0 0 0;}
.navbg a{ color:#fff; font-family:"Trebuchet MS"; text-decoration: none;}
#myjquerymenu{position: absolute; z-index: 100;}
.float-left{ float:left; margin:0; padding:0;}
.float-right{ float:right;}
.clear{ clear:both;}

#leftpannel{width:214px; padding:15px 0 0 0; float:left}
.leftbox{ margin:12px 0 0 0; background:url(../images/leftpannel-bg.jpg) repeat-y top left; width:214px;}
.leftbox p{ padding:5px 13px 0 13px; color:#fff;line-height:16px;}
.leftbox p a,.leftbox p a:visited{color:#fff; font-weight: bold; text-decoration:none; }
.leftbox p a:hover{text-decoration:underline;}
.leftbox-bottom {background:url(../images/leftpannel-imgbottom.jpg) no-repeat bottom left; width:214px; text-align:right; height:20px; font-size:11px;}
.leftbox-bottom a,.leftbox-bottom a:visited {color:#fff; font-weight:bold; text-decoration:none; margin:0 20px 0 0;}
.leftbox-bottom a:hover{color:#fff; text-decoration: underline;}
.buttonbg{ background:url(../images/button-bg.gif) no-repeat bottom right; width:76px; height:20px; border:none; margin:15px 0 0 0; font-size:12px; padding:0 0 3px 0; cursor:pointer;}
.marginleft{ margin:0 0 0 105px;}
.txtalign{ text-align:right;}
.txtfield170{ background-color:#fff; border:1px solid #01565e; width:170px; height:16px; padding:2px 5px; color:#b8b7b7; font-size:11px;}
.contentarea-index{background:#fff url(../images/bg-contentindex.gif) repeat-y center top; float:left; width:757px; padding:10px 0 0 0;}
.divider{ background:url(../images/divider.gif) repeat-y center top; width: 757px;}
.content-bottomimg{ background:url(../images/bg-contentbottom.gif) no-repeat bottom center; width:757px; height:15px;}
.pad{padding:0 10px;}
.inside-leftcolumn{width:340px; margin:0 45px 0 20px; float:left;}
.more{font-weight:bold; text-align:right; background:url(../images/arrow.gif) no-repeat 272px center; font-size:11px;}
.more a{ text-decoration: none; color:#5b5b5b;}
.more a:hover{ text-decoration: underline;}
.dotted{ background:url(../images/dottedline.gif) repeat-x bottom center; margin:0 0 10px 0;}
.inside-rightcolumn{width:325px; margin:0 0px 0 0px; float:left;}
.inside-rightcolumn .more{background:url(../images/arrow.gif) no-repeat 256px center;}
.footer{width:705px; margin:25px auto; color:#fff; text-align:center; line-height:25px;}
.footer a:link, .footer a:visited{ padding:0 2px; color:#fff; font-size:11px; font-weight:bold; text-decoration:none;}
.footer a:hover{ text-decoration: underline;}

/* Inside pages */

/* Use when spanning entire page (no right info block) */
.insidecontent{position: relative; float: left; top: -235px; width:700px; margin-left: 10px; padding: 20px;}
.insidecontent p{margin-bottom: 6px;}
.insidecontent .more{background:url(../images/arrow.gif) no-repeat 596px center;}
/* Use when floating info block on right side */
.insidenews{position: relative;top: -235px;width:450px; margin:0 45px 0 20px; float:left;}
.insidenews .more{background:url(../images/arrow.gif) no-repeat 366px center;}
#rSide {position: relative;top: -235px;width:200px; margin:0 0px 0 0px; float:left;}
#rContent {padding: 10px; margin: 40px auto; width: 96px; background: #00a1b1;}
#rContent h2 {color: #fff; text-align: center;}
#rContent p {margin: 0px 0px 0px 0px; padding: 20% 0; text-align: center;}
#rContent a:link, #rContent a:visited {color: #fff;}

.lblDatePosted  { font: normal 10px/12px tahoma,verdana,sans;margin-bottom: 6px; }

p.info  {text-align: center;}

/*  For Galleries  */
#DataList1  {display: table; width: 100%;}
#DataList1 td {display: table-cell; padding: 6px 0px;}
#DataList1  a:link, #DataList1  a:visited {color: #fff;}
#linkALL {padding-top: 20px;text-align: center;width: 100%;}
#linkALL a:link, #linkALL a:visited {font: normal 12px/16px 'comic sans ms', sans;color: #fff;}
#txtStatic h6 { color: #fff; font-size: 1.25em; margin: 0px; line-height: 1.5em; }


/*  For Theatre Ticket Reservations  */
#listItems {margin: 0px auto;padding: 0;width: 600px;}
hr.perSep {border: 1px solid #00a1b1;margin: 10px 10% 0px 10%;}
hr.shwSep   {border-right: silver 4px double;border-top: silver 4px double;margin: 0px 0px 10px;border-left: silver 4px double;border-bottom: silver 4px double;}
.ticketNote {color: #00a1b1;font: 16px/18px 'comic sans ms', sans;}
.readMore span {display: block;text-align: right;margin-top: 0px;margin-left: 0px;padding: 2px;}
.readMore a:link, .readMore a:visited {font-weight: normal;font-size: 16px;text-decoration: none;}
.readMore a:hover, a:active {text-decoration: underline;}