/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;   /* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#663300;
		min-width:400px;   /* Minimum width of layout - remove line if not required */
				/* The min-width property does not work in old versions of Internet Explorer */
		font-family: arial, helvetica, sans-serif;
		font-size:76%;
	}
	
	
h1 {
	text-indent: -500em;
}
h2 {
	padding: 4px 0 4px 6px;
	color: #f5d78e;
	font-size: 1.25em;
	font-weight:bold;
	background-color:#65160e;
	margin:10px 0 16px 0;
}
h2.directions {
	padding: 4px 0 4px 6px;
	color: #f5d78e;
	font-size: 1.25em;
	font-weight:bold;
	background-color:#65160e;
	margin:0px 0px 16px 0;
	width:420px;
}
h3 {
	color: #CCCC66;
	font-size: 1.5em;
	font-weight: bold;
	padding: 20px 0 0 10px;
	margin-top: 0;
	margin-bottom: 0;

	}

a {
	color: #CCCC33;
	text-decoration: none;
	font-weight: bold;
	border:none;
	}
a:hover {
	color: #CCCC33;
	text-decoration: underline;
	}

strong {
	font-weight: bold;
	color:#003300;
	}
p {
	font-size: 1.3em;
 	padding: 0 0 10px 0;
    	margin-top: 0;
	margin-bottom: 0;
    }
.center {
	text-align:center;
}

/* the next set of classes control floats and padding around various images */
.logoimg {
	margin:6px 0 10px 12px;
	}

.rightfloat  { 
	margin: 0 0 10px 15px;
	vertical-align:text-top;
	float: right;
	padding:0;
	border:1px solid #003300;
	}

.leftfloat  {
	margin: 4px 15px 10px 0;
	vertical-align:text-top;
	float: left;
	border:1px solid #003300;
	}
	
.leftfloatnoborder  {
	margin: 0 15px 0 0;
	vertical-align:text-top;
	float: left;
	border:none;
	/*no border version of above created on 10/29/2009 to clear image border on eat irish logo etc.*/
	}
.rightfloatnoborder  { 
	margin: 0 0 10px 15px;
	vertical-align:text-top;
	float: right;
	padding:0;
	border:none;
	/*no border version of above created on 11/2/2009 to clear image border on green stuff etc.*/
	}
.nofloat {
	padding: 6px;
	vertical-align:text-top;
	}
.spevent {
	padding-top: 15px;
	clear: both;
	text-align: center;
	}
.crosstop {
	padding: 0 0 20px 0;
	margin: 0;
	text-align: center;
	border: 0;
	}
.crossbottom {
	padding: 0 22px 0 0;
	margin: 0;
	border: 0;
	}
/* column container */
.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}

/* 2 column left menu settings */
.leftmenu { /* "leftmenu" means that this is a left col fixed width, right col variable width layout */
	    background:#003300;
	    background-image: url(images/brick.jpg); background-repeat: repeat-y;
	}
.leftmenu .colcontainer { /* colcotainer must go inside colwrap */
        float:left;
        width:230%; /* sets width of content in right col */
		/* this percentage keeps green menu bar "bleeding" off window and doesn't create the gap that 220% did. It is possible that a % between 230 and 220 would work, too */
		position:relative;
		left:154px;  /* this sets the width of the left col*/
        background:#f5d78e;
		    border-left: 2px solid #003300;

    }
.leftmenu .rightcolwrap {
	    float:right;
	    width:50%; /* not sure what this does! */
	    position:relative;
	    right:215px; /* controls left margin */
	    padding-bottom:1em;
	}
.leftmenu .rightcolcontent {
        margin:0 15px 0 215px;
	    position:relative;
	    right:100%; /* keeps content flush left */
	    overflow:hidden;
	    background-image: url(images/green.png); background-repeat: repeat-x;
	}
.leftmenu .leftcolcontent {
        float:left;
        width:145px; /* not sure what this does! */
        position:relative;
        right:151px; /*sets left margin in left col */
    }

/* left side styles */
.lcont  {
	color: #BADB80;
	font-size: 0.95em;
	padding: 2px 0 0 6px;
	background-color:#003300;
	margin:0;
	}
.goo {
	background-image: url(images/google.png);
	background-repeat: no-repeat;
	background-position: 8px;
	font-size: 0.95em;
	margin:0;
	padding: 6px 0 0 28px;
	background-color:#003300;
	border-top:2px solid #003300;
	}
.fb {
	background-image: url(images/facebooklogo.gif);
	background-repeat: no-repeat;
	background-position: 8px;
	font-size: 0.95em;
	margin:0;
	padding: 10px 0 0 28px;
	background-color:#003300;
	}
/*added by denn on 9/29/2009*/
.tw {	background-image: url(images/twitter.ico);
	background-repeat: no-repeat;
	background-position:8px;
	font-size: 0.95em;
	margin:0;
	padding: 10px 0 0 28px;
	background-color:#003300;
		
}
/*added by Denn for no border on link images*/
.img-linknoborder {
	border:none;
	}
	

/* right side styles */

.header {
	height: 44px;
	background: url(images/gb-top.png) no-repeat; background-position:10px;
	background-color:#003300;
	margin:10px 0 0 0;
	padding:0 0 0 10px;
	}
.mainmenu {
	background-color: #f1f7f8;
	background-image: url(images/pattern.jpg); background-repeat: repeat-x;
	color: #ae0319;
	padding: 24px 0 2px 10px;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	white-space: nowrap;
	border-top:4px solid #003300;
	}
	
.mainmenu ul {
	list-style-type: none;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 0px;
	margin: 0;
	}

.mainmenu li {
	display: inline;
	padding-right: 12px;
	padding-left: 12px;
	}
.mainmenu a {
	color: #003300;
	}
.mmhere {
	background-color: #003300;
	color: #ecc305;
	padding-bottom: 6px;
	padding-top: 2px;
	}
	
.mmhere a {
	color: #ecc305;
	}
	
.mmhere a:hover {
	color: #ecc305;
	text-decoration: underline;
	}

.submenu {
	color: #ecc305;
	font-size: 1em;
	font-weight:900;
	background-color: #003300;
	margin: 0;
	}
	
.submenu ul {
	list-style-type: none;
	text-align: left;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0;
	}

.submenu li {
	display: inline;
	padding-right: 12px;
	padding-left: 12px;
	}
	
.submenuhome {
	color: #ecc305;
	background-color: #003300;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	}
	
.submenu a {
	color: #ecc305;
	font-weight: bold;
	text-decoration: underline;
	}
	
.submenu a:hover {
	color: #ecc305;
	}
.mainbody {
	padding-left: 20px; padding-top: 20px;
	width: 85%;
	min-width:600px;
	background-color:#f5d78e;
	}
	
.mainbody a {
	color: #ae0319;
	border:none;
	}
.mainbody a:visited {
	color: #ae0319;
	}
	
.mainbody a:hover {
	color: #d62705;
	text-decoration: underline;
	}
.mainbody ul {
	list-style-image: url(images/shamrock_icon.gif);
	text-align: left;
	padding-top: 0px;
	padding-bottom: 20px;
	margin: 0;
	}

.mainbody li {
		font-size: 1.25em;
		}
.center-p {
	text-align:center;
	margin:0;
	padding:0;
}

		
/*special event styles*/
.clearp {
	margin: 0;
	padding: 0;
	clear: both;
}
h4 {
	padding: 4px 0 4px 6px;
	color: #f5d78e;
	font-size: 1.25em;
	font-weight:bold;
	background-color:#003300;
	margin:10px 0 10px 0;
}
.leftfloatsp {
	padding: 0;
	margin: 0 12px 0 0;
	float: left;
	clear: both;
	border:1px solid #003300;
	}
.leftfloatspnb {
	padding: 0;
	margin: 0 18px 0 0;
	float: left;
	clear: both;
	}
.rightfloatspnb {
	padding: 0;
	margin: 0 18px 0 0;
	float: right;
	clear: both;
	}
.rtfltbox {
	border:2px solid #003300;
	padding:8px 8px 0px 8px;
	width:200px;
	font-size:90%;
	margin:0 0 10px 20px;
	float:right;
}
.smallcaps {
	font-variant:small-caps;
	size:120%;
}
.stpp  {
	margin: 0 0 10px 226px;
	padding:0;
	}
.stph {
	font-weight:bold;
	color:#003300;
	background-color:#89E70F;
	margin:14px 200px 6px 226px;
	padding:4px;
}
/* event box on home page */
.eventbox {
	float:right;
	margin:0 10px 10px 20px;
	background-color:#003300;
	border:4px solid #6c2a0d;
}
.eventbox-h {
	color:#f5d78e;
	font-size:115%;
	font-weight:bold;
	margin:0;
	padding: 4px 6px 6px 6px;
}
.eventbox-p-top {
	margin:0 6px 7px 6px;
	padding:7px 7px 0 7px;
}
.eventbox-p-mid {
	margin:0 6px 0 6px;
	padding:0 7px 7px 7px;
}
.eventbox-p-bot {
	margin:0 6px 6px 6px;
	padding:0 7px 1px 7px;
	text-align:center; /* Helen: just for eggnog image */
}
/* the following styles force IE 7 to use the appropriate color for image links */
.eventbox a:link img {
	border:2px solid #ae0319;

}	
.eventbox a:visited img {
	border:2px solid #ae0319;

}	
.eventbox a:hover img {
	border:2px solid #d62705;

}

/* Live Green box on the home page */

.liveg {
	margin: 10px 0 20px 0;
	padding:8px;
	border:3px solid #003300;
	background-image:url(images/parch.jpg);
	width:60%;
}
h5 {
	color:#65160e;
	font-weight:bold;
	font-size:140%;
	margin:0;
	padding:6px 0 3px 0;
	clear:left;
}

/*  image box on food and drink page */
.pictbox {
	float:right;
	margin:0 10px 10px 20px;
	background-color:#d7a326;
	border:2px solid #003300;
}
.pictbox-h {
	color:#003300;
	font-size:110%;
	font-weight:bold;
	margin:0;
	padding: 8px 0 0 8px;
}
.pictbox-p-cap {
	color:#003300;
	font-size:90%;
	margin:0 8px 20px 8px;
	padding:0;
}

.pictbox-p-img {
	margin:10px 8px 0 8px;
	padding:0;
	/*border:1px solid #003300;*/
}

/* Footer styles */

#footer {
		clear:both;
		float:left;
		width:100%;
		background: url(images/borderbrown.gif) repeat-x;
		background-color: #663300;
	}
#footer p {
	color: #CC9933;
	width: 80%;
	padding-left: 10px;
	padding-bottom: 0;
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 0;

}

#footer ul {
	list-style-type: none;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 20px;
	}
	
#footer li {
	display: inline;
	padding-right: 40px;

	}
.highroadfooter {
	margin:0;
	padding-top:20px;
	}
.hr1 {
	font-size: 1em;
	color:#CC9933;
	}
.hr2 {
	font-size: 1em;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 0;
	}

img.highroad {
	padding: 0 4px 0 0;
	}
.highroadfooter a {
	font-size: 1em;
	font-weight: bold;
	color:#CC9933;
	}
.highroadfooter a:hover {
	color: #CCCC33;
	text-decoration: underline;
	}
.bottrap {
	margin:0 0 0 -500px;
}