/* --------------m.calendar.css------------------------ */
/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* {
	padding: 0;
	list-style: none;
	margin: 0;
}
html {
	font-family: Ubuntu, "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 1em;
}
a {
	outline: none;
}
img, a img {
	border: none;
}
a {
	text-decoration: none;
}
a:link {
	color: blue;
	text-decoration: underline;
}
a:visited {
	color: #6600CC;
	text-decoration: underline;
}
a:hover {
	color: #00CCFF;
}
.image-christmas {
	vertical-align: middle;
	height: 40px;
	width: 32px;
}
/* END RESET */
/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft {
	float: left;
}
.floatleftimg {
	float: left;
	margin-right: 10px;
	margin-top: 6px;
	margin-bottom: 3px;
}
.floatright {
	float: right;
}
.floatrightimg {
	float: right;
	margin-left: 10px;
}
.clear {
	clear: both;
}
/* END TOOLBOX */
/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
.clearfix:after {
	content: "."; /* the period is placed on the page as the last thing before the div closes */;
	display: block; /* inline elements don't respond to the clear property */;
	height: 0; /* ensure the period is not visible */;
	clear: both; /* make the container clear the period */;
	visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {
	display: inline-block;
}
/* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/* =========================================================================== */
/* =============== Initial setup ================== */
body {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 62.5%;
	color: #898989;
	margin: 0 auto;
	padding: 0;
	background: #ffffff url(http://www.lochabercornwall.com/images/bg.jpg) repeat-x;
}
#wrapper {
	width: 96%;
	max-width: 928px;
	border: white 0px solid;
	margin: 0 auto;
	padding: 5pt 5pt 5pt 5pt;
	font-family: Garamond,"Times New Roman", Times, serif;
	text-align: left;
	vertical-align: top;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	color: #17365D;
}
p {
	font-size: 16pt;
	color: #333;
	margin-top: 10px;
}
.tablemonth {
	width: 95%;
	border-collapse: collapse;
	padding: 0;
	border: 1px solid #244061;
	table-layout: fixed;
	margin: 2px auto;
}
.titletop {
	height: 1pt;
	text-align: center;
	font-size: 1.0pt;
	font-family: Garamond;
	color: white;
	letter-spacing: 2px;
	margin: 0in;
	border: solid #244061 1.0pt;
	background: #365F91;
	padding: 0px;
}
.tabletitle {
	font-family: "bernhardFashion BT", "Monotype Corsiva", garamond, "times New Roman";
	min-height: 32pt;
	margin: 0in;
	padding: 5px 5.75pt 4.3pt 5.75pt;
	border: solid #244061 1.0pt;
	background: #C6D9F1;
	text-align: center;
	font-size: 24.0pt;
	font-weight: bold;
	color: #17365D;
}
.year {
	text-align: center;
	vertical-align: middle;
	font-size: 14pt;
	color: black;
	background: #f6F6FF;
}
th {
	height: 25px;
	text-align: center;
	font-size: 10.0pt;
	font-family: Garamond;
	color: white;
	letter-spacing: 2px;
	margin: 0in;
	border: solid #244061 1.0pt;
	background: #365F91;
	padding: 5px 0px 5px 0px;
}
td {
	border-top: solid #244061 1.0pt;
	border-bottom: solid #244061 1.0pt;
	background: white;
	padding: 5px;
	vertical-align: text-top;
	min-height: 35px;
}
.instructions {
	text-indent: -.25in;
	font-size: 11.0pt;
	font-family: Calibri, sans-serif;
	margin-left: .5in;
	margin-right: 0in;
	margin-top: 0in;
	margin-bottom: .0001pt;
}
.classname {
	padding: 5pt 5pt 5pt 5pt;
	font-family: Garamond,"Times New Roman", Times, serif;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	color: #17365D;
	vertical-align: top;
}
.copyright {
	margin: 10px;
	padding: 10px 0;
	color: black;
	font-size: x-small;
	font-family: Arial;
	text-align: center;
}
/* =============== Display for mobile phones (mobile phones in portriat) ================== */
@media screen and (max-width: 480px){
html {
	font-size: 1em;
}
#wrapper {
	font-family: Ubuntu, "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
}
p {
	font-size: 14pt;
}
.tablemonth {
	width: 100%;
}
.tabletitle {
	min-height: 30pt;
	padding: 5px 0;
	font-family: font-family: Ubuntu, "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 20.0pt;
	font-weight: bold;
	color: #17365D;
}
td {
	font-size: 14pt;
	color: navy;
	min-height: 22px;
	margin-bottom: 0;
}
.copyright {
	font-family: font-family: Ubuntu, "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
	padding: 5px 0;
	font-size: small;
}
}
/* ===============   CSS Display for TABLETS (like medium tablets and landscape)  ============= */
@media screen and (min-width: 480px) and (max-width: 800px) {
html {
	font-size: .9em;
}
#wrapper {
	width: 96%;
}
p {
	font-size: 14pt;
}
.tabletitle {
	min-height: 32pt;
	padding: 5px 0px 5px 0px;
	font-size: 20.0pt;
	font-weight: bold;
	color: #17365D;
}
td {
	text-transform: none;
	font-size: 14pt;
	color: darkcyan;
}
}
/* =========================================================================== */
/* -------------- Display for DESKTOPS (like medium tablets and up) ---------- */
@media screen and (min-width: 800px) {
html {
	font-size: .8em;
}
#wrapper {
	width: 86%; ;
}
td {
	text-transform:none;
	font-size: 16pt;
	color: black;
}
}