/* Visit Scotland BTU 30/06/2009 */
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

.clrfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clr {clear: both; display: block;}

a:link, a:visited {	text-decoration: none;	background: url(../i/a_bullet.gif) no-repeat 1px 5px;	padding-left: 10px;	font-size: 12px;	color: #0d2e75;	}
a:hover, a:active, a:focus {text-decoration: underline;}
body {background: #000000 url(../i/siteBG.gif); font-family: "Trebuchet MS", sans-serif; color: black; line-height: 1;	height: 100%;}
p, li {font-size: 75%; line-height: 1.2em;}
li li, li p, li a {font-size: 100%;}


#mainContentLower	{	background: white url(../i/mainLowerBG.gif) repeat-y;	}
#mainContentLower.noBG	{	background: none;	}

#mainContent #menu	{	width: 231px;	min-height: 300px;	float: left;	}
	#mainContent #menu .menuHeader	{	background: #e8eeef;	height: 40px;	}
		#mainContent #menu .menuHeader h2	{	color: #6d888d;	padding: 21px 0 0 21px;	font-weight: normal;	font-size: 80%	}
		#mainContent #menu ul	{	margin-left: 10px;	}
			#mainContent #menu ul li	{	padding: 7px 0 7px 0; 	border-bottom: 1px solid #e5edee;	}
				#mainContent #menu ul li a	{	color: black;	text-decoration: none;	background:transparent url(../i/a_bullet_grey.gif) no-repeat scroll 1px 5px;	font-weight: bold;	}
				#mainContent #menu ul li a.on, #mainContent #menu ul li a:hover	{	color: #9f1210;	text-decoration: none;	background:transparent url(../i/a_bullet.gif) no-repeat scroll 1px 5px;}
	
#mainContent #content	{	width: 490px;	min-height: 300px;	float: left;	margin-left: 1px;	}
#mainContent #content.wideContent	{	width: 720px; }

#content h1	{	padding: 30px 20px 15px 30px;	color: #a5211f;	font-weight: lighter;	font-size: 130%;	margin: 0; }
#content h2	{	padding: 10px 20px 8px 30px;	color: #a5211f;	font-weight: lighter;	margin: 0; }
#content p	{	padding: 0 20px 8px 30px;	color: black; }

#content.cal p	{	padding: 0 20px 8px 14px;	color: black; }
#content.cal h1	{	padding: 30px 20px 15px 14px;	color: #a5211f;	font-weight: lighter;	font-size: 130%;	margin: 0; }


#mainContent #puff	{	width: 230px;	min-height: 300px;	float: left;	margin-left: 1px;	}
	#mainContent #puff .box	{	margin-top: 30px;	}	
	#mainContent #puff .box	img	{	border: 1px solid #b1c7cb;	padding: 1px;	}
	#mainContent #puff .box	h2	{	color: #9f1210;	font-style: italic;	font-size: 80%;	font-weight: normal;	padding: 10px 0 0 10px;	margin: 0;}
	#mainContent #puff .box	p	{	color: #447b85;	font-style: italic;	padding: 2px 0 0 10px;	margin: 0;	}

	#mainContent .box	{	margin-top: 30px;	width: 220px;	float: left;	margin-left: 15px;}	
	#mainContent .box img	{	border: 1px solid #b1c7cb;	padding: 1px;		width: 214px; height: 153px;}
	#mainContent .box h2	{	font-style: italic;	font-size: 80%;	font-weight: normal;	padding: 10px 0 0 10px;	margin: 0;}
	#mainContent .box h2 a	{	color: #ab2f2d;	}
	#mainContent .box p	{	font-style: italic;	padding: 2px 0 0 10px;	margin: 0;	}
	#mainContent .box p	a {	color: #4c7a7a;	}
	#mainContent .box a	{	padding-left: 0;	background: none;	}


/* NEED THIS TO WORK IN FF TOO */

/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0}
#secondBG{min-height:100%;height:auto;background:#ffffcc;width:200px;}
* html #secondBG{height:100%;}




#secondBG	{	margin: auto;	background: #ced7d9;	height: 100%;	width: 960px;	}

#rehm	{	width: 960px;	min-height: 400px;	background: white;	margin: auto;	}


#header	{	background: #ffffff url(../i/headerBG.gif);	height: 78px;	border-bottom: 11px solid #0d2e75;	}
	#header #logo	{	float: left;	padding: 30px 0 0 30px;	}
	#header #booking	{	float: right;	padding: 15px 23px 0 0;	}


 #bannerImg	{	height: 205px;	/*background: url(../i/bannerImg.jpg); */	}


#mainMenu ul	{	margin: 0;	padding: 0 10px 0 10px;	background:	url(../i/mainMenu_li.jpg);	}
	#mainMenu ul li	{	background:	url(../i/menuBG_left.gif);	float: left;	}
	#mainMenu ul li a	{	padding: 11px 0 0 0;	display: block;	text-align: center;	background:	url(../i/menuBG_right.gif) no-repeat top right;	height: 24px;	color: black;	font-size: 90%;	}
		#mainMenu ul li a:hover	{	color: #9f1210;	text-decoration: none;	}
	#mainMenu ul li.home a	{	width: 75px	}
	#mainMenu ul li.about a	{	width: 190px	}
	#mainMenu ul li.typical a	{	width: 140px	}
	#mainMenu ul li.calendar a	{	width: 166px	}
	#mainMenu ul li.skill a	{	width: 152px	}
	#mainMenu ul li.media a	{	width: 111px	}
	#mainMenu ul li.contact a	{	width: 103px	}


#introPara, #introParaL	{	background: #0b2867 url(../i/introBG.gif) no-repeat;	height: 140px;	color: white;}
	#introParaL	{	height: 80px;	}
	#introPara h1, #introParaL h1	{	font-size: 24px;	font-weight: lighter;	padding: 30px 0 0 20px;	}
	#introPara p, #introParaL p	{	padding: 18px 20px 0 20px;	}


#homePuffs	{	margin: 20px 15px 25px 15px;	}
	#homePuffs .puff	{	float: left;	width: 310px;	}
		#homePuffs .puff p	{	padding: 12px 12px 0 12px; }


#footer	{	float: right;	width: 400px; margin-top: 20px;	}
	#footer ul	{	margin: 10px 20px 10px 0;	float: right;		}
		#footer ul li	{	float: left;	padding: 0 10px 0 10px;	border-right: 1px solid #afc5ca;	}
			#footer ul li a	{	font-weight: bold;	text-decoration: none;	background: none;	color: black;	}


#mainContent dt	{	margin-left: 12px;	height: 48px;	background: url(../i/acc_titleOff.gif) no-repeat;	width: 715px;	margin-top: 2px;	padding: 4px;	}
	#mainContent dt a {	background: none;	padding: 5px;	display: block;	text-decoration: none;	}
	#mainContent dt a span.eventDate	{	color: #a5211f;	margin-bottom: 4px;	display: block;	}
	#mainContent dt a span.eventTypeCost	{	color: #17416d;	display: block;		}
#mainContent dt.open	{	margin-left: 12px;	height: 48px;	background: url(../i/acc_titleOn.gif) no-repeat;	width: 715px;	}
	#mainContent dt.open a	{	color: white;	background: none;	padding: 6px;	display: block;	text-decoration: none;	}
	#mainContent dt.open a span.eventDate	{	color: white;	margin-bottom: 4px;	display: block;	}
	#mainContent dt.open a span.eventTypeCost	{	color: white;	display: block;		}
#mainContent dd	{	margin-left: 12px;	background: url(../i/acc_content_bg.gif) repeat-x bottom left;	width: 715px;	}
	#mainContent dd p	{	padding: 10px;	}

.left	{	float: left;	}
.right	{	float: right;	}

#detailsWin	{		}

	#detailsWin h2	{	color: #ab2f2d;	font-style: italic;	font-size: 80%;	font-weight: normal;	padding: 0;	margin-top: 10px;}
	#detailsWin h3	{	color: #4c7a7a;	font-style: italic;	margin: 0;	}
	#detailsWin p	{	color: black;	margin-top: 10px;	}