*
{
 margin: 0;
 padding: 0;
 border: 0;
 line-height: 1.3;
/*  font-family: helvetica, arial, sans-serif; */
}

body
{
 font-size: 100%;
 background: url( images/320px-Lonicera_periclymenum_Luc_Viatour_6.jpg ) top right no-repeat #040;
 color: black;
 max-width: 55em;
 margin: 0 auto;
}

#logo
{
 width: 26%;
 /* min-width: 320px; */
 float: right;
 background-image:  url( images/320px-Lonicera_periclymenum_Luc_Viatour_6.jpg );
 background-color:   #040 ;
 background-repeat: no-repeat;
 text-align: center;
 padding: .5em;
}

#logo img
{
 padding: 0;
 display: block;
 margin: auto;
}

#logo img:hover,
#logo a:hover
{
 background: blue;
}

h1
{
 width: 59%;
 float: left;
 background: #040;
 color: white;
 text-align: left;
 margin-left: 1em;
 padding: .5em .25em .5em 0;
 font-size: 2.5em;
 min-height: 76px;
 line-height: 1.1;
}

h1 span cite,
h1 span
{
 display: block;
 font-size: .6em;
 font-weight: normal;
}

a
{ text-decoration: underline; }

#main
{
 width:71%;
}

#main a:hover
{
 background: white;
}

h2
{
 text-align: center;
 margin: .5em 0 .75em 0;
}

h2 span
{
 display: block;
 font-size: .75em;
 font-weight: normal;
}

h4.r
{
 text-align: right;
 border-top: 1px solid black;
 padding-right: .5em;
}


#m1
{
 position: absolute;
 right: 10px;
 top: 10px;
 width: 223px;
 height: 86px;
}

#main #blurb
{
 width: 45%;
 float: left;
 margin: 0;
 padding: 0;
}

#main.twocol
{
 margin: 0;
 padding: 1em 0;
}

#main
{
 min-height: 90%;
 float: left;
 background: #fcf4e3;
 margin: 0 0 0 .5%;
 padding: 0;
 line-height: 1.35;
}

#main img.main
{
 overflow: hidden;
 max-width: 100%;
 margin: auto;
}

#main h3
{
 margin-top: 1em;
 margin-bottom: .5em;
 margin-left: 1.5em;
 margin-right: 1.5em;
}

#main ol,
#main ul
{
 margin-left: 3em;
}

#main ul li
{
 line-height: 1.3;
 padding-bottom: .33em;
 padding-right: 1em;
}

#menu
{

 color: white;
/* width: 25%; */
 clear: right;
 min-width: 140px;
 text-align: center;
 padding: .5em;
 margin: 0 1% 1em 73%;
}

#menu a.img,
#menu a
{
  margin: 0;
  padding: 0;
  border: 0;
 
}

#menu a.logo
{
 display: block;
 width: 120px;
 height: 120px;
 margin: 0 auto 1em auto;
}

.a
{
 display: block;
 padding-bottom: .5em;
 line-height: 1.5;
 text-decoration: none;
 text-indent: 0;
}

.a .a
{
 font-size: .9em;
}

#menu a:link
{
  color: #efe;
}

#menu a:visited
{
  color: #cec;
}

#menu p
{
  text-indent: 0;
  text-align: left;
  font-size: .85em;
  margin-bottom: 1em;
  line-height: 1.4;
}

ul#links
{
 list-style-type: none;
}

#menu li.txt:hover,
#menu a:hover
{
 background: #c00;
 color: white;
}

#links li,
#menu li
{
 margin: 0 .5em;
 padding: .5em;
}

#links li.txt,
#menu li.txt
{
 border: 2px solid #efe;
 padding: .25em;
 margin-bottom: .5em;
 line-height: 1.2;
}

#footer
{
 clear: both;
 font-size: .85em;
 text-align: right;
 color: #cfc;
 padding-top: 2em;
 padding-right: .5em;
}

#footer a:link
{
 color: white;
}

#footer a:visited
{
 color: #ffc;
}

#footer a:link
{
 color: yellow;
}

#clr
{
 clear: right;
}

#main p
{
  margin: .5em 2em;
  line-height: 1.4;
  text-indent: 2em;
}

hr.clb
{
 clear: both;
 border: 1px solid #040;
 margin: 1em 0;
}

li span
{
 display: block;
 font-size: .9em;
}

p.a
{
 text-indent: 0;
 text-align: center;
}

p.a img
{
 width: 420px;
 float: left;
 margin-right: 1em;
}

img
{
 margin-bottom: 1em;
}

dl
{
 width: 20em;
 margin: 0 auto ;
}

dt
{
 margin-top: 1em;
}

dd
{
 margin: .25em 2em;
}

#intro p
{
 margin: .25em 2.5em .25em 2em;
 line-height: 1.35;
}

p.first
{
 text-indent: 0 !important;
}

#intro cite
{
 display: block;
 text-align: right;
}

.business
{
  margin: 1.5em;
  border-bottom: 2px solid #060;
}

.business h3
{
  margin: .5em 0;
  text-align: center;
}

.bizlisting,
.business
{
 text-align: center;
 border-bottom: 1px solid black;
}

.business h2 span,
.business h3 span
{
 line-height: 1.3;
}

.business h2 span,
.business h3 span
{
 display: block;
 font-size: .9em;
 margin-top: .25em;
 margin-bottom: .5em;
}

.business ul
{
 text-align: left;
 width: 60%;
 min-width: 20em;
 margin: 1em auto;
 line-height: 1.3;
}

.business .l
{
 width: auto;
 float: left;
 margin-right: 1em;
}

p.by
{
 text-align: right;
/*  font-size: .8em; */
 font-style: italic;
}

#nav
{
 position: absolute;
 top: 1.5em;
 left: 1.5em;
 width: 6em;
 color: #ffe;
 border: 2px inset #ffe;
 text-align: center;
 padding: .35em;
 font-size: .85em;
}

#nav a
{
 color: #ffe;
}

#nav:hover
{
 border: 2px outset #ffe;
}

#nav:hover,
#nav a:hover
{
 color: #fff;
 background: blue;
}

#menu *.a,
#menu li.a
{
 border: 2px solid #ffe;
 padding: .125em 1em;
 margin: 1em 0;
}

#menu a:link
{
 color: #efe;
 padding: 0 1em;
}

#menu a:visited
{
 color: #cec;
}

#ttc img
{
 display: block;
 width: 384px;
 margin: 1em auto;
}

#ttc
{
 padding-bottom: 3em;
 border-bottom: 1px solid #ffe ;
}

div.item
{
 border-bottom: 2px solid #030;
 padding-bottom: 1em;
}

div.item p.posted
{
 font-size: .85em;
 text-align: right;
 padding-top: 1em;
}

div#news div.item h2
{
 font-size: 1.5em;
 text-align: left;
 padding-left: 1.332em;
 padding-top: .5em;
}

p.quote
{
 padding-left: .5em;
 text-indent: -.5em;
}

img.r
{
 float: right;
}

img.wgmap
{
 width: 17em;
 height: 13.5em;
 max-width: 60%;
 margin: .5em .5em .5em 0;
}

.event
{
 margin-bottom: 1.5em;
}

.event h3
{
  border-top: 6px solid #060;
  border-bottom: 2px solid #060;
  padding-left: 1em;
  background: #dfd;
}

.event dl
{
  margin-left: 2em;
}

body #main .event h3
{
  margin-left: 0;
}

.event h3 span
{
 display: block;
 font-size: .75em;
 font-weight: normal;
}

.event p
{
 text-indent: 0;
}

.event ul
{
 margin-left: 2em;
 padding-left: 2.5em;
}


.event h4
{
 padding-left: 2em;
}

.event dt
{
 font-weight: bold;
}

blockquote
{
 margin: 0 3em;
 background: #ffe;
 padding: .5em;
}

.wsp
{
 word-spacing: -.35em;
}

.white a
{
 color: red;
 padding: 0;
}

.p4 img
{
 display: block;
}

table.p4
{
 margin: auto;
}

table.p4 td
{
 border-bottom: 2px solid black;
 border-right: 2px solid black;

}

.p4 *
{
 vertical-align: bottom;
 text-align: center;
}

div.p3
{
 width: 100%;
 float: left;
 vertical-align: bottom;
 text-align: center;
 padding: .5em;
border: 1px solid red;
}

div.p4
{
 height: 160px;
 width: 202px;
 float: left;
 vertical-align: bottom;
 text-align: center;
 margin: .25em .25em .25em 0;
 padding: .25em;
 border: 3px outset black;
 background: white;
}

div.p4 *
{
 vertical-align: bottom;
}

div.p5
{
 width: 202px;
 float: left;
 vertical-align: bottom;
 text-align: center;
 margin: .25em .25em .25em 0;
 padding: .25em;
 border: 3px outset black;
 background: white;
}

div.p5 p
{
 font-size: .9em;
 line-height: 1.2
}

div.p4 a:hover
{
 background: #efe;
}

div.p4:hover
{
 background: #efe;
 border: 3px inset black;
}

table.biz
{
 width: auto;
 margin: auto;
}

table.biz tr
{
 vertical-align: middle;
}

table.biz td
{
 width: 3em;
 height: 2em;
 float: left;
 display: block;
 margin: 0;
 border: 2px solid white;
}

table.biz td a
{
 padding: 0 .25em;
}

/*** nifty corners ***/
b.rtop, b.rbottom
{
 display:block;
 background: #040;
}

b.rtop b, b.rbottom b
{
 display:block;
 height: 1px;
 overflow: hidden;
 background: #fcf4e3;
}

b.r1
{
 margin: 0 5px
}

b.r2
{
 margin: 0 3px
}

b.r3
{
 margin: 0 2px
}

b.rtop b.r4,
b.rbottom b.r4
{
 margin: 0 1px;
 height: 2px
}

b.rbottom
{
  clear: both;
  margin-top: 1.5em;
}

.rbottom
{
}

#ow
{
 float: right;
 display: none;
}

#news h2
{
 color: #040;
 font-size: 2em;
 font-weight: bold;
 text-align: center;
 background: url( news.jpg );
 font-family: serif;
 margin: 0;
 padding: 0;
}

#news
{
 border-bottom: 4px outset #060;
 background: #ffc;
}

#news h4
{
 font-size: 1em;
 font-weight: bold;
 text-align: left;
 color: #040;
 width: auto;
 padding-left: 2em;
 border-bottom: 2px solid #040;
 border-top: 2px solid #040;
 overflow: visible;
 white-space: nowrap;
}

.weather
{
 width: 160px;
 height: 160px;
 margin: 0 auto;
 padding: 0;
}

.weather:hover
{
 background: #efe;
}

.weather img
{
 width: 160px;
 float: right;
}

#note
{
 width: 50%;
 text-align: left;
 margin-left: 2em;
}

.plus
{
 font-size: 1.05em;
}

.more
{
 font-weight: bold;
}

.new
{
 background: yellow;
 font-weight: bold;
}

.sidebar
{
 width: 20%;
 float: right;
 padding: .5em;
 border: 1px solid black;
 margin: .5em;
}

.sig
{
 text-indent: 0;
 font-style: italic;
}

img
{
 overflow: hidden;
}