/* Eric Meyer's 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,
br,small,strike,strong,sub,sup,tt,var,
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;
	vertical-align: baseline;
	font-style: inherit;
	font-weight: inherit;
	font-size: 100%;
	font-family: inherit;
}

/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: #000;background: #687;}
ol,ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption,th,td {text-align: left;font-weight: normal;}
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote,q {quotes: "" "";}
/* end of reset */

/* Fix em size cascade */
li li,li p,td p,blockquote p { font-size: 1em }

/* IE fixes */
input,select,th,td { font-size: 1em }

/*	display: block;
  visibility: hidden;
*/

/* No height */ 
.noheight,.br-clear {
	font-size: 1px;
	height: 0;
	padding: 0;
	margin: 0;
	line-height: 0;
}

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

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

.clear-float { clear: both; }
.br-clear {	clear: both; }	/* + .noheight */
.br-clear br { display: none; }

.noheight { padding: 0; margin: 0; line-height:0; }

/* Should Use 0.6 0.69 0.76 0.86 0.93 scaling */
/* font-size-adjust: 0.51; Trebuchet MS but 0.53 makes it all bold */

body {
	line-height: 1.50em;
	font-size: 1.1em;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

h1, h2, h3, h4, dt {
	line-height: 1.44em;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

/* Should Use 0.6 0.69 0.76 0.86 0.93 scaling */

h1 {
	color: #369;
	font-weight: bold;
	font-size: 1.44em;
}

h2 {
	color: #336;
	font-weight: bold;
	font-size: 1.2em;
}

h3, dt {
	color: #336;
	font-weight: bold;
	font-size: 1em;
}

div.banner-main h1 {
	background: #cfc; color: #336;
	font: bold 1.6em/1.4em Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

div.banner-sub h3 {
	background: #fff; color: #636;
	font: italic bold 1.0em/1.6em Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

#navbar {
	font: 1.0em/1.44em Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

/* Outer body margin */
#outerbody { }
#outer {
 	max-width: 55em;
	min-width: 10em;
}

h1 {	margin: 0.7em 0 0.2em 0; }
h2 {	margin: 0.5em 0 0.2em 0; }
h3, dt { margin: 0.3em 0 0.2em 0; }
p, dd, td, th { margin: 0.2em 0 0.4em 0; }
ul { margin: 0.5em 0 0.5em 2em; }	
li { margin: 0.1em 0 0.1em 0; }

ul.circle-list { list-style-type: circle; }
ul.disc-list { list-style-type: disc; }
ul.square-list { list-style-type: square; }

a {	text-decoration: none; }  /* + .noheight */

a[href] { color: #00f; text-decoration: underline; }
a[href]:link { color: #009; }
a[href]:visited { color: #636; }
a[href]:hover { background: #00f; color: #fff; }
a[href]:active { }

blockquote { margin-left: 1em; }

big { font-size: 1.2em; }
small { font-size: 0.834em; }

sup { font-size: smaller; line-height: normal; vertical-align: super; }
sub { font-size: smaller; line-height: normal; vertical-align: sub; }

a.ulinesup {
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: 0.2ex;
}

#brclogo {
	float: left;
	text-align: center;
	border: 0.125em;
}
.brclogo-img { margin: 2px auto 2px auto; }

#banner {
	background: #fff;
	padding: 0.25em;
}

div.banner-main { text-align: center; }
div.banner-main h1 { display: inline; }
div.banner-sub { text-align: right; }
div.banner-sub h3 { display: inline;}
div.banner-hr { border-top: 1px solid #999; }
div.banner-hr hr { display: none; }

div.refsection {
	padding-top: 0.2em;
	margin: 0.125em 0 0.2em 0.125em;
	background: #cfc; color: #369;
	font-weight: bold;
	font-size: 0.8125em;
	text-align: center;
	line-height: 1.375em;
	width: 9.75em;
}

div.refsection a {
	display: block;
	padding: 0.125em;
	min-width: 9em;
}

#content {
	background: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

div.logo-box {}
a.logo-ext {
	display: block;
	float: left;
	margin: 0.5em auto 0 auto;
	text-align: center;
	min-width: 72px;
	padding-right: 8px;
}

/* index references */
span.reftop,span.refmenu {
	padding: 0 1em 0 1em;
	background: #cfc; color: #369;
	font-weight: bold;
	font-size: 0.75em;
}

span.refmenu { margin-left: 1em; }

#navbar {
	overflow: hidden;
	font-size: 1em;
	width: auto;
	text-align: center;
	margin: 0 auto 0 0;
}

#navbar ul {
	list-style: none;
	margin: 0;
}

#navbar ul li {
	display: block;
	margin: 0 0 0.2em 0.125em;
	background: #cfc; color: #369;
	text-align: center;
	font-weight: bold;
	font-size: 0.8125em;
	line-height: 1.375em;
	min-width: 6.75em;
}

#navbar a {
	background: #cfc; color: #369;
	display: block;
	padding: 0.125em;
	min-width: 6em;
}
#navbar a:link { color: #009; }
#navbar a:visited { color: #636; }
#navbar a:hover { background: #00f; color: #fff; }
#navbar a:active { }

li.navbar-grey { border-style: ridge; }
#navbar .navbar-grey a[href] {
	background: #369; color: #cfc;
	text-decoration: underline;
}

/* Block in a box */
div.tabular {
	background: #cfc;
	color: #000;
	border: 2px ridge #8c8;
	margin: 0 auto 0 0;
	padding: 3px;
}

/* Two columns,maybe a table in each */
div.column {
	width: 100%;
  min-width: 14em;
	margin: 3px;
}
table.column {
	border-collapse: collapse;
	border: 0;
}

/* Contact list in tabular */
div.contact {  }
.contact p { min-width: 9em; overflow: auto; }
p.contact-type { float: left; min-width: 6em; }
p.contact-name { float: left; min-width: 9em; }
p.contact-addr { margin-left: 1em; }

#contact-form {
	background: #ccf;
	border: 1px ridge #88c;
	padding: 1em;
	max-width: 20em;
}
#contact-form label {
	float: left;
	text-align: right;
	font-weight: bold;
	width: 8em;
	padding-right: 1em;
}
#contact-form input { width: 2em; }
#contact-form button { width: 5em; }

/* Diary in two columns */
div.diary {
	background: #cfc;
	color: #000;
	border: 2px ridge #ccc;
	margin: 0 auto 0 0;
}
div.diary-col {
	width: 100%;
  min-width: 14em;
	margin: 3px;
}
table.diary-col {
	border-collapse: collapse;
	border: 0;
}
.diary td {	vertical-align: top; }
td.diary-month { padding: 0 0.1em 0 0.5em; }
td.diary-date { text-align: right; padding: 0; }
td.diary-text { padding: 0 0.5em 0 1em; }

/* Formatting for dance header */
table.notice {}
.notice td { vertical-align: top; }

/* Dance programme in two columns */
div.dance {}
.dance td { vertical-align: top; padding-left: 0.5em; }
td.dance-type {	width:3%; }
td.dance-hard { width:3%; }
td.dance-name { width:94%; }

/* Types of events */
.type-ceilidh { background-color:#FFCCEE; }
.type-dance { background-color:#FFFFBB; }
.type-class { background-color:#98FB98; }
.type-weekend { background-color:#AFEEEE; }
.type-teadance  { background-color:#FFDDCC; }
.type-golden { background-color:#ffd700; }
.type-other { background-color: #DDDDFF; }

/* Formatting for Jeff's Marvy Cribs */
div.cribs {
	clear: both;
	margin-top: 2ex;
	page-break-inside: avoid;
}
.cribs h3	{
	margin: 0;
	color: #336;
	font-weight: bold;
	font-size: 1.0em;
}
h3.right-text {
	float: right;
	margin-left: 1em;
	font-weight: normal;
}
.cribs h4	{
	margin:0;
	text-align:right;
	color: #55a;
	font-style: italic;
	font-weight: bold;
	font-size: 1.0em;
}
.cribs p	{
	margin:0;
	font-weight: bold;
	font-size: 0.8em;
}
.cribs td	{
	margin:0.5em;
	font-size: 1.0em;
}

div.news-box {
	background: #cfc; color: #000;
	border: 2px ridge #8c8;
	margin: 0.5em 0;
}
.news-box td {
	vertical-align: top;
	padding: 0 0.5em;
}
.news-box img {
	vertical-align: top;
}

div.ev-box {
	background: #f8f8f8; color: #000;
	border: 2px ridge #888;
	margin: 1em 0;
}
.ev-box h3,.news-box h3 {
	font-weight: bold;
	font-size: 1.05em;
} 
div.ev-notice { text-align:left; }
div.ev-details {}
.ev-notice a { display: block; }
.ev-notice img { float: none; }
.ev-date {}
.ev-org  {}
.ev-name {}
.ev-loc  {font-size: 105%;}
.ev-band {font-weight: bold; font-size: 105%;}
.ev-emp  {background: #008; color: #ff4;}


/* capital S is a hack to get round IE for handhelds quirk */
@media print,Screen,projection {	
	/* IE center box via text-align hack */
	* html body { text-align: center; }
	* html #outerbody {	text-align: left; }

	/* IE hack for table fonts */
	* html { font-size: 100.01%; }

	/* Fix IE zoom problem with inline images */
	.inline-image { letter-spacing: 0; }

	h1 { margin: 0.8em 0.5em 0.2em 0.5em; }
	h2 { margin: 0.6em 0.5em 0.2em 0.5em; }
	h3,dt { margin: 0.4em 0.5em 0.2em 1em; }
	p,dd { margin: 0.2em 1em 0.4em 2em; }

	blockquote { margin: 0.6em 1em 0.6em 3em; }
	div.banner-main h1 { font-size: 2.2em; }
	div.banner-sub h3 { font-size: 1.1em; }

	span.refmenu { display: none; }
	div.refsection { position: absolute; left: -1000px; }

	div.logo-box { margin-left: 0.5em; }
	p.logo-text { margin-left: 80px; }

	div.diary-col,
	div.column { width: 48%; float: left; }

	div.ev-notice {
		float: left;
		margin: 0.5em auto 0 auto;
		text-align: center;
		min-width: 48px;
		padding: 0 8px 0 2px;
	}
	.ev-box h3,.news-box h3 { padding-left: 4px; }
	div.ev-details { margin-left: 56px; }

	p.contact-addr { margin-left: 3em; }

	#navbar ul li { border: 0.25em outset #cfc; }
	#navbar ul li.navbar-gap { margin-top: 1em; }
}

@media Screen,projection {
	#outerbody {
		background: #814 url(rs45tartan.png);
		max-width: 62em;
	 	padding: 8px;
	 	padding-bottom: 10ex;
	 	margin-left: auto;
	 	margin-right: auto;
	}

	#outer {
		min-width: 30em;
	}

	#brclogo { width: 108px;}
	.brclogo-img { width: 100px; height: 100px; }
	.brclogocc-img { width: 151px; height: 151px; }

	#white-space {
		position: relative;
		z-index: 3;
		margin-left: 108px;
	}

	#banner {
		padding: 1em;
		padding-bottom: 0;
	}

	#content {
		padding: 1em;
		padding-top: 0;
		margin: 0 0 0.5em 0;
	}

	#navbar {
		position: absolute;
		z-index: 2;
		font-size: 16px;
		top: 7.5em;
		width: 6.25em;
		text-align: center;
		margin: 0 auto;
	}

	#navbar:hover { z-index: 4; }
}

@media print {
	body { background: none; }

	#brclogo { background: #814 url(rs45tartan.png); }
	.brclogo-img { width: 75px; height: 75px; }
	.brclogocc-img { width: 151px; height: 151px; }

	#banner {
		padding: 0.25em;
		padding-bottom: 0;
		margin-left: 108px;
	}

	#content { padding: 0.25em; padding-top: 0; }

	.reftop { display: none; }

	#navbar { display: none }

	a.extprint:after {
		content: " [ " attr(href) " ]";
		text-decoration: none;
		color: #000;
		font-size: 0.84em;
	}
}

@media handheld {
	/* Hack - undo screen settings if they are used */
	body { background: none; }
	blockquote { margin: 0 0 0 1em; }
	#outer { margin: 0; min-width: inherit; }
	#brclogo { width: auto;}
	#white-space { position: static; margin-left: 0; }
	#banner { padding: 0.25em; }
	div.banner-main h1 { font-size: 1.6em; }
	#content { padding: 0; margin: 0; }
	span.refmenu { display: inline; }
	div.refsection { display: block; position: static; }
	#navbar {
		position: static;
		font-size: 1em;
		width: auto;
		text-align: center;
		margin: 0 auto 0 0;
	}
	#navbar ul li { border: 0; }
	#navbar ul li.navbar-gap { margin-top: 0; }
	p.logo-text { margin-left: 0; }
	div.diary-col {width: 100%; float: none;	}
	div.ev-notice {
		float: none;
		margin: 0;
		text-align: left;
		min-width: inherit;
		padding-right: 0;
	}
	div.ev-details { margin-left: 0; }
	p.contact-addr { margin-left: 1em; }

	/* extra settings for handheld */
	#brclogo { background: #814 url(rs45tartan.png); }
	.brclogo-img { width: 50px; height: 50px; }
	.brclogocc-img { width: 75px; height: 75px; }

	/*#banner { background: #814 url(rs45tartan.png); }*/
	#banner { background: #cfc; }
	div.banner-main {	padding: 0.25em; }
	div.banner-hr { display: none; }

	a.logo-ext { display: none; }

	.ev-notice img { content: attr(alt); }

	/*#navbar {	background: #814 url(rs45tartan.png); }*/
	#navbar {	background: #cfc; }

	#navbar ul li {
		display: inline;
		float: left;
	}

	.mobile { display: block; }
	.no-mobile { display: none; }
}