body {
        margin:0; padding:0; text-align:center;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 76%; color: #000;
        background: transparent url('/css/body_bg.jpg') repeat-x;
}
/* typo graphy */
a { text-decoration: none; }
a:link, a:visited { color: #2b55a2; }
h1 { font-size: 1.8em; margin-top: 0em; margin-bottom: 0.5em; }
h2 { font-size: 1.6em; margin: 1.1em 0 0.5em 0; }
h3 { font-size: 1.3em; margin: 1.1em 0em; }
h4 { font-size: 1.2em; margin: 1.1em 0em; }
h5 { font-size: 1.0em; margin: 1.1em 0em; }
h6 { font-size: 0.8em; margin: 1.1em 0em; }
h1, h2, h3, h4, h5, h6 { color: #330000;font-family:"trebuchet ms"; }

img { border: 0; }

ol, ul, li {
        font-size: 1.0em;
        line-height: 1.8em;
        margin-top: 0.2em;
        margin-bottom: 0.1em; 
}

p {
        font-size: 1.0em;
        line-height: 1.4em;
        margin: 1.1em 0em 1.1em 0em;
}
li > p {
        margin-top: 0.2em;
}

pre {
        font-family: monospace;
        font-size: 1.1em;
}

strong, b {
        font-weight: bold;
}
/* eof typo graphy */

/* components */
#r {position:relative;width:845px;
        margin:0 auto;}
#wrapper {
        width:845px;
        margin:0 auto; text-align:left;
}
#content {
background: transparent url('/css/content_bg.jpg') repeat-y;
text-align:left;
}
#header { 
z-index:1;
      height:203px;
      background: url('/css/header_bg.jpg') no-repeat;
}
#flash_container {
position:absolute;
top:-1px; left:326px;
      margin:0; padding:0;
      height:165px;
      width:514px;
			z-index:2;
}
#topnav {position:absolute; width:500px;top:162px; left:20px; }
#header ul#topnav  { 
      margin:0 0 0 20px; padding:.1em 0 0 0; color:#FFF; font-size:1.1em;
}
#header ul#topnav li {
      display:inline; list-style-type:none; margin:0; padding:0;
}
#header ul#topnav li a { color:#fff; margin-right:1.5em; font-weight:bold; }
#header ul#topnav li a:hover {color:orange;}
#header ul#topnav li#current a {color:orange; text-decoration: underline; }

#left  {
      margin-left:25px; margin-top:.5em; margin-bottom:.5em;
      width:580px;font-size:1.1em;
      min-height:380px; height:auto !important; height:380px;
}
#left a { text-decoration:underline; }
#left a:hover { color:#8B0F17; }

#weather_and_images {
      width:192px;
      min-height:106px; height:auto !important; height:106px;
      padding: 40px 0 0 0;
      background: transparent url('/css/current_weather_bg.jpg') no-repeat;
}

#right {
      margin-right:60px;
      width:160px;font-size:.9em; text-align:left;
}
#right ul {
      margin:.5em 0 2em 0; padding:0;
}
#right ul li {
      list-style-type: none; margin:0 0 1em 0; padding-left: 1.3em;
      line-height:normal;
      background: transparent url('/css/b_b.jpg') left 1px no-repeat;
}
#right ul li a { color: #2b55a2; font-weight:bold; text-decoration: underline;}
#right ul li#current a, #right ul li a:hover { color:#8B0F17; }
#right ul li a#subselected {color:#8B0F17; }
#events {
      width:175px; margin:0 51px 0 0; padding:0; text-align:left;
      font-size:.9em;
}
#events ul {
      margin:1em 0 0 .53em; padding:0;
}
#events ul li {
      list-style-type:none; margin:0 0 .8em 0; padding-left: 1.3em;
      line-height:1.5em;
      background: transparent url('/css/b_r.jpg') left 1px no-repeat;
}
#events ul li.ne {
      background-image: none;
}
#events ul li a { color: #2b55a2; font-weight:bold; text-decoration:underline; }
#events ul li a:hover {color:maroon;}
#events #vall { margin: 0 1em 0 14px; text-align:right; }
#events_heading {
      width:175px; height:36px; margin:0; padding:0;
      background:transparent url('/css/events_heading.jpg') no-repeat;
}

.fm          { font-family:fixed; font-size:.9em; }
.event_h3    { margin-bottom:0;border-bottom:1px solid #183c1e; }
.event_title { font-weight:bold; margin:.2em 0 0 0; color:#864623; }
.event_descr { margin:0;padding:0 0 0 .5em; font-family: Georgia, "Times New Roman", Serif}
.ename       { font-family: Georgia, "Times New Roman", Serif }

#footer {
      margin:0; padding:0; text-align:left;
      height:77px; line-height:65px;
      background: transparent url('/css/footer_bg.jpg') no-repeat;
}
      #cr { margin:0 0 0 3em; padding:0;height:77px;line-height:67px;width:350px; }
      #fl { margin:0;padding:0; height:77px;line-height:67px; }
#footer a { color: #888; text-decoration:underline; }
#copy {
      text-align:right; margin-right: 4.5em;
}
/* eof components */

.w800 { width:800px; text-align:left; }
.w850 { width:850px; text-align:left; }
.centered { text-align:center; }
.float_left { float: left; display:inline;  }
.float_right{ float: right; display:inline; }
.clear_left { clear:left; }
.clear_right{ clear:right; }
.clear { clear:both; }
.clearfix:after{content:".";display:block;xheight:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.right_aligned {text-align:right;}
.smalltext {font-size:80%; color:#666;}
table.underlinerows {border-collapse:collapse;}
table.underlinerows td {border-bottom:1px solid #ddd;} 
#left li {line-height:1.3em;}
#left li li {list-style-type:square;}
ul.localnav li {
      list-style-type:none; margin:0; padding-left: 1.3em;
      line-height:1.5em;
      background: transparent url('/css/b_r.jpg') left 1px no-repeat;
}
#left table td {vertical-align:top;}
table#council {background:#F0ECE7;}
table#council td {padding-left:10px; border-bottom:5px solid #f3f3f3;}