/* Add behaviour to IE elements to allow :hover and :active to function */
button, tr, td { behavior: url('IEFixes.htc'); }

html, body { height: 100%; }



body {	
      background: #fff url(images/bg_body.gif) top center repeat-y;
      font: normal 14px memphis, book antiqua, arial, sans-serif;
      color: #444;
      margin: 0;
      padding: 0;
      text-align: center; /* For IE */
}

p { margin: 0 0 10px 0; text-align: justify; }

h1 {
      color: #333;
      font: 25px normal Tahoma, Arial, sans-serif;
      letter-spacing: 1.3px;
      font-weight: bold;
      color: #111;
      padding: 0px 0px 2px 0px;
      margin: 5px 0px 20px 0px;
}

h1 img {
      position: absolute;
      top: 20px;
      left: 233px;        
}

.intro { color: #111; font-size: 20px; }
.intro_pink { color: #ca1041; font-size: 20px;}
.intro_blue { color: #00a9e5; font-size: 20px;}
.intro_purple { color: #520a61; font-size: 20px;}
.intro_green { color: #abcc4c; font-size: 20px;}
.intro_irish_green { color: #00a94f; font-size: 20px;}

.highlight { color: #111; font-size: 14px;}
.highlight img { float: left; margin: 0px 20px 10px 0; }
.highlight_pink { 
      color: #ca1041;
	font-size: 18px;
	font-weight: bold;
}
.highlight_blue { 
    color: #00a9e5;
	font-size: 18px;
	font-weight: bold;
}
.highlight_purple { 
      color: #520a61;
	font-size: 18px;
	font-weight: bold;
}
.highlight_green { 
      color: #abcc4c;
	font-size: 18px;
	font-weight: bold;
}
.highlight_irish_green { 
      color: #00a94f;
	font-size: 18px;
	font-weight: bold;
}
.blue { color: #00a9e5; }

p.border { margin-bottom: 10px 0; border-bottom: 1px dashed #000; clear: both; }

#banner, #banner_events, #banner_workspace, #banner_eating, #banner_experience {
      clear: both;
      margin: 0;      
	height: 71px;
	line-height: 71px;
      width: 870px;  
      background: url(images/the_monks_yard.jpg) no-repeat;    	
}
#banner img, #banner_events img, #banner_workspace img, #banner_eating img, #banner_experience img { position: absolute; top: 5px; left: 5px; }

#banner_events { background: url(images/the_monks_yard_events.jpg) no-repeat; }
#banner_workspace { background: url(images/the_monks_yard_workspace.jpg) no-repeat; }
#banner_eating { background: url(images/the_monks_yard_eating.jpg) no-repeat; }
#banner_experience { background: url(images/the_monks_yard_experience.jpg) no-repeat; }

#topNavLeft {
      position: absolute;
      top: 0px;
      left: 10px;      
}
#topNavRight {
      position: absolute;
      top: 0px;
      right: 10px;      
}

.textsmall {
      font-size: 11px;
      color: #888;
}

img.help { 
      vertical-align: middle;
      margin: 0 0 5px 15px;
      padding: 0; 
}

img { border: none }

img.gallery { margin-right: 2px; }
img.pictureleft { float: left; margin: 0 20px 20px 0; }
img.pictureright { float: right; margin: 0 0 20px 20px; }

img.left { float: left; margin: 0 20px 20px 0; }
img.right { float: right; margin: 0 0 20px 20px; }

img.homepic { float: right; margin: 0px 0px 20px 20px; }

img.picture { margin-bottom: 5px; border: 5px solid #c90f40; }
img.workspace_picture { margin-bottom: 5px; border: 5px solid #00a8e6; }
img.events_picture { margin-bottom: 5px; border: 5px solid #520a60; }
img.eating_picture { margin-bottom: 5px; border: 5px solid #b4d455; }
img.experience_picture { margin-bottom: 5px; border: 5px solid #a7d59d; }


a:link, a:visited {
      color: #ca1041;
	text-decoration: none;
	}

a:hover, a:active {
      color: #ca1041;
      text-decoration: underline;
	}

a.blue:link, a.blue:visited, a.blue:hover, a.blue:active { color: #00a9e5; }

a.purple:link, a.purple:visited, a.purple:hover, a.purple:active { color: #520a60; }

a.irish_green:link, a.irish_green:visited, a.irish_green:hover, a.irish_green:active { color: #00a94f; }

a.linkunderline { text-decoration: underline; }

a.linkbutton:link, a.linkbutton:visited {      
      margin: 0px 2px 0px 2px; padding: 3px 10px 3px 10px;      
      text-decoration: none;
      text-align: center;
      background: #dd1a4d url(images/bg_table_header.gif) repeat-x center;
      border: 0;
      color: #fff;
      font: bold 12px book antiqua, arial, sans-serif; 
}
a.linkbutton:hover {
      text-decoration: none;
      background: #c90f40;
      color: #fff;
}


input.check {
      margin-bottom: -2px;
}

.message {
      padding: 5px 10px 5px 10px;
      background-color: #dd1a4d;
      color: #FFF;        
}
a.message { color: #FF0000; }

.message_blue {
      padding: 5px 10px 5px 10px;
      background-color: #00a8e6;
      color: #FFF;        
}
.price { color: #CC0000; font-weight: bold; }
.redbold { color: #CC0000; font-weight: bold; }


.graph_image {
      border-top: 1px solid #dee1cb;
      border-left: 1px solid #dee1cb;            
      border-right: 1px solid #959971;
      border-bottom: 1px solid #959971;
}
.graph_value { font-size: 9px; color: #666; }
.graph_table { border-spacing: 0px; border-collapse: collapse; padding: 1px; }
.graph_cell { font-size: 10px; }
.graph_heading { font-size: 12px; font-weight: normal; text-align: left; }

ul {
	margin: 0;
	padding: 0 23px 10px 27px;
	list-style: none;
	line-height: 1.2em;
}

li {
	padding-bottom: 7px;
}

#outercontainer {      
      position: relative;      
	width: 869px;
	background: url(images/bg_container.gif) top left repeat-x;
	margin: 0 auto;
	padding: 0;
	text-align: center; /* For IE, see above */
	overflow: hidden;	
}

#container {
	position: relative;
	width: 869px;
	margin: 0 auto;
	padding: 0;
	text-align: left; /* For IE, see above */
}		

#titleBar {
	width: 920px;
	height: 39px;
	border-top: 1px solid #fff;
	background: #22568a url(images/title_bg.gif) right no-repeat;
	}

#titleBar p.p1 {
	width: 173px !important;
	width /**/: 201px;
	height: 28px !important;
	height /**/: 39px;
	color: #fff;
	margin: 0;
	padding: 11px 0 0 27px;
	border-right: 1px solid #fff;
	}

#titleBar a:link, #titleBar a:visited {
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	}

#titleBar a:hover, #titleBar a:active {
	text-decoration: underline;
	background: transparent;
	}

#contentDiv, #contentDivFull {                              
      float:left;           
      margin: 100px 0px 0px 20px;
      padding: 0px 0px 20px 0px;      
      width: 400px; 
	}
html>body #contentDiv { margin: 100px 0px 0px 40px; }
html>body #contentDivFull { margin: 100px 0px 0px 40px; }
	
#contentDiv li { list-style-type: disc; color: #22568a; }

#contentDivFull { width: 600px;  }


#rightDiv {                              
      float: right;
      margin: 67px 15px 0px 15px;             
      padding: 0px;                     
	width: 204px;
	}
	
#contentDiv li { list-style-type: disc; color: #22568a; }

#smalltext { margin: 5px 0 0 0; padding: 0px; font-size: 10px; text-align: left; }

#footer {
      clear: both;
      margin: 0 20px 0 20px;      
      font: normal 12px verdana, arial, sans-serif;
	height: 40px;
	line-height: 40px;		
	color: #aaa;
	border-top: 1px dashed #000;
	
	text-align: right;
	}	
#footer a:link, #footer a:visited {	
	color: #aaa;
	}
#footer a:hover, #footer a:active {
	color: #aaa;
	background: transparent;
      text-decoration: underline;
	}
.footerleft {
      float: left;    
      margin-left: 0px;  
}	

select {
      font-size: 11px;
}


form#membership input, form#membership textarea {
      font-size: 11px;
      width: 180px;
      margin: 2px 0;
      padding: 2px;
      border: 1px solid #555;      
}

form#membership button{     
      background: #00a8e6 url(images/bg_btn_blue.gif) repeat-x center;        
}
form#membership button:hover{    
      background: #0394c9;  
}


form#contact input, form#contact textarea {
      font-size: 11px;
      width: 180px;
      margin: 2px 0;
      padding: 2px;
      border: 1px solid #555;
}
	
#mainform_tiny {
      width: 300px;
      color: #505050;
      background-color: #faa4ba;
      border: 1px solid #820a29;
      margin: 0px;
      padding: 5px;
      font-size: 11px;      
}
#mainform_tiny input, #mainform_tiny textarea {
      width: 190px;
      font-size: 11px;
}
#mainform_tiny .loadingimage {
      position: absolute; 
      right: 290px; 
      margin-top: 5px; 
      display: none;
}

#mainform_small {
      width: 405px;
      color: #505050;
      background-color: #faa4ba;
      border: 1px solid #820a29;
      margin: 0px;
      padding: 5px;
      font-size: 11px;      
}
#mainform_small input, #mainform_small textarea {
      width: 290px;
      font-size: 11px;
}
#mainform_small .loadingimage {
      position: absolute; 
      right: 350px; 
      margin-top: 4px; 
      display: none;
}

#mainform {
      width: 500px;
      color: #505050;
      background-color: #faa4ba;
      border: 1px solid #820a29;
      margin: 0px;
      padding: 5px;
      font-size: 11px;      
}
#mainform input, #mainform textarea {
      width: 385px;
      font-size: 11px;
}
#mainform .loadingimage {
      position: absolute; 
      right: 165px; 
      margin-top: 0px; 
      display: none;
}

#mainform_wide {
      width: 650px;
      color: #505050;
      background-color: #faa4ba;
      border: 1px solid #820a29;
      margin: 0px;
      padding: 5px;
      font-size: 11px;      
}
#mainform_wide input, #mainform_wide textarea {
      width: 535px;
      font-size: 11px;
}
#mainform_wide .loadingimage {
      position: absolute; 
      right: 105px; 
      margin-top: 0px; 
      display: none;
}

button{
      cursor: pointer;
      margin: 0px 0px 0px 0px; padding: 2px 10px 3px 10px;    
      height: 23px;
      text-decoration: none;
      text-align: center;
      background: #dd1a4d url(images/bg_table_header.gif) repeat-x center;
      border: 0;
      color: #fff;
      font: bold 12px book antiqua, arial, sans-serif;   
}
button:hover{
      text-decoration: none;
      background: #c90f40;      
      color: #fff;
}

#map {
      width: 436px;
      height: 325px;             
      border : 1px solid #bbb;
      float: right;
      margin: 0 0 40px 40px;
}


#leftDiv {
      clear: left;
      float: left;
      position: relative;
      color: #fff;
      margin: 22px 0 0 10px;
      padding: 0;	
      font-size: 9px;
      height: 400px;	
      width: 160px;
}

#menudiv {   
      color: #000;
      overflow: hidden;
      padding: 20px 0 0 8px;
      margin: 0 auto;
      width: 160px;
}

#menudiv a { font-size: 14px; }
#menudiv a:hover { text-decoration: none; }


#menudiv ul
{      
      padding: 10px 0px 10px 0px;      
      margin: 0px;
      list-style-type: none;
}

#menudiv li { 
      margin: 2px 0px 2px 0px; 
      padding: 0px; 
      line-height: 15px;
}

a.menutitle:link, a.menutitle:visited, a.menuselected
{
      display: block;
      text-decoration: none;
      color: #c90f40;
      padding: 4px 5px 8px 10px;
      border-bottom: 1px dashed #000;   
      font-size: 16px;     
      margin: 0 0 10px 0;
      width: 135px;
}

a.menutitle:hover, a.menutitle:active {      
      text-decoration: none;
      border-bottom: 1px dashed #000;
      color: #777;
}

a.menuselected, a.menuselected:visited {      
      color: #000;    
      text-decoration: none;
}

ul.workspace a.menutitle:link, ul.workspace a.menutitle:visited { color: #00a9e5; }
ul.workspace a.menutitle:hover, ul.workspace a.menutitle:active { color: #777; }

ul.events a.menutitle:link, ul.events a.menutitle:visited { color: #520a61; }
ul.events a.menutitle:hover, ul.events a.menutitle:active { color: #777; }

ul.eating a.menutitle:link, ul.eating a.menutitle:visited { color: #abcc4c; }
ul.eating a.menutitle:hover, ul.eating a.menutitle:active { color: #777; }

ul.experience a.menutitle:link, ul.experience a.menutitle:visited { color: #00a94f; }
ul.experience a.menutitle:hover, ul.experience a.menutitle:active { color: #777; }

#breadcrumbs {
	position: absolute;
	top: 55px;
	left: 210px;
	line-height: 20px;
	margin: 0px 0px 15px 0px;	
	
	padding: 0px 3px 5px 0px;
	color: #999;
	font-size: 16px;
	border-bottom: 1px dashed #ccc;
      background: transparent;
      width: 400px;
}
html>body #breadcrumbs { width: auto;}

#breadcrumbs a:link, #breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:visited { color: #999; }

#breadcrumbs img.help { 
      position: relative;
      left: 0px;
      top: 0px;
      vertical-align: middle;
      margin: 2px 0 5px 15px;
      padding: 0; 
}

#breadcrumbs a { color: #000; }

#rightpic {
      float: right; 
      display: inline; 
      margin: 0px 0px 10px 20px;
      text-align: center;
      
      font-size: 10px;
      color: #888;
}
#rightpic a {
      color: #888;
      text-decoration: underline;           
}
#rightpic a:hover{
      color: #335383;    
}
#rightpic img {
      border: 1px solid #AAA;
      
      margin-bottom: 5px;
}      



table.table-fancy {
      border-spacing: 0px ;
      border-collapse: collapse ;
}
th.heading-fancy {
      margin: 0px;
      padding: 5px;
      font-size: 12px;
      font-weight: bold;
      color: #FFF;
      background: #dd1a4d url(images/bg_table_header.gif) repeat-x center;
      border :1px solid #820a29; 
}
td.cell-fancy {
      margin: 0px;
      padding: 5px;
      font-size: 12px;
      color: #000;
      border :1px solid #820a29;
}
td.cell-fancy-shade, td.cell-fancy-shade-expand-bottom, td.cell-fancy-shade-expand-top {    
      margin: 0px;
      padding: 5px;  
      font-size: 12px;
      color: #FFF;      
      background-color: #c90f40;
      border :1px solid #820a29;
}
td.cell-fancy-shade-expand-bottom { border-top: 0; height: 40px; }
td.cell-fancy-shade-expand-top { border-bottom: 0; }

.center { text-align: center }
.left { text-align: left }
.right { text-align: right } 

#googlemap_info {
      border: 1px solid #8893fa;
      background-color: #cbd0fd;
      color: #444;
      padding: 7px;
      width: 330px;      
      height: 85px;
}
#googlemap_info img {
      float: left;
      border: 1px solid #888;
      margin-right: 10px;
}

table.samplemenu { width: 100%; }
table.samplemenu td { padding: 5px 0; }

table.samplemenu td.price {
      color: #444; 
      font-weight: normal;
      width: 100px;
      text-align: right;
      vertical-align: top;
}