/*
Print Stylesheet
*/


body {
color: #000 !important; /* we want everything in black */
background-color:#fff !important; /* on white background */
font-family:arial; /* arial is nice to read ;) */

margin: 0em;
 text-align: justify;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   /*font-size: 75.01%;*/
   /*line-height: 1em;*/
}

/* This affects every tag */
* {
border:0 !important; /* again no borders on printouts */
}
.roundmid {padding: 0}
.boxcontent {padding: 0 12px}

/* 
no need for accessibility on printout. 
Mark all your elements in content you 
dont want to get printed with class="noprint"
*/
.accessibility,
.noprint
 {
display:none !important; 
}
div#pagewrapper {margin: 0; padding: 0 }
/*div#mobilebanner {display: none;}*/
div.mobilemenu {display: none }
div.onmobile {display: none }


div.photopanel {margin: 0px auto; margin-bottom: 8px;width: 677px; border: 0;}
div.photopanel1 {float: left; margin-left: 3px; margin-right: 11px;  padding-bottom: 0px}
div.photopaneltop {visibility: hidden}
div.homeheading {text-align: center; font-size: 1.5em;line-height:1.2em;font-weight: bold;
                 padding-top: 4px;padding-bottom:18px}
div.homesubheading {text-align: center; font-size: 1em;line-height:1.4em;font-weight: bold; 
                    padding-bottom: 8px }

img.banner {width: 100%}
/* 
remove all width constraints from content area
*/
div#content,
div#main {
display:block !important;
width:100% !important;

padding:0em !important;
margin: 0;
}

div.noprint {display: none; visibility: hidden }

/* hide everything else! */
.calendar table {text-align: top; color: black}

#cal-calendar .calendar-event
{
  font-weight: bold;
  background-color: white;
  color: black;
}

#cal-calendar .start-booking
{
  font-weight: bold;
  background-color: white;
  color: black;
}
#cal-calendar .end-booking
{
  background-color: black;
  color: white;
}


div.calendar-daybooked {display: none; visibility: hidden}
div.calendar-daybooked-print {display: block; visibility: visible; padding-bottom: 2em}

/* background colours for #cal-calendar */
#cal-calendar td
{
  background-color: black;
  color: white

}

div.header,h1 a,
div.breadcrumbs,
div#search,
div#footer,
div#menu_vert,
div#news,
div.right49,
div.left49,
div#sidebar  {display: none;}

img {
float:none; /* this makes images couse a pagebreak if it doesnt fit on the page */
}