
/*
	Title:		shamrock:Irish pub
	Date:		09-29-2009
--------------------------------------------------------------			
*/

	/* COMMON ELEMENTS */
body{margin:0;padding:0px;background:url(../images/body-bg.gif) repeat 0 0}
.clear:after,#content-wrap:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
a img{border:0}

.FL{float:left;width:auto}
.FR{float:right;width:auto}
.CB{clear:both}
	/* COMMON ELEMENTS */

	/* BEGIN HEADER */
#header-wrap{clear:both;width:100%;height:288px;background:#040404 url(../images/header-line.gif) repeat-x 0 257px;position:relative; z-index:1}
#header{clear:both;width:1020px;margin:0 auto;height:248px;background:url(../images/header-bg.jpg) no-repeat 0 0;padding-top:40px;overflow:hidden;position:relative;z-index:99}
.header-top{clear:both;width:905px;padding:0 50px 0 65px}
.header-text{float:right;height:173px;width:158px;margin:0}
.logo{float:left;width:172px;height:173px;margin:0}

#navigation{clear:both;width:1020px;padding-top:37px;overflow:hidden;position:relative}
#navigation em{width:220px;display:block;height:10px;position:absolute;left:0;top:44px;background:url(../images/nav-separator.gif) repeat-x 0 0}
#navigation .right-line{left:auto;right:0;width:197px}
#navigation ul{margin:0;padding:0 0 0 27px;list-style:none;text-align:center;line-height:15px}
#navigation ul li{font-size:10px;display:inline}
	/* END HEADER */
	
	/* BEGIN CONTENTS */
#content-wrap{clear:both;background:url(../images/content-top-x.gif) repeat-x 0 10px; position:relative; z-index:98}
.content{clear:both;width:1020px;margin:-10px auto 0;overflow:hidden;}
.left-column,.mid-content,.right-column{float:left;width:290px;overflow:hidden}
.mid-content{width:472px;position:relative}
.right-column{width:258px;padding:27px 0 0;overflow:hidden}

.blackboard-top{width:290px;height:65px;background:url(../images/blackboard-top.png) no-repeat;position:relative;z-index:99}
.blackboard-shade-y{clear:both;width:290px;background:url(../images/blackboard-shade-y.png) repeat-y;position:relative;margin-top:-8px}
.blackboard-bottom{width:290px;height:60px;background:url(../images/blackboard-bottom.png) no-repeat;margin-top:-12px;position:relative;z-index:9}
.blackboard-bg-y{clear:both;width:290px;background:url(../images/blackboard-bg-y.gif) repeat-y;position:relative;z-index:9}
.blackboard{clear:both;width:202px;padding:25px 0 10px;margin-left:49px;overflow:hidden;}

.blackboard table{ margin-left:15px;}
#ie6 .blackboard table{ margin-left:10px;}

.tdEventsVHeader,.tdEventsV{font-family:Arial;color:#7cc523;line-height:18px;font-size:11px; margin:0; padding:0;}
.tdEventsV{color:#fff}

.tdEventsVHeaderC,.tdEventsVC{font-family:Georgia;color:#252f22;line-height:2em;font-size:12px; margin:0; padding:0;}
.tdEventsVCP{color:#42311b; letter-spacing:1px;}
.tdEventsVC{color:#42311b; letter-spacing:0.1em;vertical-align:text-top;}
.tdEventsVCD{color:#252f22; letter-spacing:0.2em; font-size:11px;vertical-align:text-top;}

.tdMenuW{font-family:Georgia;color:#252f22;line-height:12px;font-size:12px; margin:0; padding:2px; border:0; vertical-align: text-top}
.tdMenuWD{font-family:Georgia; color:#252f22; line-height:12px;font-size:12px; margin:0; padding:2px; border:0; vertical-align: text-top}

.tdMenuHeader{font-family:Georgia; background:#252f22; color:#fff; line-height:18px;font-size:13px; margin:0; padding:0;}
.tdMenu{font-family:Georgia; color:#252f22;font-size: 11px;}

.scroll-top{height:507px;width:472px;background:url(../images/scroll-top.png) no-repeat;position:absolute;left:0;top:-5px}
.scroll-bg-y{clear:both;width:472px;background:url(../images/scroll-bg-y.png) repeat-y}
#ie6 .scroll-bg-y{background:url(../images/scroll-bg-y.gif) repeat-y}
.scroll-content{clear:both;width:395px;margin:0 0 0 37px;padding:28px 0 20px;overflow:hidden;position:relative;z-index:99}
.scroll-content p{float:left;width:390px;margin:0 0 8px 0;padding:0;font-family:Georgia;font-size:14px;color:#252f22;text-align:justify;line-height:18px}
.scroll-content li {float:left;width:390px;margin:0 0 8px 0;padding:0;font-family:Georgia;font-size:14px;color:#252f22;text-align:justify;line-height:18px}
.scroll-content a:link {font-family:Georgia;font-size:14px;color:#252f22;}
.scroll-content a:visited {font-family:Georgia;font-size:14px;color:#252f22;}
.scroll-content a:hover {font-family:Georgia;font-size:14px;color:#252f22;}
.scroll-content a:active {font-family:Georgia;font-size:14px;color:#252f22;}
.scroll-content h1{float:left;width:390px;margin:0 0 8px 0;padding:0;font-family:Georgia;font-size:18px;color:#252f22;text-align:justify;line-height:18px}
.scroll-content p.w190{width:190px}
.scroll-bottom{clear:both;width:472px;height:165px;margin-top:-23px;background:url(../images/scroll-bottom.png) no-repeat}

.inline-photo-frame{float:left;width:181px;height:253px;padding:17px 0 0 19px;overflow:hidden;background:url(../images/inline-photo-frame.png) no-repeat}
.inline-photo-frame img{float:left;width:auto;margin:0}

.flickr_badge_image{float:left; width:76px; height:76px; background:url(../images/flickr-thumb-frame.png) no-repeat; padding:20px; margin:0 5px 6px 0;}
.flickr-thumb{float:left;width:106px;height:105px;margin:10px 5px 0 0;background:url(../images/flickr-thumb-frame.png) no-repeat;padding:11px 0 0 10px}
.flickr-thumb div{clear:both;width:95px;height:95px;overflow:hidden}
.flickr-thumb div img{float:left;width:auto;margin:0}

.right-content{float:left;width:233px;margin:9px 0 0;overflow:hidden}

.newsletter{width:233px;height:307px;background:url(../images/newsletter.png) no-repeat; background-position:top left; padding:90px 0 0 40px;line-height:0px;font-family:Georgia;font-size:10px;color:#252f22;}

.bigframe{width:390px;height:388px;background:url(../images/bigframe.png) no-repeat; background-position:top left; padding:19px 24px 27px 24px;overflow:auto;}
	/* END CONTENTS */
	
	/* INPUT FIELD CSS Copy this to your style sheet
------------------------------------------------------------- */

.style17 {font-family:Georgia;font-size:14px;color:#252f22;text-align:justify;line-height:18px}

/* Error / Success / Notice 
------------------------------------------------------------- */

.notes		{ background:#f0f0f0; border:1px solid #b8b8b8; }
.success	{ background:#ccfcd1; border:1px solid #60a400; }
.error		{ background:#f9e3e3; border:1px solid #e79e9e; }
.notice		{ background:#fcf0cc; border:1px solid #ecc735; }

.notes,.notice,.success,.error
			{
				font-size:100%;
				color:#000;
				padding:10px;
				width:90%;
				margin:0 0 20px 0px;
				text-align:left;
				margin-left:auto;
				margin-right:auto;
			}

.notes span,.notice span,.success span,.error span 
			{
				font-weight:bold;
				font-size:1.2em;
				padding:2px 40px;
			}

.notes p,.success p,.error p,.notice p
			{
				margin:0px;
				padding:0px;
				}
.notification_ok
	{ 
	border:0px solid #567397;
	height: auto;
	width: 90%;
	padding: 8px;
	background: #f5f9fd;
	text-align: center;
	}


/* MAP
------------------------------------------------------------- */
	
 #googlewrap {
        width: 390px;
        margin: 0px auto 0px auto;
       }
	
.googlemap {
    width: 370px;
    height: 370px;
    border: 10px solid #273035;
    overflow: hidden;
}

.tooltip {
    font-family: "Lucida Sans", "Lucida Sans Unicode", arial;
    font-size: 9pt;
    width: 170px;
    overflow: hidden;
}

.tooltip .top{
    background: url(../images/bubble.png) no-repeat;
    height: 5px;
    overflow: hidden;
}

.tooltip .middle{
    background: url(../images/bg.png) repeat;
    background-position: -173px top;
    padding: 0px 5px;
    color: #FFF;
}

.tooltip .middle img{
    margin: 5px 0px;
    clear: both;
}

.tooltip .bottom{
    background: url(../images/bubble.png) no-repeat;
    height: 25px;
    background-position: left bottom;
    overflow: hidden;
}

.tooltip .IE6 {
    background: url(../images/bubble.gif) no-repeat;
}

.tooltip .BOTTOMIE6 {
    background: url(../images/bubble.gif) no-repeat left bottom;
}

.tooltip .MIDDLEIE6 {
    background: #1A1A1A;
}

/* BOTTOM
------------------------------------------------------------- */

.noeltock {width:100%; padding:0 0 0 0; color:#718f65; font:9px/9px Arial, Helvetica, sans-serif;}
.noeltock a:link {color:#718f65}
.noeltock a:visited {color:#718f65}
.noeltock a:hover {color:#718f65}
.noeltock a:active {color:#718f65}
	
