@charset "utf-8";/* CSS Document */body,td,th {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;}hr{color: #fff;height: 10px;border-bottom: 1px dotted #c00;width: 90%; }body {	background-color: #FFFFFF;	margin-left: auto;	margin-top: 0px;	margin-right: auto;	margin-bottom: 0px;	padding:0;	width:800px;	text-align:center;}#content{width:800px; text-align:center; margin:0; padding:0;}html, body{ 	margin-left: auto;	margin-top: 0px;	margin-right: auto;	margin-bottom: 0px;    padding:0;     text-align:center; }  #pagewidth{  text-align:left;   margin-left:auto;  margin-right:auto; width:800px; background-image: url(http://www.st-michaels.ie/img/mainbg.jpg); background-position: left top; background-repeat: repeat-y;}  #header{ position:relative;  width:100%; background-image: url(http://www.st-michaels.ie/img/header.jpg); background-position: left top; background-repeat: no-repeat; height: 246px;}  #leftcol{ width:180px;  float:left;  position:relative; } #maincol{background-color: #FFFFFF;   float: right;  display:inline;  position: relative;  width:590px; padding-bottom: 30px;  padding-left: 20px }#maincol a{	color: #069;}#maincol a:hover{	color: #D20000;}td a{	color: #069;}td a:hover{	color: #D20000;}#maincol h1{	font-size: 180%;	color: #c00;	margin: 0px 0px 5px 0px;	padding: 0 20px;	font-family: "Trebuchet MS", Times, serif;}#maincol h2{	font-size: 150%;	color: #999;	margin: 0px 0px 5px 20px;	padding: 0 40px;	font-family: "Trebuchet MS", Times, serif;}#footer{ height:50px;   background-color:#fff;  clear:both; background-image: url(http://www.st-michaels.ie/img/footer.jpg); background-position: left top; background-repeat: repeat-y; text-align: center; padding-top: 15px; font-size: 8pt !important } #footer ul{	margin-left:200px;}#footer li{display: inline;list-style-type: none;padding-right: 5px;}#footer a{	color: #fff}#footer a:hover{	color: #999;	text-decoration: none !important;}  /* *** Float containers fix: http://www.barrydesign.ie *** */ .clearfix:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; } .clearfix{display: inline-block;}/* Hides from IE-mac \*/* html .clearfix{height: 1%;}.clearfix{display: block;}/* End hide from IE-mac */  .nav, .nav * {	margin:0;	padding:0;}.nav {	line-height:1.0;	margin-bottom:1.5em;	width: 171px;}.nav ul {	background:#fff; /*IE6 needs this*/	width: 171px;}.nav li {	border-top:1px solid #fff;	float: left;	list-style:none;	position:relative;	width: 171px;	z-index:999;}.nav a {	color: #fff;	display:block;	padding: .75em 0 .75em 2em;	text-decoration:none;	width:146px;	font-weight: bold;}.nav li ul {	top:-999em;	position:absolute;	width: 171px;}.nav li:hover,.nav li.sfHover,.nav a:focus, .nav a:hover, .nav a:active {	background:#333;}.nav li:hover ul, /* pure CSS hover is removed below */ul.nav li.sfHover ul {	left:172px;	top:-1px;}.nav li:hover li ul,.nav li.sfHover li ul {	top:-999em;}.nav li li:hover ul, /* pure CSS hover is removed below */ul.nav li li.sfHover ul {	left:12.45em;	top:-1px;	width:146px;}.nav li li:hover li ul,.nav li li.sfHover li ul {	top:-999em;	width:171px;}.nav li li li:hover ul, /* pure CSS hover is removed below */ul.nav li li li.sfHover ul {	left:12.45em;	top:-1px;	width: 171px;}/*following rule negates pure CSS hoversso submenu remains hidden and JS controlswhen and how it appears*/.superfish li:hover ul,.superfish li li:hover ul,.superfish li li li:hover ul {	top: -999em;}.nav li li {	background:#333;	width: 171px;}.nav li li li {	background:#333;}.nav li li a {	padding-right:0;	width:146px;}form.request fieldset {	margin-bottom: 10px;	 border: 1px solid #fff;}form.request legend {	padding: 0 2px;	font-weight: bold;	_margin: 0 -7px; /* IE Win */}form.request label {	vertical-align: top;	cursor: hand;}form.request fieldset p {	list-style: none;	padding: 5px;	margin: 0;}form.request fieldset fieldset {	border: none;	margin: 3px 0 0;}form.request fieldset fieldset legend {	padding: 0 0 5px;	font-weight: normal;}form.request fieldset fieldset label {}form.request label { width: 100%; } /* Width of labels */form.request fieldset fieldset label { margin-left: 5px; } /* Width plus 3 (html space) */form.request label.error {	color: #c00;	font-weight: bold;	padding: 10px;	border: 1px dashed #099;	width: 400px;	background-color: #ccc}.events{	background-color: #333;	color: #fff}.events td{	background-color: #333;	color: #fff}form.request input.submit {	margin-left: 103px;}.required{	border: 1px solid #a7a7a7;	width: 400px;}/*\*//*/ form.request legend { display: inline-block; } /* IE Mac legend fix */.checkbox{	}.checkbox label{	float:left}