/**********************************************************************
	This CSS resets all the padding and margin of the different tags.
	This should mean that the browsers don't render the same tags differently.
**********************************************************************/
html, body, ul, ol, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, fieldset, form, label, a, div, img, dd, dt, dl
	  { border: 0;	margin: 0; padding: 0; }
html { font-family: arial, tahoma, helvetica, sans-serif; font-size: 102%; height: 100%; }

body { 
       font-size : 62.5%; line-height: 150%; color: #444; height: 100%; 
}

.event-greetings {
	width: 100%;
}
.event-greetings .right {
	position: absolute !important;
	right: 20px;
	top: 20px;
	z-index: -1;
}

.event-greetings .left {
	position: absolute !important;
	left: 0;
	top: 0;
	z-index: -2;
}

.holidays 	{ background: #fff url("../images/w-the-manger.jpg") top left repeat-x; }
.newyear	{ background: #111 url("../images/bg_newyear2018.png") top left repeat-x; }

.bg_christmasholidays { background: url("../images/christmas-garland.png") top left repeat-x; }

.merry-chirstmas {
	position: fixed;
	right: 1rem;
	bottom: 2rem;
	z-index: 9;
}


#container { font-size: 1em; }

ol	  { list-style: none; }
a img { border: 0; background: transparent; }
a	  { cursor: pointer; }
.nocursor { cursor: default; }
.highlight { background-color: #FFFF00; }
.clear, .clearMPane, .clearLPane
	  { clear: both; font-size: 0; height: 0px; line-height: 0%; }
.clearStatic { clear: both; margin-bottom: 15px; }
.clearL { clear: left; }
.clearMPane { margin-bottom: 15px; }
.clearBorder { border-top: 1px solid #ccc; clear: both; font-size: 0; height: 0px; line-height: 0%; margin-bottom: 15px; }
.hidden, .separator { display: none; }
.block { display: block; }
.right { position: relative; text-align: right; }
.left { position: relative; text-align: left; }
.floatright { float: right; }
.floatleft { float: left; width: 100%; }
img.inleft, img.fleft { float: left; margin: 3px 20px 20px 0; }
img.fleft { margin-top: 4px; margin-right: 15px; margin-bottom: 25px; }
img.inright { float: right; margin-left: 20px; margin-bottom: 20px; }
img.icon24 { float: left; margin: 0 6px 0 0; }
.center { position: relative; text-align: center; }
.ctr, table td.ctr, table th.ctr { text-align: center; }
.noborder { border: 0; }
.indent { padding-left: 18px; }
.spacer { height: 25px; }

.b5	  { margin-bottom: 5px; }
.b10  {	margin-bottom: 10px !important; }
.b15  {	margin-bottom: 15px !important; }
.b20  { margin-bottom: 20px !important; }
.b25  { margin-bottom: 25px !important; }
.b30  { margin-bottom: 30px !important; }

.t5   { margin-top: 5px; }
.t10  {	margin-top: 10px; }
.t15  { margin-top: 15px; }
.t20  { margin-top: 20px; }
.t25  { margin-top: 25px; }
.t30  { margin-top: 30px; }

.l25  { margin-left: 25px; }
.l30  { margin-left: 30px; }
.l45  { margin-left: 45px; }

.r10  { margin-right: 10px; }
.r15  { margin-right: 15px; }

.norm { font-weight: normal; }

.ftnote { font-size: 0.9em; color: #898989; }
.bigG { font-family: arial, tahoma, verdana, sans-serif; font-size: 1.5em; }
#ajaxThrobber { position: fixed; position: absolute; right: 12px; top: 81px; color: white; font-size: 9pt; padding: 5px; display: block; }
.errMsg { color: red; }

ol, ul	{ margin: 0 0 10px 35px; }
ol.decimal {list-style-type: decimal}
ol.lroman {list-style-type: lower-roman}
ol.uroman {list-style-type: upper-roman}
ol.lalpha {list-style-type: lower-alpha}
ol.ualpha {list-style-type: upper-alpha}

/* Typography */
h1 { font-weight: normal; font-size: 2em; }
h2 { font-size: 1.75em; font-weight: normal; margin-left: 2px; }
h3 { font-size: 1.5em; font-weight: normal; }
h4 { font-size: 1.35em; font-weight: normal; margin-bottom: 5px; }
h5 { font-size: 1.25em; font-weight: bold; }
span.serviceTitle { font-family: arial, tahoma, sans-serif; font-size: 1.3em; font-weight: bold; }
span.feat { color: #008913; font-weight: bold; }
.smalltxt, .smallGr { font-size: 0.8em; }
.smallGr { color: #898989; }
a { color: #0c50a3; text-decoration: none; }
a:hover { color: #2f9b30; text-decoration: underline; }
.up { text-transform: uppercase; }

#content .ok { border: 1px solid #5fb440; background: #eeffe8 url( "../images/i_ok.gif" ) no-repeat; background-position: 8px 8px;	}
#content .ok strong { color: #007520; }
#content .error { border: 1px solid #ff6147; background: #ffe9ea url( "../images/i_errorRdBgsmall.gif" ) no-repeat; background-position: 8px 8px;	}
#content .error strong { color: #d70000; }
#content .alert { border: 1px solid #e6b41a; background: #fffeef url( "../images/i_alert.gif" ) no-repeat; background-position: 8px 8px;	}
#content .alert strong { color: #d96d03; }
#content .info { border: 1px solid #1e83e1; background: #def3ff url( "../images/i_info.gif" ) no-repeat; background-position: 8px 8px;	}
#content .info strong { color: #336699; }

#content .ok, #content .error, #content .alert, #content .info {
	margin-bottom: 12px; padding: 6px 6px 7px 30px; font-family: tahoma, arial, verdana, sans-serif;  font-size: 0.9em;	text-align: left !important;
}

.padb5 li{ margin-bottom: 10px!important; }
