* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

/* MAIN TYPOGRAPHY */

html { font-size: 62.5%; font-family: helvetica, "microsoft sans serif", arial, sans-serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* language specific quotes! */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(af), :lang(nl), :lang(pl) { quotes: '\201E' '\201D' '\201A' '\2019'; }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) { quotes: '\201E' '\201C' '\201A' '\2018'; }
:lang(da), :lang(hr) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }
:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D'; }
:lang(fi), :lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }

/* NOTE: safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */
html[lang|='en'] q:before   { content: '\201C'; }
html[lang|='en'] q:after    { content: '\201D'; }
html[lang|='en'] q q:before { content: '\2018'; }
html[lang|='en'] q q:after  { content: '\2019'; }

/* FORMS */

fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/* BASE SIZES */

body { font-size: 1.2em; line-height: 1.6em; }
 h1 { font-size: 1.6em; }
 h2 { font-size: 1.5em; }
 h3 { font-size: 1.4em; }
 h4 { font-size: 1.3em; }
 h5 { font-size: 1.2em; }
 h6 { font-size: 1em; }

/* HR */

 hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */

ul { list-style: disc outside;

margin-left: 2em; } 
ul li { text-indent: 0; 
margin-left: 0; }
 ol { list-style-position: outside; list-style-type: decimal; }
 dt { font-weight: bold; }

/* TABLES */

 table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
 th,  td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */

 blockquote *:first-child { margin: .8em 0; }
 hr,  p,  ul,  ol,  dl,  pre,  blockquote,  table,  form { margin-bottom: 1.6em; }
 p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
 h1 { margin: 1em 0 .5em;  }
 h2 { margin: 1.07em 0 .535em; }
 h3 { margin: 1.14em 0 .57em; }
 h4 { margin: 1.23em 0 .615em; }
 h5 { margin: 1.33em 0 .67em; }
 h6 { margin: 1.6em 0 .8em; }
 th,  td { padding: .8em; }
 caption { padding-bottom: .8em; } /* padding instead of margin for IE */
 blockquote { padding: 0 1em; margin: 1.6em 0; }
 fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
 legend { padding-left: .8em; padding-right: .8em; }
 legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
 textarea,  input { padding: .3em .4em .15em .4em; }
 select { padding: .1em .2em 0 .2em; }
 option { padding: 0 .4em; }
 a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
 dt { margin-top: .8em; margin-bottom: .4em; }
 ul { margin-left: 1.5em; }
 ol { margin-left: 2.35em; }
 ol ol,  ul ol { margin-left: 2.5em; }
 form div { margin-bottom: .8em; }

/* COLORS */

 a:link { text-decoration: underline; color: #36c; }
 a:visited { text-decoration: underline; color: #99c; }
 a:hover { text-decoration: underline; color: #c33; }
 a:active,  a:focus { text-decoration: underline; color: #000; }
 code,  pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */


/* Tripoli Overrides*/

fieldset { border:none; }

/*end*/

/*Overrides for non-text lists*/

div#smokingnav ul,
div#smokingnav ul li,
ul.townlist,
ul.townlist li,
#linkpanel ul,
#linkpanel ul li,
#topnav ul,
#topnav ul li {
	text-indent: 0;
	margin-left: 0;
	list-style: none;  
 text-indent: 0; 
}

div#smokingnav ul li:before,
ul.townlist li:before,
#linkpanel ul li:before,
#topnav ul li:before { content:''; }

/*end*/
html {
height:100%;
margin:0;
padding:0;
}

body { 
margin:0;
padding:0;
background:url(../img/body-bg.gif) repeat fixed;
height:100%;
}

#wrap {
height:100%;
}

#content {
	width:1015px;
	margin:0 auto;
	padding-left:29px;
	padding-right:15px;
	background: url(../img/content-bg.png) repeat-y top left;
	min-height:100%;
}

.clear {
clear:both;
}

#branding {
padding-top:15px;
}

#branding h1 {
	width:995px;
	height:120px;
	margin:0;
	text-indent:-9999px;
	background:url(../img/logo.jpg) left;
}

#topnav {
	background:url(../img/navbar.jpg) left repeat-y;
	margin:0;
}

#topnav ul {
	margin:0;
	width:993px;
	background:url(../img/navbar-bot.gif) bottom left no-repeat;
	padding-bottom:22px;
	overflow:auto;
	padding-left:15px;
}

#topnav ul li { 
float:left;
position:relative;
top:-3px; 
}

#topnav ul li a {
	background:url(../img/navbar-divider.gif) right center no-repeat;
	padding:0 1.9em;
	font-size:1.2em;
}

#topnav ul li.last a { background:none; }

#topnav ul li a:link,
#topnav ul li a:visited,
#topnav ul li a:active {
	text-decoration:none;
	color:black;
}

#columns {
padding-top:3px;

}

/*central colummn---------------------------------------*/

#maincontent {
	float:left;
	width:579px;
	background:url(../img/contentbox-bg.jpg) repeat-y;
	overflow:hidden;
}

#maincontent ul,
#maincontent h2 span,
#maincontent p {
	padding-left:30px;
	padding-right:55px;
}

img.illustration {
	margin-right:35px;
	margin-left:20px;
	margin-bottom:10px;
	float:right;
	border:1px solid #ddd;
}

#maincontent h2 {
	padding:0;
	font-style:italic;
	font-size:1.6em;
	font-weight:100;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:url(../img/contentbox-header3-bg.jpg) top left repeat-y;
	padding-bottom:5px;
	margin-left:2px;
	color:#edfcf2;
}

#maincontent h2 span {
	padding-left:20px;
	padding-top:5px;
	margin-left:1px;
	background:url(../img/contentbox-header3-top.jpg) top left no-repeat;
	display:block;
	
}

#maincontent h2.first {
	text-align:center;
	background:url(../img/contentbox-header-bg.jpg) top left repeat-y;
	font-style:normal;
	margin:0;
	padding:0;
	padding-bottom:7px;
	margin-left:2px;
	display:block;
}

#maincontent h2.first + p{
margin-top:1.2em;
}

#maincontent h2.first + ul{
margin-top:1.2em;
margin-bottom:0;

}


#maincontent h2.first span {
	background:url(../img/contentbox-header-top.jpg) top left no-repeat;
	margin-left:0;
	display:block;
	padding:0;
	padding-top:15px;
	padding-right:30px;
	padding-left:20px;
	color:white;
	font-weight:300;
	font-size:1.2em;
	line-height:1.2em;
	width:527px;
}

#maincontent h2 { margin-bottom:1.6em; }

#maincontent h2+h2, #maincontent h2+h3 { margin-top:1em; }

#maincontent h3 {
	padding:0;
	font-size:1.1em;
	font-weight:100;
	background:url(../img/contentbox-header3-bg.jpg) top left repeat-y;
	margin-left:2px;
	color:#edfcf2;
	clear:both;
	display:block;
}

#maincontent h3 span {
	padding-left:20px;
	padding-top:3px;
	margin-left:1px;
	padding-bottom:5px;
	background:url(../img/contentbox-header3-top.jpg) top left no-repeat;
	display:block;
}

#maincontent h4 {
margin-left:30px;
}

#maincontent div.close {
clear:both;
	background:white url(../img/contentbox-bot.jpg) no-repeat top left;
	height:24px;
	margin-left:1px;
	padding-bottom:30px;
}

ul.townlist {
	padding-left:45px;
	padding-right:35px;
}

ul.townlist li {
	padding-right:10px;
	display:inline;
}

/*left column-----------------------------------*/

div#linkpanel {
margin-top:3px;
	float:left;
	text-align:right;
	width:183px;
	overflow:hidden;
	background:url(../img/navbox-left-mid.jpg) repeat-y left;
	color:#FFFFFF;
}

#linkpanel ul {
	background:url(../img/navbar-left-divider.jpg) 21px top no-repeat;
	padding-top:1px;
	margin-top:5px;
	margin-bottom:0;
}

.linkpanel-top {
	background:url(../img/navbox-left-top.jpg) no-repeat top left;
	padding-top:20px;
}

.linkpanel-bot {
	background:url(../img/navbox-left-bot.jpg) no-repeat bottom left;
	padding-bottom:30px;
}

div#linkpanel ul { width:186px; }

div#linkpanel ul li {
	margin-right:20px;
	width:166px;
	background:url(../img/navbar-left-divider.jpg) right bottom no-repeat;
}

div#linkpanel a {
	display:block;
	line-height:1em;
	margin-top:-1px;
	padding: 5px 0;
	padding-left:19px;
	padding-right:5px;
	padding-top:5px;
}

div#linkpanel a:link,
div#linkpanel a:visited,
div#linkpanel a:active,
div#linkpanel a:hover {
	color:white;
	text-decoration:none;
}

div#linkpanel li:hover {  }

/*right hand column ----------------------------------------*/

#rightcontent {
	float:right;
	width:240px;
	padding-right:13px;
}

#rightcontent p {
padding-left:12px;
padding-right:32px;
text-align:center;
}

/*image panel---------------------------------------------*/

.right-image {
position:relative;
background:url(../img/imagebox-right-mid.png) top left repeat-y;
margin-top:1px;
top:-5px;
}

.right-image img {
padding-top:9px;
margin-bottom:-16px;
position:relative;
top:4px;
}

.right-image .imageclose {
width:232px;
height:38px;
background:url(../img/imagebox-right-bot.png) top left no-repeat;
position:relative;
top:0px;

}

.right-image .imageopen {
width:232px;
height:29px;
background:url(../img/imagebox-right-top.png) top left no-repeat;
position:absolute;
top:-2px;
z-index:3;
}

.right-image img {
padding-left:9px;
}

/* smoking panel ---------------------------------------------------------*/

.smokingpanel {
	background:url(../img/smokingbox-right-top.jpg) top left no-repeat;
	padding-top:119px;
	width:232px;
}

.smokingpanel .mid {
	background:url(../img/contentbox-right-mid.gif) top left repeat-y;
	padding-left:20px;
	padding-right:30px;
	text-align:justify;
}

.smokingpanel .close {
	background:url(../img/contentbox-right-bot.gif) bottom left no-repeat;
	padding-bottom:35px;
}

.smokingpanel p { margin:0; }

.smokingpanel p+p { margin-top:0.8em; }

/*textblock--------------------------------------------------------------*/

#rightcontent .textblock {
	text-align:left;
	color:white;
	width:232px;
	background:url(../img/sidebar-right-mid.gif) top left repeat-y;
}

#rightcontent .textblock .close {
	background:url(../img/sidebar-right-bot.gif) bottom left no-repeat;
	padding-bottom:20px;
}

#rightcontent .textblock .mid {
	background:url(../img/sidebar-right-top.gif) top left no-repeat;
	padding-top:10px;
}

#rightcontent .textblock a:link,
#rightcontent .textblock a:active, 
#rightcontent .textblock a:visited,
#rightcontent .textblock a:hover {
color:white;
}

#rightcontent .textblock p {
padding:0;
text-align:left;
margin-left:16px;
	margin-right:27px;
}

#rightcontent .textblock em {
display:block;
font-weight:900;
}

#rightcontent .textblock h3,
#rightcontent .textblock h4,
#rightcontent .textblock h2 {
margin-left:16px;
	margin-right:27px;
font-size:1em;
}


/*-------------------------------quickfaqs-------------------------------*/
#rightcontent .faqblock {
	text-align:left;
	color:white;
	width:232px;
	background:url(../img/sidebar-right-mid.gif) top left repeat-y;
}

#rightcontent .faqblock .close {
	background:url(../img/sidebar-right-bot.gif) bottom left no-repeat;
	padding-bottom:20px;
}

#rightcontent .faqblock .mid {
	background:url(../img/sidebar-right-top.gif) top left no-repeat;
	padding-top:0;
}

#faqlist {
overflow:hidden;
padding-top:20px;
padding-bottom:10px;
}

#rightcontent .faqblock h5#faqheader {
	margin-top:0px;
	margin-bottom:5px;
	margin-left:10px;
	margin-right:15px;
	padding:0;
	padding-top:15px;
	color:#edfcf2;
	font-weight:300;
	text-align:center;
	padding-right:20px;
	font-size:1.4em;
}

#rightcontent h5#viewdifferentfaqs {
	margin-top:0px;
	margin-bottom:5px;
	margin-left:10px;
	margin-right:15px;
	padding-top:15px;
	text-align:center;
	padding-right:20px;
	}

#rightcontent h5#viewdifferentfaqs a:link,
#rightcontent h5#viewdifferentfaqs a:visited,
#rightcontent h5#viewdifferentfaqs a:active,
#rightcontent h5#viewdifferentfaqs a:hover {
	color:#edfcf2;
	font-weight:300;
	font-size:1.2em;
	text-decoration:none;
}

#rightcontent .faqblock .faqbutton h6 { 
margin:0;
margin-left: 16px;
 }

#rightcontent .faqblock .faqbutton a:link,
#rightcontent .faqblock .faqbutton a:visited,
#rightcontent .faqblock .faqbutton a:active {
	color:#edfcf2;
	font-weight:300;
	text-align:center;
	padding-right:20px;
	padding-left:2px;
	font-size:1.2em;
	text-decoration:none;
	background:url(../img/sidebar-right-divider.jpg) left bottom no-repeat;
	display:block;
	text-align:left;
}

#rightcontent .faqset h1 {
	color:#edfcf2;
	font-size:1.2em;
	font-weight:600;
	background:url(../img/sidebar-right-divider.jpg) left bottom no-repeat;
	padding-bottom:4px;
	cursor:pointer;
	margin-left: 16px;
	margin-right: 27px;
}


#rightcontent .faqset p {
	width:170px;
	background:white;
		color:#000000;
		padding-top: 5px;
	padding-left:14px ;
	padding-right:17px;
	padding-bottom:5px;
	margin-top: -8px;
	margin-left:8px;
	margin-right:0;
	text-align:left;
}

#rightcontent .faqset a:link,
#rightcontent .faqset a:visited,
#rightcontent .faqset a:active { color:#0033FF; }

#rightcontent .faqset a:hover {color:#FF0033;  }

#rightcontent #faqs {
padding-bottom:10px;
}

div#loadingmessage  {
	padding-left:85px;
}

/*----------------------------------------------------------*/



table,
td { border:none }

/*smoking navigation---------------------------------------*/

div#maincontent div#smokingnav {
	text-align:	center;
	text-decoration: none;
	background:url(../img/contentbox-header-bg.jpg) 2px repeat-y;
	padding:0;
	margin:0;
}

div#maincontent div#smokingnav h2.first {
	font-size:2.5em;
line-height:1em;
}

div#maincontent div#smokingnav ul {
	padding-left:20px;
	padding-right:35px;
	padding-bottom:1px;
	font-size:15px;	
	line-height:27px;
	margin-top:0;
}

div#maincontent div#smokingnav ul li {	
	display:inline;
	white-space:normal;	
}

div#maincontent div#smokingnav li span {
	padding-top:5px;
	padding-left:10px;
	background:url(../img/smoking-nav-left.gif) top left no-repeat;	

}

div#maincontent div#smokingnav li a {
	padding:0;
		padding-top:5px;
	padding-right:10px;
	padding-bottom:3px;
	white-space:nowrap;
	background:url(../img/smoking-nav-right.gif) top right;
	color:#f60;
	text-decoration:none;

}

div#maincontent div#smokingnav li:hover,
div#maincontent div#smokingnav li a:hover {
	color:red;
}

div#maincontent div#smokingnav + blockquote {
margin-top:1em;
}

/*----------------------------------------------------------*/

blockquote {
	font-size:2em;
	padding-left:80px;
	padding-right:80px;
	color:black;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	border:none;
	letter-spacing:0.02em;
	line-height:1.2em;
	text-align:center;
	margin:0;
}

span.credit {
	font-size:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	padding-left:80px;
	padding-top:1em;
	display:block;
	font-weight:900;
}

div#map {
	width: 475px; 
	height: 400px;
	margin-left:30px;
	margin-bottom:13px;
	overflow: hidden;
}

div#mapholder  {
	left:	-150px;
	position:	absolute;
}


	
	a.invisible-anchor {
	display:none;
	}

/*Contact Pages------------------------*/
#maincontent form#watchdog-form-overview,
input#edit-submitbutton,
div.webform-component-select,
div.webform-component-textfield,
div.webform-component-email,
div.webform-component-textfield,
div.webform-component-textarea {
margin-left:15px;
margin-right:25px;
}

.form-item label {
  display: block;
  font-weight: bold;
}

textarea.form-textarea {
  margin-bottom: 0;
  width: 95%;
  display: block;
  margin-right:25px;
}

#faqs h3 {
	font-size: 1.2em;
	font-weight: 300;
	padding-left: 12px;
	padding-right: 28px;
	text-align: center;	
	cursor: pointer;
}

#faqs p {
	background-image: url(/img/sidebar-right-mid-white.gif);
	padding-top: 7px;
	padding-right: 25px;
	color: black;
	text-align: left;
	padding-bottom: 10px;
}

#faqs p.unclicked {
	background-image: none;
	background:yellow;
}